diff --git a/client/css/style.css b/client/css/style.css index 4d43de00..2e197f5e 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -21,6 +21,9 @@ /* Background color of the main window */ --window-bg-color: #fff; + /* Text color for

and

headings in windows */ + --window-heading-color: #6c797a; + /* Color of the date marker, text and separator */ --date-marker-color: rgba(0, 107, 59, 0.5); @@ -932,8 +935,8 @@ background on hover (unless active) */ } #windows .window h2 { - border-bottom: 1px solid #7f8c8d; - color: #7f8c8d; + border-bottom: 1px solid currentColor; + color: var(--window-heading-color); font-size: 22px; margin: 30px 0 10px; padding-bottom: 7px; @@ -945,7 +948,7 @@ background on hover (unless active) */ } #windows .window h3 { - color: #7f8c8d; + color: var(--window-heading-color); font-size: 18px; margin: 20px 0 10px; } @@ -1794,11 +1797,6 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */ color: #84ce88; } -#settings .extra-help, -#settings #play { - color: #7f8c8d; -} - #settings .extra-experimental, #settings .extra-help { cursor: help; @@ -1812,6 +1810,7 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */ #settings #play { font-size: 14px; transition: opacity 0.2s; + color: var(--window-heading-color); } #settings #play:hover { @@ -1942,8 +1941,8 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */ .window#changelog h3 { font-size: 20px; - border-bottom: 1px solid #7f8c8d; - color: #7f8c8d; + border-bottom: 1px solid currentColor; + color: var(--window-heading-color); margin: 30px 0 10px; padding-bottom: 7px; } diff --git a/client/themes/morning.css b/client/themes/morning.css index 3e2ef45e..145b0bc2 100644 --- a/client/themes/morning.css +++ b/client/themes/morning.css @@ -5,6 +5,7 @@ --body-color-muted: #b7c5d1; --link-color: #77abd9; --window-bg-color: #303e4a; + --window-heading-color: #b7c5d1; --date-marker-color: #97ea70; --unread-marker-color: #f92772; --highlight-bg-color: #4d4332; @@ -109,10 +110,6 @@ body { box-shadow: 0 0 25px rgba(0, 0, 0, 0.75); } -#windows .window h2 { - color: #b7c5d1; -} - #viewport .lt, #viewport .rt, #chat button.menu,