A theme that follows MDL2 styling with the accent color and gray-on-black or gray-on-white elements.
Uses OS-level dark/light setting to apply the correct colors. This can cause color issues if you select a theme inside Firefox, to avoid them use the default theme.
Select the appropriate file:
Copy the content inside the folder where userChrome.css file is located into your chrome folder.
Toggle toolkit.legacyUserProfileCustomizations.stylesheets pref in about:config and restart Firefox.
Toggle layout.css.backdrop-filter.enabled pref to enable acrylic blur in some menus.
If you want to change any rules use customChrome.css and customContent.css.
All the theme vars --uwp-* can be overridden, Firefox vars too but only if they are not set using !important.
If you want to override the accent color create two new prefs, both string type set to RGB Hex values.
ui.-moz-accent-color=#FF00FF Accent color
ui.-moz-accent-color-foreground=#FFFFFF Text color when the background is the accent color.
