Change Details

=== 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 Wikimedia's [[ https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#Variable_naming | stylesheet variable naming convention ]]. Related: T332541 === Goal Replace #wikimediaui-base `@import`s with 'mediawiki.skin.variables.less' 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-beta.wmcloud.org/search/?q=wikimedia-ui-base&files=&excludeFiles= | all references ]]** of WikimediaUI Base and remove it from: Integrated via package.json dependency [] #contenttranslation [x] #GrowthExperiments [x] #kartographer [x] #jsonconfig [x] #machinevision [] #sdaw-mediasearch [x] #sdaw-searchvue [] #structurednavigation [] #wikibasemediainfo [] Wikidata Query GUI [] analytics/wikistats2 [] #OOUI And through OOUI dependency: [] #vector_legacy_skin [] #visualeditor [] #machinevision Dependent through copy/paste from source repo [] performance/docroot [] integration/docroot [] integration/reporting [] operations/mediawiki-config Homebrewed copy/paste of several variables [] #CodeMirror [] #WikibaseLexeme which uses WiKit vars, which use WMUI Base vars [] #VisualEditor

=== 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 Wikimedia's [[ https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#Variable_naming | stylesheet variable naming convention ]]. Related: T332541 === Goal Replace #wikimediaui-base `@import`s with 'mediawiki.skin.variables.less' 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-beta.wmcloud.org/search/?q=wikimedia-ui-base&files=&excludeFiles= | all references ]]** of WikimediaUI Base and remove it from: Integrated via package.json dependency [] #contenttranslation [x] #GrowthExperiments [x] #kartographer [x] #jsonconfig [x] #machinevision [x] #sdaw-mediasearch [x] #sdaw-searchvue [] #structurednavigation [] #wikibasemediainfo [] Wikidata Query GUI [] analytics/wikistats2 [] #OOUI And through OOUI dependency: [] #vector_legacy_skin [] #visualeditor [] #machinevision Dependent through copy/paste from source repo [] performance/docroot [] integration/docroot [] integration/reporting [] operations/mediawiki-config Homebrewed copy/paste of several variables [] #CodeMirror [] #WikibaseLexeme which uses WiKit vars, which use WMUI Base vars [] #VisualEditor

=== 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 Wikimedia's [[ https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#Variable_naming | stylesheet variable naming convention ]]. Related: T332541 === Goal Replace #wikimediaui-base `@import`s with 'mediawiki.skin.variables.less' 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-beta.wmcloud.org/search/?q=wikimedia-ui-base&files=&excludeFiles= | all references ]]** of WikimediaUI Base and remove it from: Integrated via package.json dependency [] #contenttranslation [x] #GrowthExperiments [x] #kartographer [x] #jsonconfig [x] #machinevision [x] #sdaw-mediasearch [x] #sdaw-searchvue [] #structurednavigation [] #wikibasemediainfo [] Wikidata Query GUI [] analytics/wikistats2 [] #OOUI And through OOUI dependency: [] #vector_legacy_skin [] #visualeditor [] #machinevision Dependent through copy/paste from source repo [] performance/docroot [] integration/docroot [] integration/reporting [] operations/mediawiki-config Homebrewed copy/paste of several variables [] #CodeMirror [] #WikibaseLexeme which uses WiKit vars, which use WMUI Base vars [] #VisualEditor