Are we Design Tokens yet?
This site’s goal is to track how design tokens are making their way into our stylesheets. It grabs CSS files from a set of predetermined paths, then scans for CSS properties that should (ideally) be backed by a token.
Some values—like unset
, inherit
, and friends get a free pass and don’t count toward the stats. Same goes for files that don’t have any relevant properties: they’re left out of the calculation.
You can read more about how this site works here
Design Token Propagation
Explore Paths
Please note: The percentages reflect propagation without taking into account the size of the files involved.
Average Propagation: 44.11%
browser/components/aboutlogins/content
3.13%browser/components/aboutlogins/content/components
21.46%browser/components/aboutlogins/content/components/input-field
50%browser/components/aboutwelcome/content
4.56%browser/components/asrouter/content/components/ASRouterAdmin
13.43%browser/components/asrouter/content/components/fxa-menu-message
75%browser/components/backup/content
75.63%browser/components/contextualidentity/content
0%browser/components/downloads/content
0%browser/components/enterprisepolicies/content
11.11%browser/components/extensions
0%browser/components/firefoxview
26.74%browser/components/genai
68.42%browser/components/genai/content
57.67%browser/components/messagepreview
66.67%browser/components/places/content
No Props Foundbrowser/components/places/metadataViewer
0%browser/components/pocket/content/panels/css
0%browser/components/preferences/dialogs
19.64%browser/components/preferences/widgets/setting-group
No Props Foundbrowser/components/privatebrowsing/content
No Props Foundbrowser/components/profiles/content
73.89%browser/components/protections/content
4.35%browser/components/screenshots
33.34%browser/components/screenshots/overlay
6.98%browser/components/search/content
43.75%browser/components/sidebar
76.46%browser/components/tabunloader/content
0%browser/components/textrecognition
0%browser/extensions/newtab/css
50.9%toolkit/content/widgets
50%toolkit/content/widgets/moz-box-button
No Props Foundtoolkit/content/widgets/moz-box-group
No Props Foundtoolkit/content/widgets/moz-box-item
100%toolkit/content/widgets/moz-box-link
No Props Foundtoolkit/content/widgets/moz-button
94.12%toolkit/content/widgets/moz-button-group
100%toolkit/content/widgets/moz-card
100%toolkit/content/widgets/moz-fieldset
100%toolkit/content/widgets/moz-five-star
100%toolkit/content/widgets/moz-input-color
100%toolkit/content/widgets/moz-input-folder
100%toolkit/content/widgets/moz-input-text
100%toolkit/content/widgets/moz-label
No Props Foundtoolkit/content/widgets/moz-message-bar
94.74%toolkit/content/widgets/moz-page-nav
80.62%toolkit/content/widgets/moz-select
96.15%toolkit/content/widgets/moz-toggle
89.66%toolkit/content/widgets/moz-visual-picker
71.43%toolkit/content/widgets/panel-list
52.78%