alex/yomichan
1
Fork 0
Code Releases Activity

Fix and improve some CSS vars (#1465)

Browse Source
This commit is contained in:
toasted-nutbread 2021-02-28 14:23:51 -05:00 committed by GitHub
parent 4806414f95
commit 75d7e5dc32
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ext/css/display.css
View File

@ -116,7 +116,12 @@
--expression-reading-text-color: var(--expression-furigana-text-color); --expression-reading-text-color: var(--expression-furigana-text-color);
--expression-reading-text-color-popular: var(--expression-furigana-text-color-popular); --expression-reading-text-color-popular: var(--expression-furigana-text-color-popular);
--expression-reading-text-color-rare: var(--expression-furigana-text-color-rare); --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: 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; --light-border-color: #eeeeee;
--medium-border-color: #dddddd; --medium-border-color: #dddddd;
@ -835,24 +840,26 @@ button.action-button[data-icon=source-term]::before {
} }
.expression { .expression {
--expression-current-text-color: var(--expression-text-color); --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-reading-text-color: var(--expression-reading-text-color);
--expression-current-furigana-text-color: var(--expression-furigana-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; display: inline-block;
} }
.entry[data-expression-multi=true] .expression[data-frequency=popular] { .entry[data-expression-multi=true] .expression[data-frequency=popular] {
--expression-current-text-color: var(--expression-text-color-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-reading-text-color: var(--expression-reading-text-color-popular);
--expression-current-furigana-text-color: var(--expression-furigana-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] { .entry[data-expression-multi=true] .expression[data-frequency=rare] {
--expression-current-text-color: var(--expression-text-color-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-reading-text-color: var(--expression-reading-text-color-rare);
--expression-current-furigana-text-color: var(--expression-furigana-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 { .expression-details {
display: inline; display: inline;