m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-11-15 01:25:25 +01:00
Code Releases Activity

theme switch tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2021-03-13 16:44:12 +01:00
parent dc249eccac
commit 8f25763fa8
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/molecules/ThemeSwitch.module.css
View File

@ -6,7 +6,7 @@
} }
.themeSwitch svg { .themeSwitch svg {
stroke: var(--brand-grey-light); stroke: var(--text-color-light);
width: var(--font-size-base); width: var(--font-size-base);
height: var(--font-size-base); height: var(--font-size-base);
margin-top: -0.05rem; margin-top: -0.05rem;
@ -36,7 +36,7 @@
position: relative; position: relative;
width: calc((var(--knob-size) + var(--knob-space) * 2) * 2); width: calc((var(--knob-size) + var(--knob-space) * 2) * 2);
height: calc(var(--knob-size) + var(--knob-space) * 4); height: calc(var(--knob-size) + var(--knob-space) * 4);
border: 1px solid var(--brand-grey-light); border: 1px solid var(--text-color-light);
border-radius: 15rem; border-radius: 15rem;
margin-left: calc(var(--spacer) / 3); margin-left: calc(var(--spacer) / 3);
margin-right: calc(var(--spacer) / 3); margin-right: calc(var(--spacer) / 3);
@ -49,7 +49,7 @@
left: var(--knob-space); left: var(--knob-space);
width: var(--knob-size); width: var(--knob-size);
height: var(--knob-size); height: var(--knob-size);
background-color: var(--brand-grey-light); background-color: var(--text-color-light);
border-radius: 15rem; border-radius: 15rem;
transition: transform 0.2s var(--easing); transition: transform 0.2s var(--easing);
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);