wikimedia/mediawiki-skins-MinervaNeue
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue synced 2024-11-16 18:58:45 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-skins-MinervaNeue/resources/mediawiki.less/mediawiki.skin.variables.less

44 lines
1.6 KiB
Plaintext
Raw Normal View History

styles: Implement mediawiki.skin.variables.less for MinervaNeue For now, only define: - @font-family-sans (unused in MinervaNeue, but for possible future use) - @border-radius-base With current implementation before this patch, MinervaNeue is relying on core's default `@border-radius` which is set to `0` to be close to HTML default. MinervaNeue is currently not applying correct skin's `border-radius`. Bug: T263270 Change-Id: I9a149eefd15efede27416ada4db07072e53628ec
2020-09-25 18:17:15 +00:00
/**
mediawiki.skin.variables: Define own copy of Style Guide derived colors MinervaNeue sets its own variable definitions of all link color variables. Note that this is currently a copy of Vector 2022's definition and pointing back to Wikimedia Design Style Guide and Design System. In the long term both skins should be updated to use the same tokens package. Also with this change comes an update visited link color from the latest design agreements in alignment with Vector 2022. Change-Id: Ibda474f9e37ce7f510364bf15c6be661b6e0304b
2022-08-16 14:32:52 +00:00
* ###IMPORTANT:##
* If editing this file, please also edit the respective file in the Vector skin.
* ####
*
styles: Implement mediawiki.skin.variables.less for MinervaNeue For now, only define: - @font-family-sans (unused in MinervaNeue, but for possible future use) - @border-radius-base With current implementation before this patch, MinervaNeue is relying on core's default `@border-radius` which is set to `0` to be close to HTML default. MinervaNeue is currently not applying correct skin's `border-radius`. Bug: T263270 Change-Id: I9a149eefd15efede27416ada4db07072e53628ec
2020-09-25 18:17:15 +00:00
* This file is a LESS @import match for 'mediawiki.skin.variables.less'
* when MinervaNeue is the active skin.
mediawiki.skin.variables: Define own copy of Style Guide derived colors MinervaNeue sets its own variable definitions of all link color variables. Note that this is currently a copy of Vector 2022's definition and pointing back to Wikimedia Design Style Guide and Design System. In the long term both skins should be updated to use the same tokens package. Also with this change comes an update visited link color from the latest design agreements in alignment with Vector 2022. Change-Id: Ibda474f9e37ce7f510364bf15c6be661b6e0304b
2022-08-16 14:32:52 +00:00
*
* Please also note, that both current Wikimedia Design Style Guide based skins,
* MinervaNeue and Vector 2022 are using the same variable values respectively in their
* repositories.
styles: Implement mediawiki.skin.variables.less for MinervaNeue For now, only define: - @font-family-sans (unused in MinervaNeue, but for possible future use) - @border-radius-base With current implementation before this patch, MinervaNeue is relying on core's default `@border-radius` which is set to `0` to be close to HTML default. MinervaNeue is currently not applying correct skin's `border-radius`. Bug: T263270 Change-Id: I9a149eefd15efede27416ada4db07072e53628ec
2020-09-25 18:17:15 +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 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
2023-02-06 18:12:49 +00:00
// 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:
mediawiki.skin.variables: Define own copy of Style Guide derived colors MinervaNeue sets its own variable definitions of all link color variables. Note that this is currently a copy of Vector 2022's definition and pointing back to Wikimedia Design Style Guide and Design System. In the long term both skins should be updated to use the same tokens package. Also with this change comes an update visited link color from the latest design agreements in alignment with Vector 2022. Change-Id: Ibda474f9e37ce7f510364bf15c6be661b6e0304b
2022-08-16 14:32:52 +00:00
// == Colors ==
@color-link: #36c;
@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: #d33;
@color-link-new--visited: #a55858;
// 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: #36c;
@color-link-external--visited: #795cb2;
@color-link-external--active: #faa700;
Reference in a new issue Copy permalink