Increase contrast of headers in windows

This commit is contained in:
Pavel Djundik 2019-10-14 17:30:35 +03:00
parent e66f47904e
commit ba517bbac9
2 changed files with 10 additions and 14 deletions

View file

@ -21,6 +21,9 @@
/* Background color of the main window */ /* Background color of the main window */
--window-bg-color: #fff; --window-bg-color: #fff;
/* Text color for <h2> and <h3> headings in windows */
--window-heading-color: #6c797a;
/* Color of the date marker, text and separator */ /* Color of the date marker, text and separator */
--date-marker-color: rgba(0, 107, 59, 0.5); --date-marker-color: rgba(0, 107, 59, 0.5);
@ -932,8 +935,8 @@ background on hover (unless active) */
} }
#windows .window h2 { #windows .window h2 {
border-bottom: 1px solid #7f8c8d; border-bottom: 1px solid currentColor;
color: #7f8c8d; color: var(--window-heading-color);
font-size: 22px; font-size: 22px;
margin: 30px 0 10px; margin: 30px 0 10px;
padding-bottom: 7px; padding-bottom: 7px;
@ -945,7 +948,7 @@ background on hover (unless active) */
} }
#windows .window h3 { #windows .window h3 {
color: #7f8c8d; color: var(--window-heading-color);
font-size: 18px; font-size: 18px;
margin: 20px 0 10px; margin: 20px 0 10px;
} }
@ -1794,11 +1797,6 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
color: #84ce88; color: #84ce88;
} }
#settings .extra-help,
#settings #play {
color: #7f8c8d;
}
#settings .extra-experimental, #settings .extra-experimental,
#settings .extra-help { #settings .extra-help {
cursor: help; cursor: help;
@ -1812,6 +1810,7 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
#settings #play { #settings #play {
font-size: 14px; font-size: 14px;
transition: opacity 0.2s; transition: opacity 0.2s;
color: var(--window-heading-color);
} }
#settings #play:hover { #settings #play:hover {
@ -1942,8 +1941,8 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
.window#changelog h3 { .window#changelog h3 {
font-size: 20px; font-size: 20px;
border-bottom: 1px solid #7f8c8d; border-bottom: 1px solid currentColor;
color: #7f8c8d; color: var(--window-heading-color);
margin: 30px 0 10px; margin: 30px 0 10px;
padding-bottom: 7px; padding-bottom: 7px;
} }

View file

@ -5,6 +5,7 @@
--body-color-muted: #b7c5d1; --body-color-muted: #b7c5d1;
--link-color: #77abd9; --link-color: #77abd9;
--window-bg-color: #303e4a; --window-bg-color: #303e4a;
--window-heading-color: #b7c5d1;
--date-marker-color: #97ea70; --date-marker-color: #97ea70;
--unread-marker-color: #f92772; --unread-marker-color: #f92772;
--highlight-bg-color: #4d4332; --highlight-bg-color: #4d4332;
@ -109,10 +110,6 @@ body {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.75); box-shadow: 0 0 25px rgba(0, 0, 0, 0.75);
} }
#windows .window h2 {
color: #b7c5d1;
}
#viewport .lt, #viewport .lt,
#viewport .rt, #viewport .rt,
#chat button.menu, #chat button.menu,