-
How do i disable dark mode?? For some reason, on safari (desktop), safari (ios) and chrome (ios), my app shows the 'dark' theme but i've excluded it in my config. I've even added `/** @type {import('tailwindcss').Config} */
import daisyui from 'daisyui';
import * as daisyuiThemes from 'daisyui/src/theming/themes';
export default {
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
theme: {
extend: {},
},
darkMode: 'false',
plugins: [daisyui],
daisyui: {
themes: [
{
lemonade: {
...daisyuiThemes['lemonade'],
primary: '#7E9674',
error: 'dd7373',
// accent: '#eac95b',
// success: '#C5D2CE',
// secondary: '# add1B966',
},
},
], // false: only light + dark | true: all themes | array: specific themes like this ["light", "dark", "cupcake"]
darkTheme: 'false', // name of one of the included themes for dark mode
base: true, // applies background color and foreground color for root element by default
styled: true, // include daisyUI colors and design decisions for all components
utils: true, // adds responsive and modifier utility classes
prefix: '', // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
themeRoot: ':root', // The element that receives theme color CSS variables
},
}; |
Beta Was this translation helpful? Give feedback.
Answered by
saadeghi
Feb 6, 2024
Replies: 1 comment 3 replies
-
Can you provide a reproduction repo? |
Beta Was this translation helpful? Give feedback.
3 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Starting from daisyUI 4.x we're using the new wide-gamut OKLCH colors.
OKLCH colors are supported in iOS 15.4+. Older browsers have a fallback to show the default light or dark theme so for that reason it was showing the default theme.