diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-12-27 11:20:26 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-12-27 11:20:26 +0100 |
| commit | 395571bd89498fce46d37f3853cf718387fd0d9a (patch) | |
| tree | 0b1a405fb82484e31f62f72485feac18ebd29ae2 /src/components/Icons/Theme/Theme.module.scss | |
| parent | 7deed83dbb8835727c743662bee776794d460e74 (diff) | |
chore: add a theme toggle
Dark theme is not implemented yet.
Diffstat (limited to 'src/components/Icons/Theme/Theme.module.scss')
| -rw-r--r-- | src/components/Icons/Theme/Theme.module.scss | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/src/components/Icons/Theme/Theme.module.scss b/src/components/Icons/Theme/Theme.module.scss new file mode 100644 index 0000000..e0ea24c --- /dev/null +++ b/src/components/Icons/Theme/Theme.module.scss @@ -0,0 +1,43 @@ +@use "@styles/abstracts/functions" as fun; + +.icon { + display: block; + margin: auto; + width: var(--icon-size, #{fun.convert-px(40)}); +} + +.roller { + fill: var(--color-primary-lighter); + stroke: var(--color-border); + stroke-width: 3; +} + +.guard { + fill: var(--color-primary); + stroke: var(--color-border); + stroke-width: 2; +} + +.handle { + fill: var(--color-primary-lighter); + stroke: var(--color-border); + stroke-width: 3; +} + +.bar { + fill: var(--color-bg); + stroke: var(--color-border); + stroke-width: 3; +} + +.colors { + fill: var(--color-primary-lighter); + stroke: var(--color-border); + stroke-width: 2; +} + +.palette { + fill: var(--color-bg); + stroke: var(--color-border); + stroke-width: 3; +} |