From 33476e7fc504bec77d01f1c8c0b0c5ef9272bb75 Mon Sep 17 00:00:00 2001 From: developomp Date: Tue, 10 Aug 2021 09:31:36 +0900 Subject: [PATCH] improved shadow on dark theme --- source/src/App.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/source/src/App.tsx b/source/src/App.tsx index e001372..5066154 100644 --- a/source/src/App.tsx +++ b/source/src/App.tsx @@ -205,7 +205,11 @@ blockquote { })}; padding: 2rem; border-radius: 6px; - box-shadow: 0 4px 10px rgb(0 0 0 / 5%), 0 0 1px rgb(0 0 0 / 10%); + box-shadow: ${(props) => + theming.theme(props.theme.currentTheme, { + light: "0 4px 10px rgb(0 0 0 / 5%), 0 0 1px rgb(0 0 0 / 10%);", + dark: "0 4px 10px rgb(0 0 0 / 30%), 0 0 1px rgb(0 0 0 / 30%);", + })}; @media screen and (max-width: ${theming.size.screen_size1}) { padding: 1rem;