StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-27 15:50:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix header bg in light mode

Browse source
This commit is contained in:
alistair3149 2020-03-16 01:08:51 -04:00
parent c42c6523f6
commit 483a3c68bb
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
1 changed files with 197 additions and 194 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
resources/components/darkmode.less
View file

@ -4,6 +4,7 @@
// //
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html, html,
body { body {
background: @dark-bg-0; background: @dark-bg-0;
@ -73,6 +74,7 @@
} }
.mw-header-menu-drawer-container { .mw-header-menu-drawer-container {
.mw-nav-links, .mw-nav-links,
.mw-user-links { .mw-user-links {
a { a {
@ -191,12 +193,16 @@
} }
.suggestion-placeholder { .suggestion-placeholder {
.suggestion-title, .suggestion-title,
.suggestion-description { .suggestion-description {
background: @dark-bg-20; background: @dark-bg-20;
background: linear-gradient(to right, @dark-bg-40 8%, @dark-bg-30 38%, @dark-bg-40 54%); background: linear-gradient(to right, @dark-bg-40 8%, @dark-bg-30 38%, @dark-bg-40 54%);
} }
} }
.mw-header-container:before {
box-shadow: 0 0 50px @header-height @dark-bg-0;
} }
.mw-header-menu-toggle span, .mw-header-menu-toggle span,
@ -208,9 +214,6 @@
#site-search #search-toggle:hover~#search-toggle-icon-container #search-toggle-icon { #site-search #search-toggle:hover~#search-toggle-icon-container #search-toggle-icon {
opacity: 0.6; opacity: 0.6;
} }
.mw-header-container:before {
box-shadow: 0 0 50px @header-height rgba( 17, 21, 29, 1 );
} }
@media only screen and (max-width: 1290px) and (prefers-color-scheme: dark) { @media only screen and (max-width: 1290px) and (prefers-color-scheme: dark) {