mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-12-01 18:57:04 +00:00
17a3f91c9f
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 both legacy Vector and Vector 2022, import the Codex tokens for the wikimedia-ui-legacy theme. We need to use the legacy theme because Vector and Vector 2022 have a base font size of 14px; the non-legacy theme assumes a base font size of 16px. Remove some variable assignments that are now redundant, because their values are the same as the Codex tokens we're importing. 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 but this change has no visual impact. Bug: T325237 Depends-On: I3a8c89d8558022077be1f32c6a6f4733b6302948 Change-Id: I3c5c8f9fc4b1841f8f8bdbcf27de82291d1fabbd
43 lines
1.5 KiB
Plaintext
43 lines
1.5 KiB
Plaintext
/**
|
|
* This file is a LESS import match for "mediawiki.skin.variables.less"
|
|
* when legacy Vector (useskin=vector) is the active skin.
|
|
*/
|
|
|
|
@import 'mediawiki.skin.defaults.less';
|
|
|
|
// Use the legacy version (for a 14px base font size) of the wikimedia-ui theme
|
|
@import 'mediawiki.skin.codex-design-tokens/theme-wikimedia-ui-legacy.less';
|
|
|
|
// Overrides for Codex variables:
|
|
|
|
// Viewport
|
|
@max-width-breakpoint-tablet: 719px; // Codex: calc( 1120px - 1px )
|
|
|
|
// Opacity
|
|
@opacity-medium: 0.67; // Codex: 0.65
|
|
@opacity-low: 0.33; // Codex: 0.30
|
|
@opacity-icon-base: 1; // Codex: 0.87
|
|
@opacity-icon-base--hover: 0.8; // = `#333` on `background-color: #fff`. Codex: 0.74
|
|
@opacity-base--disabled: 0.55; // = `#737373` on `background-color: #fff`, still within WCAG level AA. Codex: 0.51
|
|
|
|
// Fonts
|
|
@font-size-base: 1em; // Codex: 14px
|
|
// 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; // Codex: 'Helvetica Neue', 'Helvetica', 'Liberation Sans', 'Arial', sans-serif;
|
|
|
|
// Overrides for non-Codex variables:
|
|
|
|
// Set pre July 2022 colors for links (T213778).
|
|
@color-link: #0645ad;
|
|
@color-link--visited: #0b0080;
|
|
@color-link--active: #faa700;
|
|
@color-link-new: #ba0000;
|
|
@color-link-new--visited: #a55858;
|
|
|
|
// Note these colors are different from Vector 2022 for historic reasons:
|
|
@color-link-external: #36b;
|
|
@color-link-external--visited: #636;
|
|
@color-link-external--active: #b63;
|