tweak themes
This commit is contained in:
saml33
parent
4660d04041
commit
1d8a91795e
|
|
@ -46,9 +46,10 @@ const DisplaySettings = () => {
|
|||
t('settings:light'),
|
||||
'Medium',
|
||||
t('settings:dark'),
|
||||
'Jungle',
|
||||
t('settings:mango'),
|
||||
'Ocean',
|
||||
'Mango Classic',
|
||||
'Avocado',
|
||||
'Banana',
|
||||
'Blueberry',
|
||||
// 'Smoothy',
|
||||
]
|
||||
}, [t])
|
||||
|
|
|
|||
|
|
@ -1,74 +1,82 @@
|
|||
export const COLORS: any = {
|
||||
BKG1: {
|
||||
Mango: '#18181C',
|
||||
'Mango Classic': '#18181C',
|
||||
Dark: '#111113',
|
||||
Light: '#fcfcfc',
|
||||
// Smoothy: 'hsl(45, 100%, 96%)',
|
||||
Jungle: '#192419',
|
||||
Avocado: '#0c2219',
|
||||
Medium: '#1d1d20',
|
||||
Ocean: '#0e265d',
|
||||
Blueberry: '#0e265d',
|
||||
Banana: '#FFFDE8',
|
||||
},
|
||||
BKG2: {
|
||||
Mango: '#282433',
|
||||
'Mango Classic': '#282433',
|
||||
Dark: '#1d1d20',
|
||||
Light: '#f0f0f0',
|
||||
// Smoothy: 'hsl(45, 100%, 91%)',
|
||||
Jungle: '#243324',
|
||||
Avocado: '#133527',
|
||||
Medium: '#29292e',
|
||||
Ocean: '#112f73',
|
||||
Blueberry: '#112f73',
|
||||
Banana: '#fcf9cf',
|
||||
},
|
||||
BKG3: {
|
||||
Mango: '#332e42',
|
||||
'Mango Classic': '#332e42',
|
||||
Dark: '#29292e',
|
||||
Light: '#e3e3e3',
|
||||
// Smoothy: 'hsl(45, 100%, 86%)',
|
||||
Jungle: '#2e422e',
|
||||
Avocado: '#194835',
|
||||
Medium: '#35353b',
|
||||
Ocean: '#15388a',
|
||||
Blueberry: '#15388a',
|
||||
Banana: '#f7f2ba',
|
||||
},
|
||||
BKG4: {
|
||||
Mango: '#3f3851',
|
||||
'Mango Classic': '#3f3851',
|
||||
Dark: '#35353b',
|
||||
Light: '#d6d6d6',
|
||||
// Smoothy: 'hsl(45, 100%, 81%)',
|
||||
Jungle: '#385138',
|
||||
Avocado: '#205b43',
|
||||
Medium: '#414149',
|
||||
Ocean: '#1841a0',
|
||||
Blueberry: '#1841a0',
|
||||
Banana: '#f0eaa8',
|
||||
},
|
||||
FGD4: {
|
||||
Mango: '#9189ae',
|
||||
'Mango Classic': '#9189ae',
|
||||
Dark: '#858585',
|
||||
Light: '#1c93a6',
|
||||
// Smoothy: 'hsl(45, 100%, 34%)',
|
||||
Jungle: '#8eb48e',
|
||||
Avocado: '#8eb48e',
|
||||
Medium: '#808080',
|
||||
Ocean: '#6b94e6',
|
||||
Blueberry: '#6b94e6',
|
||||
Banana: '#7b7b65',
|
||||
},
|
||||
UP: {
|
||||
Mango: '#A6CD03',
|
||||
'Mango Classic': '#A6CD03',
|
||||
Dark: '#60bf4f',
|
||||
Light: '#60bf4f',
|
||||
// Smoothy: 'hsl(110, 73%, 40%)',
|
||||
Jungle: '#4bc34b',
|
||||
Avocado: '#4bc34b',
|
||||
Medium: '#60bf4f',
|
||||
Ocean: '#15d1a2',
|
||||
Blueberry: '#15d1a2',
|
||||
Banana: '#86AE7E',
|
||||
},
|
||||
ACTIVE: {
|
||||
Mango: '#f1c84b',
|
||||
'Mango Classic': '#f1c84b',
|
||||
Dark: '#f1c84b',
|
||||
Light: '#ff9c24',
|
||||
// Smoothy: 'hsl(321, 100%, 48%)',
|
||||
Jungle: '#75ff75',
|
||||
Avocado: '#E3E96C',
|
||||
Medium: '#f1c84b',
|
||||
Ocean: '#f1c84b',
|
||||
Blueberry: '#f1c84b',
|
||||
Banana: '#4A97CF',
|
||||
},
|
||||
DOWN: {
|
||||
Mango: '#F84638',
|
||||
'Mango Classic': '#F84638',
|
||||
Dark: '#cc2828',
|
||||
Light: '#cc2828',
|
||||
// Smoothy: 'hsl(0, 100%, 56%)',
|
||||
Jungle: '#ff7575',
|
||||
Avocado: '#d1534d',
|
||||
Medium: '#cc2828',
|
||||
Ocean: '#d1534d',
|
||||
Blueberry: '#d1534d',
|
||||
Banana: '#BE6A6A',
|
||||
},
|
||||
}
|
||||
|
|
|
|||
|
|
@ -131,30 +131,30 @@ th {
|
|||
--warning: theme('colors.dark-theme.warning');
|
||||
}
|
||||
|
||||
[data-theme='Mango'] {
|
||||
--active: theme('colors.mango-theme.active.DEFAULT');
|
||||
--active-dark: theme('colors.mango-theme.active.dark');
|
||||
--down: theme('colors.mango-theme.down.DEFAULT');
|
||||
--down-dark: theme('colors.mango-theme.down.dark');
|
||||
--down-muted: theme('colors.mango-theme.down.muted');
|
||||
--up: theme('colors.mango-theme.up.DEFAULT');
|
||||
--up-dark: theme('colors.mango-theme.up.dark');
|
||||
--up-muted: theme('colors.mango-theme.up.muted');
|
||||
--link: theme('colors.mango-theme.link.DEFAULT');
|
||||
--link-hover: theme('colors.mango-theme.link.hover');
|
||||
--bkg-1: theme('colors.mango-theme.bkg-1');
|
||||
--bkg-2: theme('colors.mango-theme.bkg-2');
|
||||
--bkg-3: theme('colors.mango-theme.bkg-3');
|
||||
--bkg-4: theme('colors.mango-theme.bkg-4');
|
||||
--fgd-1: theme('colors.mango-theme.fgd-1');
|
||||
--fgd-2: theme('colors.mango-theme.fgd-2');
|
||||
--fgd-3: theme('colors.mango-theme.fgd-3');
|
||||
--fgd-4: theme('colors.mango-theme.fgd-4');
|
||||
--button: theme('colors.mango-theme.button.DEFAULT');
|
||||
--button-hover: theme('colors.mango-theme.button.hover');
|
||||
--error: theme('colors.mango-theme.error');
|
||||
--success: theme('colors.mango-theme.success');
|
||||
--warning: theme('colors.mango-theme.warning');
|
||||
[data-theme='Mango Classic'] {
|
||||
--active: theme('colors.mango-classic-theme.active.DEFAULT');
|
||||
--active-dark: theme('colors.mango-classic-theme.active.dark');
|
||||
--down: theme('colors.mango-classic-theme.down.DEFAULT');
|
||||
--down-dark: theme('colors.mango-classic-theme.down.dark');
|
||||
--down-muted: theme('colors.mango-classic-theme.down.muted');
|
||||
--up: theme('colors.mango-classic-theme.up.DEFAULT');
|
||||
--up-dark: theme('colors.mango-classic-theme.up.dark');
|
||||
--up-muted: theme('colors.mango-classic-theme.up.muted');
|
||||
--link: theme('colors.mango-classic-theme.link.DEFAULT');
|
||||
--link-hover: theme('colors.mango-classic-theme.link.hover');
|
||||
--bkg-1: theme('colors.mango-classic-theme.bkg-1');
|
||||
--bkg-2: theme('colors.mango-classic-theme.bkg-2');
|
||||
--bkg-3: theme('colors.mango-classic-theme.bkg-3');
|
||||
--bkg-4: theme('colors.mango-classic-theme.bkg-4');
|
||||
--fgd-1: theme('colors.mango-classic-theme.fgd-1');
|
||||
--fgd-2: theme('colors.mango-classic-theme.fgd-2');
|
||||
--fgd-3: theme('colors.mango-classic-theme.fgd-3');
|
||||
--fgd-4: theme('colors.mango-classic-theme.fgd-4');
|
||||
--button: theme('colors.mango-classic-theme.button.DEFAULT');
|
||||
--button-hover: theme('colors.mango-classic-theme.button.hover');
|
||||
--error: theme('colors.mango-classic-theme.error');
|
||||
--success: theme('colors.mango-classic-theme.success');
|
||||
--warning: theme('colors.mango-classic-theme.warning');
|
||||
}
|
||||
|
||||
[data-theme='Medium'] {
|
||||
|
|
@ -183,30 +183,56 @@ th {
|
|||
--warning: theme('colors.medium-theme.warning');
|
||||
}
|
||||
|
||||
[data-theme='Ocean'] {
|
||||
--active: theme('colors.ocean-theme.active.DEFAULT');
|
||||
--active-dark: theme('colors.ocean-theme.active.dark');
|
||||
--down: theme('colors.ocean-theme.down.DEFAULT');
|
||||
--down-dark: theme('colors.ocean-theme.down.dark');
|
||||
--down-muted: theme('colors.ocean-theme.down.muted');
|
||||
--up: theme('colors.ocean-theme.up.DEFAULT');
|
||||
--up-dark: theme('colors.ocean-theme.up.dark');
|
||||
--up-muted: theme('colors.ocean-theme.up.muted');
|
||||
--link: theme('colors.ocean-theme.link.DEFAULT');
|
||||
--link-hover: theme('colors.ocean-theme.link.hover');
|
||||
--bkg-1: theme('colors.ocean-theme.bkg-1');
|
||||
--bkg-2: theme('colors.ocean-theme.bkg-2');
|
||||
--bkg-3: theme('colors.ocean-theme.bkg-3');
|
||||
--bkg-4: theme('colors.ocean-theme.bkg-4');
|
||||
--fgd-1: theme('colors.ocean-theme.fgd-1');
|
||||
--fgd-2: theme('colors.ocean-theme.fgd-2');
|
||||
--fgd-3: theme('colors.ocean-theme.fgd-3');
|
||||
--fgd-4: theme('colors.ocean-theme.fgd-4');
|
||||
--button: theme('colors.ocean-theme.button.DEFAULT');
|
||||
--button-hover: theme('colors.ocean-theme.button.hover');
|
||||
--error: theme('colors.ocean-theme.error');
|
||||
--success: theme('colors.ocean-theme.success');
|
||||
--warning: theme('colors.ocean-theme.warning');
|
||||
[data-theme='Blueberry'] {
|
||||
--active: theme('colors.blueberry-theme.active.DEFAULT');
|
||||
--active-dark: theme('colors.blueberry-theme.active.dark');
|
||||
--down: theme('colors.blueberry-theme.down.DEFAULT');
|
||||
--down-dark: theme('colors.blueberry-theme.down.dark');
|
||||
--down-muted: theme('colors.blueberry-theme.down.muted');
|
||||
--up: theme('colors.blueberry-theme.up.DEFAULT');
|
||||
--up-dark: theme('colors.blueberry-theme.up.dark');
|
||||
--up-muted: theme('colors.blueberry-theme.up.muted');
|
||||
--link: theme('colors.blueberry-theme.link.DEFAULT');
|
||||
--link-hover: theme('colors.blueberry-theme.link.hover');
|
||||
--bkg-1: theme('colors.blueberry-theme.bkg-1');
|
||||
--bkg-2: theme('colors.blueberry-theme.bkg-2');
|
||||
--bkg-3: theme('colors.blueberry-theme.bkg-3');
|
||||
--bkg-4: theme('colors.blueberry-theme.bkg-4');
|
||||
--fgd-1: theme('colors.blueberry-theme.fgd-1');
|
||||
--fgd-2: theme('colors.blueberry-theme.fgd-2');
|
||||
--fgd-3: theme('colors.blueberry-theme.fgd-3');
|
||||
--fgd-4: theme('colors.blueberry-theme.fgd-4');
|
||||
--button: theme('colors.blueberry-theme.button.DEFAULT');
|
||||
--button-hover: theme('colors.blueberry-theme.button.hover');
|
||||
--error: theme('colors.blueberry-theme.error');
|
||||
--success: theme('colors.blueberry-theme.success');
|
||||
--warning: theme('colors.blueberry-theme.warning');
|
||||
}
|
||||
|
||||
[data-theme='Banana'] {
|
||||
--active: theme('colors.banana-theme.active.DEFAULT');
|
||||
--active-dark: theme('colors.banana-theme.active.dark');
|
||||
--down: theme('colors.banana-theme.down.DEFAULT');
|
||||
--down-dark: theme('colors.banana-theme.down.dark');
|
||||
--down-muted: theme('colors.banana-theme.down.muted');
|
||||
--up: theme('colors.banana-theme.up.DEFAULT');
|
||||
--up-dark: theme('colors.banana-theme.up.dark');
|
||||
--up-muted: theme('colors.banana-theme.up.muted');
|
||||
--link: theme('colors.banana-theme.link.DEFAULT');
|
||||
--link-hover: theme('colors.banana-theme.link.hover');
|
||||
--bkg-1: theme('colors.banana-theme.bkg-1');
|
||||
--bkg-2: theme('colors.banana-theme.bkg-2');
|
||||
--bkg-3: theme('colors.banana-theme.bkg-3');
|
||||
--bkg-4: theme('colors.banana-theme.bkg-4');
|
||||
--fgd-1: theme('colors.banana-theme.fgd-1');
|
||||
--fgd-2: theme('colors.banana-theme.fgd-2');
|
||||
--fgd-3: theme('colors.banana-theme.fgd-3');
|
||||
--fgd-4: theme('colors.banana-theme.fgd-4');
|
||||
--button: theme('colors.banana-theme.button.DEFAULT');
|
||||
--button-hover: theme('colors.banana-theme.button.hover');
|
||||
--error: theme('colors.banana-theme.error');
|
||||
--success: theme('colors.banana-theme.success');
|
||||
--warning: theme('colors.banana-theme.warning');
|
||||
}
|
||||
|
||||
/* [data-theme='Smoothy'] {
|
||||
|
|
@ -235,30 +261,30 @@ th {
|
|||
--warning: theme('colors.smoothy-theme.warning');
|
||||
} */
|
||||
|
||||
[data-theme='Jungle'] {
|
||||
--active: theme('colors.jungle-theme.active.DEFAULT');
|
||||
--active-dark: theme('colors.jungle-theme.active.dark');
|
||||
--down: theme('colors.jungle-theme.down.DEFAULT');
|
||||
--down-dark: theme('colors.jungle-theme.down.dark');
|
||||
--down-muted: theme('colors.jungle-theme.down.muted');
|
||||
--up: theme('colors.jungle-theme.up.DEFAULT');
|
||||
--up-dark: theme('colors.jungle-theme.up.dark');
|
||||
--up-muted: theme('colors.jungle-theme.up.muted');
|
||||
--link: theme('colors.jungle-theme.link.DEFAULT');
|
||||
--link-hover: theme('colors.jungle-theme.link.hover');
|
||||
--bkg-1: theme('colors.jungle-theme.bkg-1');
|
||||
--bkg-2: theme('colors.jungle-theme.bkg-2');
|
||||
--bkg-3: theme('colors.jungle-theme.bkg-3');
|
||||
--bkg-4: theme('colors.jungle-theme.bkg-4');
|
||||
--fgd-1: theme('colors.jungle-theme.fgd-1');
|
||||
--fgd-2: theme('colors.jungle-theme.fgd-2');
|
||||
--fgd-3: theme('colors.jungle-theme.fgd-3');
|
||||
--fgd-4: theme('colors.jungle-theme.fgd-4');
|
||||
--button: theme('colors.jungle-theme.button.DEFAULT');
|
||||
--button-hover: theme('colors.jungle-theme.button.hover');
|
||||
--error: theme('colors.jungle-theme.error');
|
||||
--success: theme('colors.jungle-theme.success');
|
||||
--warning: theme('colors.jungle-theme.warning');
|
||||
[data-theme='Avocado'] {
|
||||
--active: theme('colors.avocado-theme.active.DEFAULT');
|
||||
--active-dark: theme('colors.avocado-theme.active.dark');
|
||||
--down: theme('colors.avocado-theme.down.DEFAULT');
|
||||
--down-dark: theme('colors.avocado-theme.down.dark');
|
||||
--down-muted: theme('colors.avocado-theme.down.muted');
|
||||
--up: theme('colors.avocado-theme.up.DEFAULT');
|
||||
--up-dark: theme('colors.avocado-theme.up.dark');
|
||||
--up-muted: theme('colors.avocado-theme.up.muted');
|
||||
--link: theme('colors.avocado-theme.link.DEFAULT');
|
||||
--link-hover: theme('colors.avocado-theme.link.hover');
|
||||
--bkg-1: theme('colors.avocado-theme.bkg-1');
|
||||
--bkg-2: theme('colors.avocado-theme.bkg-2');
|
||||
--bkg-3: theme('colors.avocado-theme.bkg-3');
|
||||
--bkg-4: theme('colors.avocado-theme.bkg-4');
|
||||
--fgd-1: theme('colors.avocado-theme.fgd-1');
|
||||
--fgd-2: theme('colors.avocado-theme.fgd-2');
|
||||
--fgd-3: theme('colors.avocado-theme.fgd-3');
|
||||
--fgd-4: theme('colors.avocado-theme.fgd-4');
|
||||
--button: theme('colors.avocado-theme.button.DEFAULT');
|
||||
--button-hover: theme('colors.avocado-theme.button.hover');
|
||||
--error: theme('colors.avocado-theme.error');
|
||||
--success: theme('colors.avocado-theme.success');
|
||||
--warning: theme('colors.avocado-theme.warning');
|
||||
}
|
||||
|
||||
/* Base */
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ module.exports = {
|
|||
'gradient-start': '#AFD803',
|
||||
'gradient-mid': '#F2C94C',
|
||||
'gradient-end': '#E54033',
|
||||
'mango-theme': {
|
||||
'mango-classic-theme': {
|
||||
active: {
|
||||
DEFAULT: 'hsl(45, 86%, 62%)',
|
||||
dark: 'hsl(45, 86%, 52%)',
|
||||
|
|
@ -150,14 +150,14 @@ module.exports = {
|
|||
'fgd-3': 'hsl(0, 0%, 60%)',
|
||||
'fgd-4': 'hsl(0, 0%, 50%)',
|
||||
},
|
||||
'ocean-theme': {
|
||||
'blueberry-theme': {
|
||||
active: {
|
||||
DEFAULT: 'hsl(45, 86%, 62%)',
|
||||
dark: 'hsl(45, 86%, 52%)',
|
||||
},
|
||||
button: {
|
||||
DEFAULT: 'hsl(222, 74%, 36%)',
|
||||
hover: 'hsl(222, 74%, 26%)',
|
||||
DEFAULT: 'hsl(220, 91%, 64%)',
|
||||
hover: 'hsl(220, 91%, 54%)',
|
||||
},
|
||||
link: { DEFAULT: 'hsl(45, 86%, 62%)', hover: 'hsl(45, 86%, 52%)' },
|
||||
down: {
|
||||
|
|
@ -182,65 +182,97 @@ module.exports = {
|
|||
'fgd-3': 'hsl(220, 71%, 76%)',
|
||||
'fgd-4': 'hsl(220, 71%, 66%)',
|
||||
},
|
||||
'smoothy-theme': {
|
||||
'banana-theme': {
|
||||
active: {
|
||||
DEFAULT: 'hsl(321, 100%, 48%)',
|
||||
dark: 'hsl(321, 100%, 38%)',
|
||||
DEFAULT: 'hsl(205, 58%, 55%)',
|
||||
dark: 'hsl(205, 58%, 45%)',
|
||||
},
|
||||
button: {
|
||||
DEFAULT: 'hsl(284, 100%, 56%)',
|
||||
hover: 'hsl(284, 100%, 46%)',
|
||||
DEFAULT: 'hsl(55, 80%, 42%)',
|
||||
hover: 'hsl(55, 80%, 32%)',
|
||||
},
|
||||
link: { DEFAULT: 'hsl(21, 100%, 56%)', hover: 'hsl(21, 100%, 46%)' },
|
||||
link: { DEFAULT: 'hsl(33, 100%, 57%)', hover: 'hsl(33, 100%, 47%)' },
|
||||
down: {
|
||||
DEFAULT: 'hsl(0, 100%, 56%)',
|
||||
dark: 'hsl(0, 100%, 46%)',
|
||||
muted: 'hsl(0, 60%, 46%)',
|
||||
DEFAULT: 'hsl(0, 39%, 58%)',
|
||||
dark: 'hsl(0, 39%, 48%)',
|
||||
muted: 'hsl(0, 19%, 48%)',
|
||||
},
|
||||
up: {
|
||||
DEFAULT: 'hsl(110, 73%, 40%)',
|
||||
dark: 'hsl(110, 73%, 30%)',
|
||||
muted: 'hsl(110, 33%, 30%)',
|
||||
DEFAULT: 'hsl(110, 23%, 59%)',
|
||||
dark: 'hsl(110, 23%, 49%)',
|
||||
muted: 'hsl(110, 3%, 49%)',
|
||||
},
|
||||
error: 'hsl(0, 100%, 56%)',
|
||||
success: 'hsl(110, 73%, 40%)',
|
||||
warning: 'hsl(21, 100%, 56%)',
|
||||
'bkg-1': 'hsl(45, 100%, 96%)',
|
||||
'bkg-2': 'hsl(45, 100%, 91%)',
|
||||
'bkg-3': 'hsl(45, 100%, 86%)',
|
||||
'bkg-4': 'hsl(45, 100%, 81%)',
|
||||
'fgd-1': 'hsl(45, 100%, 4%)',
|
||||
'fgd-2': 'hsl(45, 100%, 14%)',
|
||||
'fgd-3': 'hsl(45, 100%, 24%)',
|
||||
'fgd-4': 'hsl(45, 100%, 34%)',
|
||||
error: 'hsl(0, 39%, 58%)',
|
||||
success: 'hsl(110, 23%, 59%)',
|
||||
warning: 'hsl(33, 100%, 57%)',
|
||||
'bkg-1': 'hsl(55, 100%, 95%)',
|
||||
'bkg-2': 'hsl(55, 90%, 90%)',
|
||||
'bkg-3': 'hsl(55, 80%, 85%)',
|
||||
'bkg-4': 'hsl(55, 70%, 80%)',
|
||||
'fgd-1': 'hsl(60, 10%, 14%)',
|
||||
'fgd-2': 'hsl(60, 10%, 24%)',
|
||||
'fgd-3': 'hsl(60, 10%, 34%)',
|
||||
'fgd-4': 'hsl(60, 10%, 44%)',
|
||||
},
|
||||
'jungle-theme': {
|
||||
// 'smoothy-theme': {
|
||||
// active: {
|
||||
// DEFAULT: 'hsl(321, 100%, 48%)',
|
||||
// dark: 'hsl(321, 100%, 38%)',
|
||||
// },
|
||||
// button: {
|
||||
// DEFAULT: 'hsl(284, 100%, 56%)',
|
||||
// hover: 'hsl(284, 100%, 46%)',
|
||||
// },
|
||||
// link: { DEFAULT: 'hsl(21, 100%, 56%)', hover: 'hsl(21, 100%, 46%)' },
|
||||
// down: {
|
||||
// DEFAULT: 'hsl(0, 100%, 56%)',
|
||||
// dark: 'hsl(0, 100%, 46%)',
|
||||
// muted: 'hsl(0, 60%, 46%)',
|
||||
// },
|
||||
// up: {
|
||||
// DEFAULT: 'hsl(110, 73%, 40%)',
|
||||
// dark: 'hsl(110, 73%, 30%)',
|
||||
// muted: 'hsl(110, 33%, 30%)',
|
||||
// },
|
||||
// error: 'hsl(0, 100%, 56%)',
|
||||
// success: 'hsl(110, 73%, 40%)',
|
||||
// warning: 'hsl(21, 100%, 56%)',
|
||||
// 'bkg-1': 'hsl(45, 100%, 96%)',
|
||||
// 'bkg-2': 'hsl(45, 100%, 91%)',
|
||||
// 'bkg-3': 'hsl(45, 100%, 86%)',
|
||||
// 'bkg-4': 'hsl(45, 100%, 81%)',
|
||||
// 'fgd-1': 'hsl(45, 100%, 4%)',
|
||||
// 'fgd-2': 'hsl(45, 100%, 14%)',
|
||||
// 'fgd-3': 'hsl(45, 100%, 24%)',
|
||||
// 'fgd-4': 'hsl(45, 100%, 34%)',
|
||||
// },
|
||||
'avocado-theme': {
|
||||
active: {
|
||||
DEFAULT: 'hsl(120, 100%, 73%)',
|
||||
dark: 'hsl(120, 100%, 63%)',
|
||||
DEFAULT: 'hsl(63, 74%, 67%)',
|
||||
dark: 'hsl(63, 74%, 57%)',
|
||||
},
|
||||
button: {
|
||||
DEFAULT: 'hsl(21, 15%, 38%)',
|
||||
hover: 'hsl(21, 15%, 28%)',
|
||||
DEFAULT: 'hsl(202, 5%, 45%)',
|
||||
hover: 'hsl(202, 5%, 35%)',
|
||||
},
|
||||
link: { DEFAULT: 'hsl(31, 100%, 57%)', hover: 'hsl(31, 100%, 47%)' },
|
||||
down: {
|
||||
DEFAULT: 'hsl(0, 100%, 73%)',
|
||||
dark: 'hsl(0, 100%, 63%)',
|
||||
muted: 'hsl(0, 60%, 63%)',
|
||||
DEFAULT: 'hsl(3, 59%, 56%)',
|
||||
dark: 'hsl(3, 59%, 46%)',
|
||||
muted: 'hsl(3, 19%, 46%)',
|
||||
},
|
||||
up: {
|
||||
DEFAULT: 'hsl(120, 50%, 53%)',
|
||||
dark: 'hsl(120, 50%, 43%)',
|
||||
muted: 'hsl(120, 10%, 43%)',
|
||||
},
|
||||
error: 'hsl(0, 100%, 73%)',
|
||||
error: 'hsl(3, 59%, 56%)',
|
||||
success: 'hsl(120, 50%, 53%)',
|
||||
warning: 'hsl(31, 80%, 57%)',
|
||||
'bkg-1': 'hsl(120, 18%, 12%)',
|
||||
'bkg-2': 'hsl(120, 18%, 17%)',
|
||||
'bkg-3': 'hsl(120, 18%, 22%)',
|
||||
'bkg-4': 'hsl(120, 18%, 27%)',
|
||||
warning: 'hsl(37, 92%, 62%)',
|
||||
'bkg-1': 'hsl(156, 48%, 9%)',
|
||||
'bkg-2': 'hsl(156, 48%, 14%)',
|
||||
'bkg-3': 'hsl(156, 48%, 19%)',
|
||||
'bkg-4': 'hsl(156, 48%, 24%)',
|
||||
'fgd-1': 'hsl(120, 20%, 93%)',
|
||||
'fgd-2': 'hsl(120, 20%, 83%)',
|
||||
'fgd-3': 'hsl(120, 20%, 73%)',
|
||||
|
|
|
|||
Loading…
Reference in New Issue