From 395571bd89498fce46d37f3853cf718387fd0d9a Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 27 Dec 2021 11:20:26 +0100 Subject: chore: add a theme toggle Dark theme is not implemented yet. --- src/components/Icons/Theme/Theme.module.scss | 43 ++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 src/components/Icons/Theme/Theme.module.scss (limited to 'src/components/Icons/Theme/Theme.module.scss') 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; +} -- cgit v1.2.3