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/styles/pages | |
| parent | 86d3e30ef02585d5089dce3aa2757ca2cb4e4edf (diff) | |
feat: implement dark mode
Diffstat (limited to 'src/styles/pages')
| -rw-r--r-- | src/styles/pages/Home.module.scss | 20 |
1 files changed, 16 insertions, 4 deletions
diff --git a/src/styles/pages/Home.module.scss b/src/styles/pages/Home.module.scss index b6050d7..8225a57 100644 --- a/src/styles/pages/Home.module.scss +++ b/src/styles/pages/Home.module.scss @@ -8,7 +8,23 @@ margin: 0 0 var(--spacing-md); } +.icon--feed { + width: fun.convert-px(20); +} + +:global { + [data-theme="dark"] { + :local { + .icon--feed { + filter: brightness(0.8) contrast(1.1); + } + } + } +} + .section { + --icon-size: #{fun.convert-px(20)}; + composes: grid from "@styles/layout/_grid.scss"; padding: var(--spacing-md) 0; background: var(--color-bg-secondary); @@ -31,7 +47,3 @@ } } } - -.icon { - width: fun.convert-px(20); -} |