wikimedia/mediawiki-skins-MinervaNeue
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue synced 2024-11-30 17:04:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Import Codex tokens into mediawiki.skin.variables.less

Browse source 
I04f9e48a1cf9dee915cf51e1e12b17ff0a595a06 provides neutral values for
the Codex tokens in mediawiki.skin.defaults.less in MW core, and expects
skins to import the appropriate Codex themes in their
mediawiki.skin.variables.less.

For MinervaNeue, import the Codex tokens for the “WikimediaUI” theme.
Remove variable assignments that are now redundant because their
values are the same as the Codex tokens.

After importing the Codex tokens, override some of their values where
necessary so that all variables' values stay the same(*). We should
consider whether to remove some of these overrides in a follow-up patch,
but keeping everything the same for now makes this change less
disruptive.

(*) As in the core change, one variable's value does change:
- @max-width-breakpoint-tablet from calc(719px) to 719px
This has no visual impact.

Bug: T325237
Depends-On: I3a8c89d8558022077be1f32c6a6f4733b6302948
Change-Id: Iafb3c60df0de87f7ba234b5972e75d85c046c4f9
This commit is contained in:
Roan Kattouw 2023-02-06 10:12:49 -08:00 committed by VolkerE
parent d62bedebce
commit 221bfd981b
1 changed files with 15 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
resources/mediawiki.less/mediawiki.skin.variables.less
View file

@ -12,6 +12,21 @@
*/ */
@import 'mediawiki.skin.defaults.less'; @import 'mediawiki.skin.defaults.less';
// Import the Codex design tokens from the “WikimediaUI” theme.
@import 'mediawiki.skin.codex-design-tokens/theme-wikimedia-ui.less';
// Overrides for Codex tokens:
@font-size-base: 1em; // Codex: 16px
// == Typography ==
// Body content uses the user setting in browser / the system default sans-serif font:
// Arial on Windows, Roboto on Android.
// FIXME: Use WikimediaUI Base's OS specific default sans-serif fonts.
@font-family-sans: @font-family-sans--fallback;
// Overrides for non-Codex variables:
// == Colors == // == Colors ==
@color-link: #36c; @color-link: #36c;
@color-link--visited: #795cb2; @color-link--visited: #795cb2;
@ -26,33 +41,3 @@
@color-link-external: #36c; @color-link-external: #36c;
@color-link-external--visited: #795cb2; @color-link-external--visited: #795cb2;
@color-link-external--active: #faa700; @color-link-external--active: #faa700;
// Opacities
@opacity-base: 1;
@opacity-medium: 0.65;
@opacity-low: 0.3;
@opacity-transparent: 0;
// Warning: the following token is deprecated (Legacy opacity for icon states in non-Codex products.)
@opacity-icon-base: 0.87; // = `#222` on `background-color: #fff`, closest to `#202122`.
// Warning: the following token is deprecated (Legacy opacity for icon states in non-Codex products.)
@opacity-icon-base--hover: 0.74; // = `#424242` on `background-color: #fff`, closest to `#404244`.
// Warning: the following token is deprecated (Legacy opacity for icon states in non-Codex products.)
@opacity-icon-base--selected: 1;
// Warning: the following token is deprecated (Legacy opacity for icon states in non-Codex products.)
@opacity-icon-accessory: 0.67; // = `#555` on `background-color: `#fff`, closest to `#54595d`.
// Warning: the following token is deprecated (Legacy opacity for icon states in non-Codex products. Has only been used for icons despite the name.)
@opacity-base--disabled: 0.51; // = `#7d7d7d` on `background-color: #fff`, closest to `#72777d`.
// == Box Model properties ==
// Border Styles
@border-style-base: solid;
// Border Widths
@border-width-base: 1px;
// Border Radius. Match WikimediaUI Base and Codex.
@border-radius-base: 2px;
// == Typography ==
// Body content uses the user setting in browser / the system default sans-serif font:
// Arial on Windows, Roboto on Android.
// FIXME: Use WikimediaUI Base's OS specific default sans-serif fonts.
@font-family-sans: sans-serif;