mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-04-20 06:55:06 -04:00
76 lines
1.7 KiB
TypeScript
76 lines
1.7 KiB
TypeScript
import { defineThemes } from './theme.models';
|
|
|
|
export const { themes: appThemes, useTheme: useAppTheme } = defineThemes({
|
|
light: {
|
|
background: '#ffffff',
|
|
text: {
|
|
baseColor: '#333639',
|
|
mutedColor: '#767c82',
|
|
},
|
|
default: {
|
|
color: 'rgba(46, 51, 56, 0.05)',
|
|
colorHover: 'rgba(46, 51, 56, 0.09)',
|
|
colorPressed: 'rgba(46, 51, 56, 0.22)',
|
|
},
|
|
primary: {
|
|
color: '#18a058',
|
|
colorHover: '#1ea54c',
|
|
colorPressed: '#0C7A43',
|
|
colorFaded: '#18a0582f',
|
|
},
|
|
warning: {
|
|
color: '#f59e0b',
|
|
colorHover: '#f59e0b',
|
|
colorPressed: '#f59e0b',
|
|
colorFaded: '#f59e0b2f',
|
|
},
|
|
success: {
|
|
color: '#18a058',
|
|
colorHover: '#36ad6a',
|
|
colorPressed: '#0c7a43',
|
|
colorFaded: '#18a0582f',
|
|
},
|
|
error: {
|
|
color: '#d03050',
|
|
colorHover: '#de576d',
|
|
colorPressed: '#ab1f3f',
|
|
colorFaded: '#d030502a',
|
|
},
|
|
},
|
|
dark: {
|
|
background: '#1e1e1e',
|
|
text: {
|
|
baseColor: '#ffffffd1',
|
|
mutedColor: '#ffffff80',
|
|
},
|
|
default: {
|
|
color: 'rgba(255, 255, 255, 0.08)',
|
|
colorHover: 'rgba(255, 255, 255, 0.12)',
|
|
colorPressed: 'rgba(255, 255, 255, 0.24)',
|
|
},
|
|
primary: {
|
|
color: '#1ea54c',
|
|
colorHover: '#36AD6A',
|
|
colorPressed: '#0C7A43',
|
|
colorFaded: '#18a0582f',
|
|
},
|
|
warning: {
|
|
color: '#f59e0b',
|
|
colorHover: '#f59e0b',
|
|
colorPressed: '#f59e0b',
|
|
colorFaded: '#f59e0b2f',
|
|
},
|
|
success: {
|
|
color: '#18a058',
|
|
colorHover: '#36ad6a',
|
|
colorPressed: '#0c7a43',
|
|
colorFaded: '#18a0582f',
|
|
},
|
|
error: {
|
|
color: '#e88080',
|
|
colorHover: '#e98b8b',
|
|
colorPressed: '#e57272',
|
|
colorFaded: '#e8808029',
|
|
},
|
|
},
|
|
});
|