ui icon indicating copy to clipboard operation
ui copied to clipboard

How to extend 'dark mode' color?

Open InstantlyMoist opened this issue 1 year ago • 1 comments

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?

InstantlyMoist avatar Aug 07 '24 20:08 InstantlyMoist

This issue is stale because it has been open for 30 days with no activity.

github-actions[bot] avatar Sep 07 '24 01:09 github-actions[bot]