css
Tailwind dark mode classes not activating
dark.*mode.*not.*working|dark:.*class.*no effect
Fixes
- 1.Set darkMode strategy in config: darkMode: 'class' (manual) or 'media' (system preference)
- 2.For 'class' strategy, ensure 'dark' class is on the <html> or <body> element
- 3.Check specificity — dark: variants generate .dark .dark\:class which needs the parent .dark class
tailwinddark-modeconfiguration
Related Errors
css3 fixes
Container queries not supported
@container.*not.*supported|container-type.*unknown
- •Add container-type: inline-size to parent
- •Check browser version supports container queries
css3 fixes
Container query: Invalid container name
container-name.*must be.*ident
- •Use valid CSS identifier for container-name
- •Don't use CSS keywords as container names
css3 fixes
Container query: No matching container ancestor
@container.*no.*ancestor.*container
- •Add container-type to an ancestor element
- •Check container-name matches query