mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-12-11 07:26:10 +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
50 lines
1.9 KiB
Plaintext
50 lines
1.9 KiB
Plaintext
/**
|
|
* ###IMPORTANT:##
|
|
* If editing this file, please also edit the respective file in the MinervaNeue skin.
|
|
* ####
|
|
*
|
|
* This file is a LESS @import match for "mediawiki.skin.variables.less"
|
|
* when Vector 2022 is the active skin.
|
|
* Please note, that legacy Vector is handled by
|
|
* "mediwiki.less.legacy/mediawiki.skin.variables.less".
|
|
*
|
|
* Please also note, that both current Wikimedia Design Style Guide based skins,
|
|
* Vector 2022 and Minerva Neue are using the same variable values respectively in their
|
|
* repositories.
|
|
*/
|
|
|
|
@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 )
|
|
|
|
// 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 Codex's OS specific default sans-serif fonts.
|
|
@font-family-sans: @font-family-sans--fallback; // Codex: 'Helvetica Neue', 'Helvetica', 'Liberation Sans', 'Arial', sans-serif;
|
|
|
|
// Overrides for non-Codex variables:
|
|
|
|
// Colors
|
|
@color-link: @color-progressive;
|
|
@color-link--visited: #795cb2;
|
|
@color-link--active: #faa700;
|
|
// Link colors for new or missing articles, also known as “Red links”.
|
|
// https://www.wikidata.org/wiki/Q13417974#sitelinks-wikipedia
|
|
@color-link-new: @color-link-red;
|
|
@color-link-new--visited: @color-link-red--visited;
|
|
// Link colors for a power user feature to highlight links to other projects.
|
|
// In Vector 2022 we unify these colors by default for simpler orientation by average users.
|
|
// It's still possible to overwrite the styles per user.
|
|
@color-link-external: @color-progressive;
|
|
@color-link-external--visited: #795cb2;
|
|
@color-link-external--active: #faa700;
|