import type { DefaultTheme } from 'styled-components' ; export const lightTheme = { box : { running : '#f1f8f2' , paused : '#f5f5f5' , completed : '#b7dabe' } , overlayColor : { paused : '#e6e6e6' , running : '#d5f5da' , completed : '#d5f5da' } , line : { paused : '#00171F' , running : '#b5e2bc' , completed : '#b5e2bc' } , text : { fileName : '#00171F' , percentage : '#00171F' } , icons : { completed : 'gray' , disabled : 'gray' , paused : '#00171f' , running : '#00171f' } } ; export const darkTheme = { box : { completed : '#b7dabe' , paused : '#acaeb6' , running : '#797b84' } , overlayColor : { completed : '#494c5a' , paused : '#87888e' , running : '#494c5a' } , line : { paused : '#bbbbbb' , running : '#797b84' , completed : '#797b84' } , text : { fileName : '#fff' , percentage : '#fff' } , icons : { completed : '#fff' , disabled : '#fff' , paused : '#fff' , running : '#fff' } } ;