wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-14 19:26:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Provide a visual hint that night mode is being triggered in Vector

Browse source 
Working on feature flag not having this is causing confusion. This
will speed up development by allowing me to more easily determine what
mode I am in at all times.

Change-Id: I5d4168bbf7df41f4754b36c6e6aa4955dbc609bb
This commit is contained in:
Jon Robson 2024-02-13 14:14:42 -08:00 committed by Jdlrobson
parent 2470c2b332
commit 4a2e3f8917
2 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
resources/skins.vector.styles/CSSCustomProperties.less
View file

@ -16,6 +16,11 @@
:root { :root {
--font-size-medium: unit( @font-size-small, rem ); --font-size-medium: unit( @font-size-small, rem );
--line-height-medium: @line-height-small; --line-height-medium: @line-height-small;
--background-color-base: @background-color-base;
}
.night-mode-palette() {
--background-color-base: #101418;
} }
.vector-feature-custom-font-size-clientpref-1 { .vector-feature-custom-font-size-clientpref-1 {
@ -27,3 +32,13 @@
--font-size-medium: unit( @font-size-x-large, rem ); --font-size-medium: unit( @font-size-x-large, rem );
--line-height-medium: 1.3; --line-height-medium: 1.3;
} }
html.skin-night-mode-clientpref-1 {
.night-mode-palette();
}
@media ( prefers-color-scheme: dark ) {
html.skin-night-mode-clientpref-2 {
.night-mode-palette();
}
}

2
resources/skins.vector.styles/variables.less
View file

@ -59,7 +59,7 @@
@padding-blockquote: 8px 32px; @padding-blockquote: 8px 32px;
@background-color-secondary--modern: #f8f9fa; @background-color-secondary--modern: #f8f9fa;
@background-color-page-container: @background-color-base; @background-color-page-container: var( --background-color-base );
// Navigation // Navigation
@background-color-secondary: #f6f6f6; @background-color-secondary: #f6f6f6;