Update text-color-light definitions to be more consistent (#1299)

This commit is contained in:
toasted-nutbread 2021-01-23 16:24:05 -05:00 committed by GitHub
parent 8a6ecc7297
commit 643afcddd2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 29 additions and 28 deletions

View File

@ -58,7 +58,6 @@
--link-color: var(--accent-color); --link-color: var(--accent-color);
--link-color-hover: var(--accent-color-dark); --link-color-hover: var(--accent-color-dark);
--text-color-light: #666666;
--separator-color1: #cccccc; --separator-color1: #cccccc;
--separator-color2: #eeeeee; --separator-color2: #eeeeee;
--outline-item-background-color: rgba(13, 13, 13, 0); --outline-item-background-color: rgba(13, 13, 13, 0);
@ -156,7 +155,7 @@ label {
/* Text styles */ /* Text styles */
.light { .light {
color: var(--text-color-light); color: var(--text-color-light2);
} }
.warning-text { .warning-text {
color: var(--warning-color); color: var(--warning-color);
@ -222,10 +221,10 @@ h3 {
} }
.heading-sub-text { .heading-sub-text {
font-size: calc(1em / 1.125); font-size: calc(1em / 1.125);
color: var(--text-color-light); color: var(--text-color-light2);
} }
a.heading-link-light { a.heading-link-light {
color: var(--text-color-light); color: var(--text-color-light2);
} }
.heading-description, .heading-description,
.heading-description.more { .heading-description.more {
@ -569,7 +568,7 @@ a.heading-link-light {
border-top: var(--thin-border-size) solid var(--separator-color2); border-top: var(--thin-border-size) solid var(--separator-color2);
} }
.settings-item-description { .settings-item-description {
color: var(--text-color-light); color: var(--text-color-light2);
} }
.settings-item-right.open-panel-button-container { .settings-item-right.open-panel-button-container {
padding: 0.25em 1em 0.25em 0.75em; padding: 0.25em 1em 0.25em 0.75em;
@ -1189,7 +1188,7 @@ body.preview-sidebar-visible .fab-container-item.fab-container-item-popup-previe
transition: color var(--animation-duration) ease-in-out; transition: color var(--animation-duration) ease-in-out;
} }
.dictionary-item[data-enabled=false] .dictionary-title { .dictionary-item[data-enabled=false] .dictionary-title {
color: var(--text-color-light); color: var(--text-color-light2);
} }
.dictionary-list { .dictionary-list {

View File

@ -88,13 +88,11 @@
--link-color: var(--accent-color); --link-color: var(--accent-color);
--text-color: #000000; --text-color: #000000;
--text-color-light: #777777;
--text-color-very-light: #999999;
--kanji-text-color: var(--text-color); --kanji-text-color: var(--text-color);
--kanji-popular-text-color: var(--accent-color); --kanji-popular-text-color: var(--accent-color);
--kanji-rare-text-color: var(--text-color-very-light); --kanji-rare-text-color: var(--text-color-light4);
--kanji-furigana-text-color: inherit; --kanji-furigana-text-color: inherit;
--reason-text-color: var(--text-color-light); --reason-text-color: var(--text-color-light3);
--light-border-color: #eeeeee; --light-border-color: #eeeeee;
--medium-border-color: #dddddd; --medium-border-color: #dddddd;
@ -149,13 +147,11 @@
--link-color: var(--accent-color); --link-color: var(--accent-color);
--text-color: #d4d4d4; --text-color: #d4d4d4;
--text-color-light: #888888;
--text-color-very-light: #666666;
--kanji-text-color: var(--text-color); --kanji-text-color: var(--text-color);
--kanji-popular-text-color: var(--accent-color); --kanji-popular-text-color: var(--accent-color);
--kanji-rare-text-color: var(--text-color-very-light); --kanji-rare-text-color: var(--text-color-light4);
--kanji-furigana-text-color: inherit; --kanji-furigana-text-color: inherit;
--reason-text-color: var(--text-color-light); --reason-text-color: var(--text-color-light3);
--light-border-color: #2f2f2f; --light-border-color: #2f2f2f;
--medium-border-color: #3f3f3f; --medium-border-color: #3f3f3f;
@ -960,10 +956,10 @@ button.action-button[data-icon=source-term]::before {
} }
.term-definition-item::marker, .term-definition-item::marker,
.term-glossary-item::marker { .term-glossary-item::marker {
color: var(--text-color-light); color: var(--text-color-light3);
} }
.term-definition-disambiguation-list { .term-definition-disambiguation-list {
color: var(--text-color-light); color: var(--text-color-light3);
} }
.term-definition-disambiguation-list[data-count='0'] { .term-definition-disambiguation-list[data-count='0'] {
display: none; display: none;
@ -1023,10 +1019,10 @@ button.action-button[data-icon=source-term]::before {
} }
.frequency-group-item::marker, .frequency-group-item::marker,
.frequency-item::marker { .frequency-item::marker {
color: var(--text-color-light); color: var(--text-color-light3);
} }
.frequency-disambiguation { .frequency-disambiguation {
color: var(--text-color-light); color: var(--text-color-light3);
} }
.frequency-separator::before { .frequency-separator::before {
content: ''; content: '';
@ -1079,7 +1075,7 @@ button.action-button[data-icon=source-term]::before {
white-space: pre-wrap; white-space: pre-wrap;
content: var(--compact-list-separator); content: var(--compact-list-separator);
display: inline; display: inline;
color: var(--text-color-light); color: var(--text-color-light3);
} }
:root[data-glossary-layout-mode=compact] .frequency-tag-list, :root[data-glossary-layout-mode=compact] .frequency-tag-list,
.frequency-group-item[data-count='1'] .frequency-tag-list { .frequency-group-item[data-count='1'] .frequency-tag-list {
@ -1112,7 +1108,7 @@ button.action-button[data-icon=source-term]::before {
} }
.term-pitch-accent-group::marker, .term-pitch-accent-group::marker,
.term-pitch-accent::marker { .term-pitch-accent::marker {
color: var(--text-color-light); color: var(--text-color-light3);
} }
.term-pitch-accent { .term-pitch-accent {
display: list-item; display: list-item;
@ -1127,7 +1123,7 @@ button.action-button[data-icon=source-term]::before {
} }
.term-pitch-accent-disambiguation-list { .term-pitch-accent-disambiguation-list {
padding-right: 0.25em; padding-right: 0.25em;
color: var(--text-color-light); color: var(--text-color-light3);
} }
.term-pitch-accent-disambiguation-list::before { .term-pitch-accent-disambiguation-list::before {
content: '('; content: '(';
@ -1253,7 +1249,7 @@ button.action-button[data-icon=source-term]::before {
display: table; display: table;
table-layout: fixed; table-layout: fixed;
white-space: normal; white-space: normal;
color: var(--text-color-light); color: var(--text-color-light3);
} }
.term-glossary-item[data-has-image=true][data-image-load-state=load-error] .term-glossary-image-container-overlay::after { .term-glossary-item[data-has-image=true][data-image-load-state=load-error] .term-glossary-image-container-overlay::after {
content: 'Image failed to load'; content: 'Image failed to load';
@ -1358,7 +1354,7 @@ button.action-button[data-icon=source-term]::before {
list-style-type: none; list-style-type: none;
} }
.kanji-glossary-item::marker { .kanji-glossary-item::marker {
color: var(--text-color-light); color: var(--text-color-light3);
} }
@ -1642,7 +1638,7 @@ button.footer-notification-close-button:active {
white-space: pre-wrap; white-space: pre-wrap;
content: var(--compact-list-separator); content: var(--compact-list-separator);
display: inline; display: inline;
color: var(--text-color-light); color: var(--text-color-light3);
} }
:root[data-glossary-layout-mode=compact] .entry-body-section>h5 { :root[data-glossary-layout-mode=compact] .entry-body-section>h5 {
@ -1680,7 +1676,7 @@ button.footer-notification-close-button:active {
white-space: pre-wrap; white-space: pre-wrap;
content: var(--compact-list-separator); content: var(--compact-list-separator);
display: inline; display: inline;
color: var(--text-color-light); color: var(--text-color-light3);
} }
:root[data-glossary-layout-mode=compact] .term-glossary-image-container { :root[data-glossary-layout-mode=compact] .term-glossary-image-container {

View File

@ -51,7 +51,10 @@
--menu-shadow: 0 1px 3px 1px var(--shadow-color), 0 2px 4px 3px var(--shadow-color); --menu-shadow: 0 1px 3px 1px var(--shadow-color), 0 2px 4px 3px var(--shadow-color);
--text-color: #222222; --text-color: #222222;
--text-color-light: #666666; --text-color-light1: #555555;
--text-color-light2: #666666;
--text-color-light3: #777777;
--text-color-light4: #888888;
--background-color: #f8f9fa; --background-color: #f8f9fa;
--background-color-light: #ffffff; --background-color-light: #ffffff;
@ -105,7 +108,10 @@
} }
:root[data-theme=dark] { :root[data-theme=dark] {
--text-color: #d4d4d4; --text-color: #d4d4d4;
--text-color-light: #909090; --text-color-light1: #aaaaaa;
--text-color-light2: #999999;
--text-color-light3: #888888;
--text-color-light4: #777777;
--background-color: #1e1e1e; --background-color: #1e1e1e;
--background-color-light: #0a0a0a; --background-color-light: #0a0a0a;
@ -950,7 +956,7 @@ button.popup-menu-item:active:not(:disabled) {
box-shadow: none; box-shadow: none;
} }
button.popup-menu-item:disabled { button.popup-menu-item:disabled {
color: var(--text-color-light); color: var(--text-color-light2);
} }
.popup-menu-item-icon { .popup-menu-item-icon {
display: block; display: block;