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
Historical Design Token Propagation
Explore Paths
Please note: The percentages reflect propagation without taking into account the size of the files involved.
Average Propagation: 34.26%
browser/components/aboutlogins/content
3.13%browser/components/aboutlogins/content/components
25.4%browser/components/aboutlogins/content/components/input-field
50%browser/components/aboutwelcome/content
11.82%browser/components/asrouter/content/components/ASRouterAdmin
16.42%browser/components/asrouter/content/components/fxa-menu-message
92.31%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
27.69%browser/components/genai
68.89%browser/components/genai/content
64.26%browser/components/ipprotection/content
68.63%browser/components/messagepreview
66.67%browser/components/places/content
100%browser/components/places/metadataViewer
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
69.62%browser/components/protections/content
11.73%browser/components/screenshots
33.34%browser/components/screenshots/overlay
20.93%browser/components/search/content
43.75%browser/components/sidebar
77.07%browser/components/tabunloader/content
0%browser/components/textrecognition
0%browser/components/webrtc/content/webrtc-preview
100%browser/extensions/newtab/css
84.51%browser/themes/linux
3.71%browser/themes/linux/customizableui
0%browser/themes/linux/downloads
No Props Foundbrowser/themes/linux/places
0%browser/themes/osx
0%browser/themes/osx/customizableui
46.67%browser/themes/osx/downloads
0%browser/themes/osx/places
0%browser/themes/shared
13.02%browser/themes/shared/addons
28.34%browser/themes/shared/controlcenter
40.48%browser/themes/shared/customizableui
20.4%browser/themes/shared/downloads
11.54%browser/themes/shared/identity-block
6.67%browser/themes/shared/migration
6.58%browser/themes/shared/places
14.19%browser/themes/shared/preferences
12.3%browser/themes/shared/privatebrowsing
0%browser/themes/shared/search
0%browser/themes/shared/syncedtabs
4.88%browser/themes/shared/tabbrowser
23.96%browser/themes/shared/translations
57.14%browser/themes/windows
3.45%browser/themes/windows/customizableui
0%browser/themes/windows/downloads
0%browser/themes/windows/places
1.54%toolkit/content/widgets
51.55%toolkit/content/widgets/moz-badge
100%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-breadcrumb-group
100%toolkit/content/widgets/moz-button
94.2%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
81.82%toolkit/content/widgets/moz-label
No Props Foundtoolkit/content/widgets/moz-message-bar
94.74%toolkit/content/widgets/moz-page-nav
87.66%toolkit/content/widgets/moz-promo
100%toolkit/content/widgets/moz-reorderable-list
50%toolkit/content/widgets/moz-select
96.15%toolkit/content/widgets/moz-toggle
89.66%toolkit/content/widgets/moz-visual-picker
87.5%toolkit/content/widgets/panel-list
52.78%toolkit/themes/linux/global
0%toolkit/themes/linux/global/in-content
No Props Foundtoolkit/themes/linux/mozapps/update
0%toolkit/themes/mobile/global
0%toolkit/themes/osx/global
0%toolkit/themes/osx/global/in-content
0%toolkit/themes/osx/mozapps/handling
0%toolkit/themes/osx/mozapps/update
0%toolkit/themes/shared
9.18%toolkit/themes/shared/design-system
91.81%toolkit/themes/shared/dirListing
0%toolkit/themes/shared/downloads
16.67%toolkit/themes/shared/in-content
23.99%toolkit/themes/shared/media
0%toolkit/themes/shared/pictureinpicture
0.73%toolkit/themes/shared/tree
2.38%toolkit/themes/windows/global
0%toolkit/themes/windows/global/in-content
100%toolkit/themes/windows/mozapps/handling
0%toolkit/themes/windows/mozapps/update
0%