From 68138f0dcd8b3db2c23b31a20508726f245b5ba5 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 17 Jan 2022 17:13:51 +0100 Subject: feat: implement dark mode --- src/styles/pages/Home.module.scss | 20 ++++++++++++++++---- 1 file changed, 16 insertions(+), 4 deletions(-) (limited to 'src/styles/pages/Home.module.scss') 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); -} -- cgit v1.2.3