wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-12-04 20:18:57 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-skins-Vector/resources/mediawiki.less/vector/mediawiki.skin.variables.less

41 lines
1.4 KiB
Plaintext
Raw Normal View History

Define non-standard colors for legacy Vector Bug: T213778 Change-Id: I7e350c1d6d6c584ce97d210a9d62190a453693c4
2022-07-21 03:31:19 +00:00
/**
* This file is a LESS import match for "mediawiki.skin.variables.less"
Use clearer folder structure for Vector and Vector 2022 skin variables Follow example in skinStyles and give these their own folders. The problem with using "legacy" is that it could be interpreted as meaning legacy LESS variables e.g. deprecated variables. Change-Id: Ie456dfbd703a0e7a0ad783909ca3ef5e86450d9c
2023-03-08 01:41:14 +00:00
* when legacy Vector (useskin=vector) is the active skin.
Define non-standard colors for legacy Vector Bug: T213778 Change-Id: I7e350c1d6d6c584ce97d210a9d62190a453693c4
2022-07-21 03:31:19 +00:00
*/
@import 'mediawiki.skin.defaults.less';
Import Codex tokens into mediawiki.skin.variables.less 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
2023-02-06 18:05:32 +00:00
// Use the legacy version (for a 14px base font size) of the wikimedia-ui theme
styles: Remove references to the legacy Codex build Since Codex switched over to rem units, all differences between the "legacy" and non-legacy builds of the library have disappeared. This change removes references to the legacy version of the library in preparation for the removal of these artifacts from Codex. Bug: T360806 Change-Id: I158519eddc1738a5daeedb94eb7d2f692e74b84a
2024-04-22 18:32:16 +00:00
@import 'mediawiki.skin.codex-design-tokens/theme-wikimedia-ui.less';
Import Codex tokens into mediawiki.skin.variables.less 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
2023-02-06 18:05:32 +00:00
// Overrides for Codex variables:
// 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
// Fonts
Move @font-size-base into mediawiki.skin.variables.less Bug: T348572 Change-Id: Iaaf25e7904252a9ce3fa1363c8ed4a6b1bc95bc4
2023-10-10 20:00:22 +00:00
// Assumes 16px as the default browser font-size.
@font-size-base: unit( 14 / 16, em ); // Equals `0.875em`.
Import Codex tokens into mediawiki.skin.variables.less 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
2023-02-06 18:05:32 +00:00
// 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:
styles: Update Vector 2022 link colors to conform to WCAG requirements Follow Web Content Accessibility Guidelines and use Wikimedia Design Style Guide colors with at least 3:1 contrast with surrounding body text. Also unify external and normal links as the color difference is basically opaque to understand beyond a small group of power users. Bug: T213778 Bug: T315321 Change-Id: I8a309eedd70b9a82fcca91c2cf9a30beea602b6b
2022-07-21 20:07:15 +00:00
// Set pre July 2022 colors for links (T213778).
Define non-standard colors for legacy Vector Bug: T213778 Change-Id: I7e350c1d6d6c584ce97d210a9d62190a453693c4
2022-07-21 03:31:19 +00:00
@color-link: #0645ad;
@color-link--visited: #0b0080;
Vector legacy no longer imports variables from Vector modern In f7f78023e we added new variables to the Vector 2022 variables that overrode the defaults, but forgot to preserve the defaults in Vector legacy. This resulted in changes documented in T213778#8181795 Going forward it makes sense to separate these. Bug: T213778 Change-Id: I5e4f1729fc0f41b21579807fc83a7dda9c3519ea
2022-08-24 14:31:26 +00:00
@color-link--active: #faa700;
Remove FIXME, add variables These overrides are now redundant now that Vector and Vector 2022 are separate skins. This override was technical debt, but is now causing inconsistency in styles as a result of T315321 These are now defined in the variables file instead. Bug: T315662 Change-Id: I7cb3e7f439daa9d1974ec414ee4c8a905b5e513f
2022-08-22 11:32:19 +00:00
@color-link-new: #ba0000;
@color-link-new--visited: #a55858;
Vector legacy no longer imports variables from Vector modern In f7f78023e we added new variables to the Vector 2022 variables that overrode the defaults, but forgot to preserve the defaults in Vector legacy. This resulted in changes documented in T213778#8181795 Going forward it makes sense to separate these. Bug: T213778 Change-Id: I5e4f1729fc0f41b21579807fc83a7dda9c3519ea
2022-08-24 14:31:26 +00:00
// 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;
Reference in a new issue Copy permalink