Page MenuHomePhabricator

[WtC] Make more Codex design tokens available as CSS variables
Closed, DuplicatePublic

Description

On Special:NewLexeme, we would like to use Codex design tokens as CSS variables (see T375370 for details). However, currently only a subset of design tokens is made available as CSS variables (see shouldExposeCustomProperty), and even then only a subset of skins seem to include these CSS variables (they’re included in Vector 2022 but not in legacy Vector).

Is it possible to add additional CSS variables for more design tokens? (If needed, we could supply a list of which specific design tokens we use once we’re mostly done with T327684.)

Event Timeline

Arian_Bozorg renamed this task from Make more Codex design tokens available as CSS variables to [WtC-M3] [SNL] Make more Codex design tokens available as CSS variables.Sep 23 2024, 10:54 AM
Arian_Bozorg renamed this task from [WtC-M3] [SNL] Make more Codex design tokens available as CSS variables to [WtC] Make more Codex design tokens available as CSS variables.Sep 23 2024, 12:43 PM
CCiufo-WMF subscribed.

Hey @Lucas_Werkmeister_WMDE, I'll bring this up for discussion with the team. We actually already have a task open for this: T360726, but I'm not going to merge them because the team might have alternative recommendations to T375370. From what I remember though, I don't think there was any strong reason for not making the rest of the tokens available as CSS variables. The focus initially was just getting out what was needed to support dark mode.

@Lucas_Werkmeister_WMDE I've decided this should be closed as a duplicate of T360726, but Design-System-Team will still support in finding a solution to T375370, which may end up being to make the more design tokens available as CSS custom properties.