2034468 - Add lwtheme support for design tokens

Status: NEW

(Toolkit :: Themes, task)

Description

[Jon Oliver]

Add support for handling [lwtheme] selectors in tokens-config.js. This allows us to convert some token declarations into json that are currently unable to be converted.

See examples in:

• browser-colors.css
• toolbar.css
• tabs.css

Considerations

As part of this work, determine necessary use cases to support.

• Basic positive [lwtheme] selectors directly from :root should be supported. Example here.
• There are more complex selectors, for example "forced colors but not lwtheme" as seen here. Determine if this level of complexity is necessary to support.
• This relates to bug 2034479, which includes restructuring of not([lwtheme]) usage in toolkit/themes/shared/design-system/dist/tokens-shared.css

Comment 1

[Stuart Colville [:muffinresearch]]

Not a priority for Nova. Will be useful for extracting more definitions from the CSS files.