Dark Theme
Pink Design has in-built dark theme support. We use Sass (with the SCSS variant) for easier maintenance.
| CSS Class | SCSS Variable | Theme |
|---|---|---|
| Default | - | Light |
.theme-dark
|
$theme-dark
|
Dark |
Global Sass variable
This global CSS class is declared as a Sass variable in order to be used inside partials
Implementation to a SCSS Partial
Compiled CSS
Theme Utility Classes
Navigate to Pink Design Theme utility classes to learn how to show or hide components based on the theme being used.