summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-02-28 14:23:51 -0500
committerGitHub <noreply@github.com>2021-02-28 14:23:51 -0500
commit75d7e5dc325e3cff8dc530ea48459e214088c1ea (patch)
tree539d044247c2cc0fd4ad273f5d883ad995685612
parent4806414f957ca324fad7d152ef04e34602a7bdbd (diff)
Fix and improve some CSS vars (#1465)
-rw-r--r--ext/css/display.css15
1 files changed, 11 insertions, 4 deletions
diff --git a/ext/css/display.css b/ext/css/display.css
index 59e5769d..61198979 100644
--- a/ext/css/display.css
+++ b/ext/css/display.css
@@ -116,7 +116,12 @@
--expression-reading-text-color: var(--expression-furigana-text-color);
--expression-reading-text-color-popular: var(--expression-furigana-text-color-popular);
--expression-reading-text-color-rare: var(--expression-furigana-text-color-rare);
+ --expression-kanji-text-color: var(--expression-text-color);
+ --expression-kanji-text-color-popular: var(--expression-text-color-popular);
+ --expression-kanji-text-color-rare: var(--expression-text-color-rare);
--expression-kanji-border-color: var(--dark-border-color);
+ --expression-kanji-border-color-popular: var(--expression-kanji-border-color);
+ --expression-kanji-border-color-rare: var(--expression-kanji-border-color);
--light-border-color: #eeeeee;
--medium-border-color: #dddddd;
@@ -835,24 +840,26 @@ button.action-button[data-icon=source-term]::before {
}
.expression {
--expression-current-text-color: var(--expression-text-color);
- --expression-current-kanji-text-color: var(--expression-current-text-color);
- --expression-current-kanji-border-color: var(--expression-kanji-border-color);
--expression-current-reading-text-color: var(--expression-reading-text-color);
--expression-current-furigana-text-color: var(--expression-furigana-text-color);
+ --expression-current-kanji-text-color: var(--expression-kanji-text-color);
+ --expression-current-kanji-border-color: var(--expression-kanji-border-color);
display: inline-block;
}
.entry[data-expression-multi=true] .expression[data-frequency=popular] {
--expression-current-text-color: var(--expression-text-color-popular);
- --expression-current-kanji-text-color: var(--expression-current-text-color-popular);
--expression-current-reading-text-color: var(--expression-reading-text-color-popular);
--expression-current-furigana-text-color: var(--expression-furigana-text-color-popular);
+ --expression-current-kanji-text-color: var(--expression-kanji-text-color-popular);
+ --expression-current-kanji-border-color: var(--expression-kanji-border-color-popular);
}
.entry[data-expression-multi=true] .expression[data-frequency=rare] {
--expression-current-text-color: var(--expression-text-color-rare);
- --expression-current-kanji-text-color: var(--expression-current-text-color-rare);
--expression-current-reading-text-color: var(--expression-reading-text-color-rare);
--expression-current-furigana-text-color: var(--expression-furigana-text-color-rare);
+ --expression-current-kanji-text-color: var(--expression-kanji-text-color-rare);
+ --expression-current-kanji-border-color: var(--expression-kanji-border-color-rare);
}
.expression-details {
display: inline;