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/components/Buttons/Buttons.module.scss | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) (limited to 'src/components/Buttons/Buttons.module.scss') diff --git a/src/components/Buttons/Buttons.module.scss b/src/components/Buttons/Buttons.module.scss index cee7918..df5ca3d 100644 --- a/src/components/Buttons/Buttons.module.scss +++ b/src/components/Buttons/Buttons.module.scss @@ -71,6 +71,10 @@ &:disabled { color: var(--color-fg-light); border-color: var(--color-border-dark); + box-shadow: fun.convert-px(2) fun.convert-px(2) 0 0 var(--color-bg), + fun.convert-px(3) fun.convert-px(3) 0 0 var(--color-primary-darker), + fun.convert-px(5) fun.convert-px(5) 0 0 var(--color-bg), + fun.convert-px(6) fun.convert-px(6) 0 0 var(--color-primary-darker); cursor: wait; } @@ -138,7 +142,7 @@ var(--color-shadow-light), fun.convert-px(7) fun.convert-px(10) fun.convert-px(12) fun.convert-px(-3) var(--color-shadow-light); - transform: scale(1.07); + transform: scale(1.1); } &:focus { @@ -154,6 +158,18 @@ } } +:global { + [data-theme="dark"] { + :local { + .tertiary { + img[src*="png"] { + background: none; + } + } + } + } +} + .toolbar { display: block; width: var(--btn-size); -- cgit v1.2.3