:root { --x-40: rgba(152, 82, 72, 1); --x-20: rgba(84, 38, 31, 1); --x-60: rgba(203, 133, 123, 1); --x-80: rgba(237, 191, 184, 1); --m3sysdark-medium-contrastoutline-variant: rgba(134, 129, 139, 1); --shadow: 0px 10px 32px 0px rgba(20, 0, 75, 0.08); --system-colors-miscellaneous-floating-tab-text-unselected: rgba(9, 9, 9, 1); --system-colors-grays-black: rgba(0, 0, 0, 1); } /* To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so: You can apply the theme on any DOM node, not just the `body` */ [data-system-colors-mode="light"] { --system-colors-miscellaneous-floating-tab-text-unselected: rgba(9, 9, 9, 1); } [data-system-colors-mode="dark"] { --system-colors-miscellaneous-floating-tab-text-unselected: rgba( 171, 171, 177, 0.93 ); } [data-system-colors-mode="dark-elevated"] { --system-colors-miscellaneous-floating-tab-text-unselected: rgba( 171, 171, 177, 0.93 ); } [data-system-colors-mode="IC-light"] { --system-colors-miscellaneous-floating-tab-text-unselected: rgba(9, 9, 9, 1); } [data-system-colors-mode="IC-dark"] { --system-colors-miscellaneous-floating-tab-text-unselected: rgba( 171, 171, 177, 0.93 ); } [data-system-colors-mode="IC-dark-elevated"] { --system-colors-miscellaneous-floating-tab-text-unselected: rgba( 171, 171, 177, 0.93 ); }