From 213d4b7c64b7702b456ac6895efcfb3bf1403f02 Mon Sep 17 00:00:00 2001 From: alistair3149 Date: Mon, 2 Dec 2019 16:24:50 -0500 Subject: [PATCH] Additional dark mode fixes --- resources/components/darkmode.less | 26 ++++++++++++++++++++++++-- resources/variables.less | 6 +++--- 2 files changed, 27 insertions(+), 5 deletions(-) diff --git a/resources/components/darkmode.less b/resources/components/darkmode.less index 52752443..6975ed0a 100644 --- a/resources/components/darkmode.less +++ b/resources/components/darkmode.less @@ -19,6 +19,14 @@ scrollbar-color: @dark-bg-60 transparent; } + pre, + code, + .mw-code { + color: @dark-text-90; + background-color: @dark-bg-10; + border: 1px solid @dark-bg-20; + } + a, a:visited, .mw-body-content #mw-content-text .mw-parser-output #toc li.active { @@ -43,6 +51,15 @@ border-color: @dark-bg-20; } + table.wikitable tr:hover { + background-color: @dark-bg-10; + } + + table.wikitable tr th, + table.wikitable tr td { + border-color: @dark-bg-20; + } + #mw-header-menu-drawer { background: @dark-bg-40; } @@ -61,14 +78,14 @@ } #site-search #search-icon-container #search-icon { - border-color: @base-0; + border-color: @base-100; } #mw-header-menu-toggle span, #site-search #search-icon-container #search-icon:before, #site-search #search-icon-container #search-icon:after, #site-search>input:checked:hover~#search-icon-container #search-icon { - background: @base-0; + background: @base-100; } .mw-body .firstHeading, @@ -83,7 +100,12 @@ color: @dark-text-100; } + table.wikitable { + color: @dark-text-90; + } + .mw-body #siteSub, + table.wikitable tr th, #mw-header-menu-drawer-container a, .mw-body-content #mw-content-text .mw-parser-output #toc a:hover { color: @dark-text-80 !important; diff --git a/resources/variables.less b/resources/variables.less index f01568ea..4827a5cb 100644 --- a/resources/variables.less +++ b/resources/variables.less @@ -73,8 +73,8 @@ @color-link-active: #5b84d6; @color-link-new: #dd3333; @color-link-new-active: #e35b5b; -@color-link-visited: #6b4ba1; -@color-link-visited-active: #886eb3; +// @color-link-visited: #6b4ba1; +// @color-link-visited-active: #886eb3; // Citizen colors @color-footer-background-40: #0f1418; @@ -101,7 +101,7 @@ @dark-color-link: @color-link-active; @dark-color-link-new: @color-link-new-active; -@dark-color-link-visited: @color-link-visited-active; +// @dark-color-link-visited: @color-link-visited-active; /* * Transitions