ui
ui copied to clipboard
How to extend 'dark mode' color?
Description
There is (atleast what I could find) documentation on how to override a color defined in the tailwind.config.ts when it's in dark mode. My idea was to do:
import { darkMode } from '#tailwind-config'
import type { Config } from 'tailwindcss'
import defaultTheme from 'tailwindcss/defaultTheme'
export default <Partial<Config>>{
theme: {
fontFamily: {
// Valera Round
varelaround: ['Varela Round']
},
extend: {
colors: {
'turquoise': {
'50': '#effefa',
'100': '#cafdf3',
'200': '#95faea',
'300': '#58f0dc',
'400': '#40e0d0',
'500': '#0cc0b1',
'600': '#079a91',
'700': '#0a7b75',
'800': '#0d625e',
'900': '#10514e',
'950': '#023131',
},
}
}
},
darkMode: {
extend: {
colors: {
'turquoise': {
'50': '#ff0000',
'100': '#ff0000',
'200': '#ff0000',
'300': '#ff0000',
'400': '#ff0000',
'500': '#ff0000',
'600': '#ff0000',
'700': '#ff0000',
'800': '#ff0000',
'900': '#ff0000',
'950': '#ff0000',
},
}
}
}
}
But to no avail, what should I do instead?
This issue is stale because it has been open for 30 days with no activity.