diff --git a/resources/components/darkmode.less b/resources/components/darkmode.less index f78c8da6..38146de9 100644 --- a/resources/components/darkmode.less +++ b/resources/components/darkmode.less @@ -27,6 +27,13 @@ border: 1px solid @dark-bg-20; } + input, + select { + border: 1px solid @dark-bg-50; + background: @dark-bg-40; + color: @dark-text-80; + } + a, a:visited, .mw-body-content #mw-content-text .mw-parser-output #toc li.active { @@ -74,15 +81,11 @@ background: @dark-bg-50; } + #site-search #p-search #searchInput, #mw-header-menu-drawer-container #mw-user-links #p-personal { border-color: @dark-bg-50; } - #site-search #p-search #searchInput { - background: @dark-bg-40; - border-color: @dark-bg-50; - } - #site-search #search-icon-container #search-icon { border-color: @base-100; } @@ -142,11 +145,14 @@ @media only screen and (max-width: 1290px) and (prefers-color-scheme: dark) { - .mw-header-container, - .mw-body-content #mw-content-text .mw-parser-output #toc { + .mw-header-container { background: @dark-bg-0; } + .mw-body-content #mw-content-text .mw-parser-output #toc { + background: @dark-bg-40; + } + .mw-header-container.nav-down { border-color: @dark-bg-20; } diff --git a/skinStyles/mediawiki.special.changeslist.enhanced.less b/skinStyles/mediawiki.special.changeslist.enhanced.less index cbd9fa1c..bb07a26a 100644 --- a/skinStyles/mediawiki.special.changeslist.enhanced.less +++ b/skinStyles/mediawiki.special.changeslist.enhanced.less @@ -11,21 +11,31 @@ */ table.mw-enhanced-rc { - margin: 0!important; - padding: @margin-side / 2 0; - border-bottom: 1px solid @base-80; - transition: @transition-background-quick; + margin: 0 !important; + padding: @margin-side / 2 0; + border-bottom: 1px solid @base-80; + transition: @transition-background-quick; - &:hover { - background-color: @base-90; - } + &:hover { + background-color: @base-90; + } } .mw-enhanced-rc-nested { - margin-top: @margin-side / 4; - display: block; + margin-top: @margin-side / 4; + display: block; - .mw-tag-markers { - margin: @margin-side / 4; - } + .mw-tag-markers { + margin: @margin-side / 4; + } } + +@media (prefers-color-scheme: dark) { + table.mw-enhanced-rc { + border-color: @dark-bg-20; + + &:hover { + background-color: @dark-bg-10; + } + } +} \ No newline at end of file diff --git a/skinStyles/mediawiki.special.changeslist.less b/skinStyles/mediawiki.special.changeslist.less index e1f9af24..12571cd3 100644 --- a/skinStyles/mediawiki.special.changeslist.less +++ b/skinStyles/mediawiki.special.changeslist.less @@ -27,16 +27,14 @@ .mw-changeslist { h4 { - position: sticky; top: 0; border-top: 2px solid currentColor; - color: @base-50 !important; + color: @base-50 !important; padding: @margin-side / 2 0 !important; - background: @base-100; // Sticky header BG - font-size: @content-caption-size !important; + font-size: @content-caption-size !important; letter-spacing: 1px; text-transform: uppercase; - font-family: @fonts !important; + font-family: @fonts !important; font-weight: 600 !important; } @@ -66,4 +64,21 @@ font-size: @content-caption-size; } } +} + +@media (prefers-color-scheme: dark) { + .mw-changeslist { + h4 { + color: @dark-text-60 !important; + } + + .mw-tag-markers { + + .mw-tag-marker { + border-color: @dark-bg-10; + background-color: @dark-bg-10; + color: @dark-text-80; + } + } + } } \ No newline at end of file