From 5fad984335ba0e6609c66550189d377ed4ee9a65 Mon Sep 17 00:00:00 2001 From: developomp Date: Mon, 31 May 2021 12:13:13 +0900 Subject: [PATCH] minor color adjustment for blockquotes --- source/src/App.tsx | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/source/src/App.tsx b/source/src/App.tsx index a77099a..47826af 100644 --- a/source/src/App.tsx +++ b/source/src/App.tsx @@ -85,8 +85,17 @@ p { } blockquote { - background-color: rgba(0, 0, 0, 5%); - border-left: 0.4rem solid rgba(0, 0, 0, 10%); + background-color: ${(props) => + theming.theme(props.theme.currentTheme, { + light: "rgba(0, 0, 0, 5%)", + dark: "rgba(255, 255, 255, 3%)", + })}; + + border-left: ${(props) => + theming.theme(props.theme.currentTheme, { + light: "0.4rem solid rgba(0, 0, 0, 10%)", + dark: "0.4rem solid rgba(255, 255, 255, 5%)", + })}; padding-top: 0.1rem; padding-right: 1rem; padding-bottom: 0.1rem;