Open Bug 1889983 Opened 3 months ago Updated 3 months ago

Update Feature Callout theme colors to use JSON design tokens

Categories

(Firefox :: Messaging System, task, P2)

Product:
Firefox
Component:
Messaging System
Type:
task
Points:
5

Tracking

()

People

(Reporter: aminomancer, Unassigned)

References

(Blocks 1 open bug)

Details

We intend to use the new JSON design tokens in the Feature Callout theme preset definitions, wherever they overlap. This should ensure we automatically stay up to date with the Firefox theme variables we're mimicking.

First we need to figure out how we will import the JSON file, I'll update the bug when I know more about that.

From hjones, regarding building a more consumable JSON file from the base tokens:

here’s a quick example of how you could add a new platform to our config to build a more reasonable JSON file to asrouter/modules (or wherever you want really). if you run ./mach npm run build --prefix=toolkit/themes/shared/design-system it’ll build the file. It would definitely need more tweaking (like to preserve variable names), but it’s a start. the recomp team has a bit of experience with configuring formats so happy to help if this is a priority for y’all

Points: --- → 5
Priority: -- → P2
You need to log in before you can comment on or make changes to this bug.