diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-17 17:13:51 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-17 18:03:52 +0100 |
| commit | 68138f0dcd8b3db2c23b31a20508726f245b5ba5 (patch) | |
| tree | 0d6a31cfd0adcba4d4cb08666bc262bed6cb89ea /src/components/Branding | |
| parent | 86d3e30ef02585d5089dce3aa2757ca2cb4e4edf (diff) | |
feat: implement dark mode
Diffstat (limited to 'src/components/Branding')
| -rw-r--r-- | src/components/Branding/Branding.module.scss | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/src/components/Branding/Branding.module.scss b/src/components/Branding/Branding.module.scss index d02bfa6..54bbece 100644 --- a/src/components/Branding/Branding.module.scss +++ b/src/components/Branding/Branding.module.scss @@ -38,14 +38,14 @@ left: 0; backface-visibility: hidden; background: var(--color-bg); - border: fun.convert-px(1) solid var(--color-primary-dark); + border: fun.convert-px(2) solid var(--color-primary-dark); border-radius: 50%; transition: all 0.6s linear 0s; } &__front { box-shadow: fun.convert-px(1) fun.convert-px(2) fun.convert-px(1) 0 - var(--color-shadow), + var(--color-shadow-light), fun.convert-px(2) fun.convert-px(3) fun.convert-px(3) 0 var(--color-shadow-light); } @@ -70,7 +70,7 @@ &__back { box-shadow: fun.convert-px(1) fun.convert-px(2) fun.convert-px(1) 0 - var(--color-shadow), + var(--color-shadow-light), fun.convert-px(2) fun.convert-px(3) fun.convert-px(3) 0 var(--color-shadow-light); } @@ -90,8 +90,10 @@ grid-column: 2; grid-row: 2; margin: 0; + color: var(--color-fg-light); font-family: var(--font-family-secondary); font-size: var(--font-size-lg); + font-weight: 500; } .link { |