=== Background
Since **MW v1.41.0 'mediawiki.skin.variables.less' features [[ https://doc.wikimedia.org/codex/main/design-tokens/overview.html | Codex design tokens ]]**. These are providing a themeable, scalable nomenclature and are following [[ https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.less/mediawiki.ui/variables.less | mediwiki.ui variables ]] Wikimedia's [[ https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#Variable_naming | stylesheet variable naming convention ]].
=== Goal
Replace 'mediawiki.ui/variables.less' `@import`s with 'mediawiki.skin.variables.less' and on the course also replace deprecated T319381 vars and static values where easily identifiable.
==== Benefits
- Reduce design debt
- Reduce technical debt
- Ensure that single source of truth is clarified and established with Codex design tokens via skin variables
- Extension developers benefit from skin aware tokens (vars). Extensions magically adapt to MW skins. The extent is still on extension author (for example only color tokens used, or everything)
==== Risks
- The change requires MW v1.41, if your extension is required to be further backwards-compatible, please reach out to find intermediate solutions
- As with every code change, there's a minimal chance of human error in token application. The patches provided should //not// result in visual change aside of a few major extension, where the known small changes are flagged.
==== Acceptance criteria for done
[] Replace **[[ https://codesearch.wmcloud.org/search/?q=mediawiki.ui%2Fvariables%5B%5E%2F%5D&files=&excludeFiles= | all references ]]** of `@import 'mediawiki.ui/variables.less'` with 'mediawiki.skin.variables.less'
[x] MediaWiki core
[x] mediawiki.special stylesheets
[x] mediawiki.widgets, mediawiki.ui
[x] Other core stylesheets
[x] skins/#MinervaNeue https://gerrit.wikimedia.org/r/c/mediawiki/skins/MinervaNeue/+/906791
[x] skins/#Vector/#Vector-2022 https://gerrit.wikimedia.org/r/910865
[x] #Popups (Popups)
[x] #mobilefrontend https://gerrit.wikimedia.org/r/c/mediawiki/extensions/MobileFrontend/+/900811
[x] #StructuredDiscussions (Flow)
[x] #discussiontools
[x] #Echo
[x] #WikiEditor
[] #GrowthExperiments
[] #CX
[] #universallanguageselector (MW 1.38 compatibility needed)
[x] #mediawiki-extensions-translate (MW 1.38 compatibility needed)
[x] #Kartographer
[x] #MSUpload
[x] #EntitySchema (EntitySchema)
[x] #ip_info
[x] #TemplateWizard
[x] ~~GettingStarted~~ [not updated; no longer maintained]
[x] #Wikidata-Page-Banner
[x] #RelatedArticles – https://gerrit.wikimedia.org/r/c/mediawiki/extensions/RelatedArticles/+/909724
[x] #QuickSurveys
[x] #AdvancedSearch
[x] #ExternalGuidance
[x] MSUpload
[x] #CirrusSearch
[x] #mediawiki-extensions-inputbox
[x] Inbox
[x] #WikibaseQualityConstraints
[x] #wikidata_lexicographical_data
[x] #FileImporter
[x] #wikistories
[x] #wikimedia_ocr
[x] #mediaviewer
[x] #sdaw-searchvue
[x] #campaignevents
[x] #checkuser
[x] #mediawiki-extensions-centralnotice
[x] #collection
[x] External repos
[x] [[ https://github.com/ProfessionalWiki/WikibaseRDF/pull/126 | ProfessionalWiki/WikibaseRDF ]]
[x] femiwiki/FemiwikiSkin