Additional dark mode fixes

This commit is contained in:
alistair3149 2019-12-02 16:24:50 -05:00
parent c101e5e34e
commit 213d4b7c64
2 changed files with 27 additions and 5 deletions

View file

@ -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;

View file

@ -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