Theming #164

romanslonov · 2019-04-07T13:52:58Z

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;
}

suitcss / suit

Theming #164

Theming #164

romanslonov commented Apr 7, 2019 •

edited

suitcss / suit

Join GitHub today

Theming #164

Theming #164

Comments

romanslonov commented Apr 7, 2019 • edited

Essential cookies

Always active

Analytics cookies

romanslonov commented Apr 7, 2019 •

edited