mediawiki-skins-MinervaNeue/resources/mediawiki.less/mediawiki.skin.variables.less
Jdlrobson af192769a7 Revert "Color subtle should be a CSS variable"
This reverts commit d33a0423b1.

Reason for revert: CSS variables are currently not compatible
with fill colors 

Bug:  T356540
Change-Id: I29c92bb2407a5b8ed38e09a0f48ec834c671c912
2024-02-07 19:40:09 +00:00

46 lines
1.8 KiB
Plaintext

/**
* ###IMPORTANT:##
* If editing this file, please also edit the respective file in the Vector skin.
* ####
*
* This file is a LESS @import match for 'mediawiki.skin.variables.less'
* when MinervaNeue is the active skin.
*
* 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.
*/
@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;
/**
* Link styles are defined in MediaWiki core.
* These variables are first defined in core/resources/src/mediawiki.less/mediawiki.skin.defaults.less
* Then they're overridden here for night mode compatibility
* Then they're fed back into MediaWiki core & extensions
* through the usage of @import "mediawiki.skin.variables.less".
* 🙃
**/
// FIXME: Uncomment out color-subtle when T356540 has been resolved.
// @color-subtle: var(--color-subtle);
@color-link: var(--color-link);
@color-link--visited: var( --color-visited);
@color-link--active: var(--color-progressive--active);
@color-link-new: var(--color-link-red);
@color-link-new--visited: var(--color-link-red--visited);
@color-link-external: var(--color-link-external);
@color-link-external--visited: var(--color-link-external--visited);
@color-link-external--active: var(--color-link-external--active);