diff --git a/resources/skins.citizen.styles/common/common.less b/resources/skins.citizen.styles/common/common.less index 9bbc1f47..3c7d3bd4 100644 --- a/resources/skins.citizen.styles/common/common.less +++ b/resources/skins.citizen.styles/common/common.less @@ -406,3 +406,73 @@ figcaption, transform: none !important; } } + +@media ( prefers-color-scheme: dark ) { + html, + body { + background: @dark-bg-0; + color: @dark-text-90; + } + + ::-webkit-scrollbar-thumb { + background-color: @dark-bg-60; + } + + * { + 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; + } + + input, + select, + textarea { + border: 1px solid @dark-bg-50; + background: @dark-bg-40; + color: @dark-text-80; + } + + fieldset { + color: @dark-text-90; + border-color: @dark-bg-20; + } + + legend { + color: @dark-text-100; + } + + a, + a.external { + color: @dark-color-link; + } + + a.new { + color: @dark-color-link-new !important; + } + + .mw-body .firstHeading, + .mw-body-content h1, + .mw-body-content h2, + .mw-body-content h3, + .mw-body-content h4, + .mw-body-content h5, + .mw-body-content h6 { + color: @dark-text-100; + } + + .mw-body-content #contentSub, + .mw-body-content #contentSub2, + .mw-body #siteSub { + color: @dark-text-80 !important; + } + + .mw-editsection > a:before { + filter: invert( 1 ); + } +} \ No newline at end of file diff --git a/resources/skins.citizen.styles/common/darkmode.less b/resources/skins.citizen.styles/common/darkmode.less deleted file mode 100644 index e95a2be0..00000000 --- a/resources/skins.citizen.styles/common/darkmode.less +++ /dev/null @@ -1,69 +0,0 @@ -@media ( prefers-color-scheme: dark ) { - html, - body { - background: @dark-bg-0; - color: @dark-text-90; - } - - ::-webkit-scrollbar-thumb { - background-color: @dark-bg-60; - } - - * { - 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; - } - - input, - select, - textarea { - border: 1px solid @dark-bg-50; - background: @dark-bg-40; - color: @dark-text-80; - } - - fieldset { - color: @dark-text-90; - border-color: @dark-bg-20; - } - - legend { - color: @dark-text-100; - } - - a, - a.external { - color: @dark-color-link; - } - - a.new { - color: @dark-color-link-new !important; - } - - .mw-body .firstHeading, - .mw-body-content h1, - .mw-body-content h2, - .mw-body-content h3, - .mw-body-content h4, - .mw-body-content h5, - .mw-body-content h6 { - color: @dark-text-100; - } - - .mw-body-content #contentSub, - .mw-body-content #contentSub2, - .mw-body #siteSub { - color: @dark-text-80 !important; - } - - .mw-editsection > a:before { - filter: invert( 1 ); - } -} diff --git a/resources/skins.citizen.styles/skin.less b/resources/skins.citizen.styles/skin.less index 56e23969..394022c1 100644 --- a/resources/skins.citizen.styles/skin.less +++ b/resources/skins.citizen.styles/skin.less @@ -13,7 +13,6 @@ @import 'common/toc.less'; @import 'common/wikitable.less'; @import 'common/hacks.less'; - @import 'common/darkmode.less'; // Components @import 'Header.less';