From 75ddae2ce1fb0c044fd327abe7484f82a088652d Mon Sep 17 00:00:00 2001 From: lonkaars Date: Thu, 29 Dec 2022 12:47:42 +0100 Subject: respect light mode theme --- yomichan/custom.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/yomichan/custom.css b/yomichan/custom.css index 0458a3b..7ce95f8 100644 --- a/yomichan/custom.css +++ b/yomichan/custom.css @@ -1,6 +1,7 @@ .search-header { margin-top: 12px; } .search-options { display: none; } -#content-body { background-color: #000000; } +:root[data-theme=dark] #content-body { background-color: #000000; } +:root[data-theme=light] #content-body { background-color: #ffffff; } .tag .tag-label { background-color: unset; } .tag { border: 2px solid var(--tag-color); @@ -8,10 +9,8 @@ } .frequency-group-tag .tag { border: none !important; } .tag .tag-body::before { display: none; } -.frequency-value { - color: var(--tag-color); - font-weight: bold; -} +.frequency-value { font-weight: bold; } +:root[data-theme=dark] .frequency-value { color: var(--tag-color); } .search-textbox-container { border-radius: 6px; overflow: hidden; @@ -20,3 +19,5 @@ .entry .actions .action-button { padding: 16px; } .search-header .search-button { width: 48px; } } +:root[data-theme=light] { --tag-text-color: #333; } + -- cgit v1.2.3