search

suitcss / suit

Style tools for UI components
http://suitcss.github.io/
3.8k stars 229 forks source link

Theming #164

Open romanslonov opened 5 years ago

romanslonov commented 5 years ago

Hello everyone. I have tons of components that I want to theme into dark mode. What's the best way to do it? Create separate theme 'dark' and override variables in a single file?

Like: theme/dark/index.css

:root, [data-theme="dark"] {
  --body-backgroundColor: black;
  --body-color: white;

  --button-backgroundColor: black;
  --button-textColor: black;

  --formField-borderColor: black;
}