Open Bug 1935517 Opened 2 months ago Updated 2 months ago

Deprecate --in-content-focus-* variables in favour of --focus-outline-* design tokens

Categories

(Toolkit :: Themes, task)

Product:
Toolkit
Component:
Themes
Type:
task

Tracking

()

People

(Reporter: hjones, Unassigned)

References

(Blocks 1 open bug)

Details

(Whiteboard: [recomp])

We have a series of --in-content-focus-* variables in common-shared.css that are already using our --focus-outline-* design tokens under the hood. It would be a nice bit of cleanup to remove the --in-content-* versions of these variables so that it's clearer to developers which variables they should use in their patches. This should be straightforward with the exception of cases like this one:

outline: 2px solid var(--in-content-focus-outline-color);

which should be changed to:

outline: var(--focus-outline);

That's just to say the replacements should be evaluated on a case by case basis, rather than just doing a find and replace.

You need to log in before you can comment on or make changes to this bug.