respect light mode theme

1 files 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; }
+