mirror of
https://github.com/supabase/supabase.git
synced 2026-10-10 20:05:06 +03:00
Ivan Vasilov
0abe792889
This PR migrates the JS config for Tailwind into a CSS config. As such, all variables have been defined as CSS variables and they're using the specialized Tailwind syntax for generating utility classes. Beside the migration, these changes were also added: - Added `tailwind.config.css` to few packages to make the Tailwind Intellisense work. - Migrated away from Radix style color classes to our defined classes, the values will remain the same. - Most of the CSS is generated by scripts, they'll be removed in next PRs. * Removed redundant `border-light` classes from several components since it was undefined. * Removed redundant `text-strong` classes from several components since it was undefined. How to test: - Open all apps, compare the UI (mainly colors) to builds from #45417 and try to find a difference. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Style** * Harmonized color variable usages and updated UI color references (affects palettes, charts, gradients, hero illustrations, and scrollbars). * Tweaked border, tab, and selection visuals across components. * **New Features** * Added a suite of theme animations and refined typography presets used by site prose and docs. * **Refactor** * Overhauled Tailwind/theme configuration and color token generation for more consistent theming. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
807 lines
36 KiB
CSS
807 lines
36 KiB
CSS
/*
|
|
* Auto-generated by scripts/generate-radix-vars.js — do not edit by hand.
|
|
* Run `node scripts/generate-radix-vars.js` from packages/config/ to refresh.
|
|
*
|
|
* Mirrors the CSS variables that the legacy @mertasan/tailwindcss-variables
|
|
* plugin used to emit from ui.config.js's generateCssVariables() and
|
|
* default-colors.js's scale/scaleA aliases.
|
|
*/
|
|
|
|
:root {
|
|
--colors-amber1: hsl(39, 70%, 99%);
|
|
--colors-amber2: hsl(40, 100%, 96.5%);
|
|
--colors-amber3: hsl(44, 100%, 91.7%);
|
|
--colors-amber4: hsl(43, 100%, 86.8%);
|
|
--colors-amber5: hsl(42, 100%, 81.8%);
|
|
--colors-amber6: hsl(38, 99.7%, 76.3%);
|
|
--colors-amber7: hsl(36, 86.1%, 67.1%);
|
|
--colors-amber8: hsl(35, 85.2%, 55.1%);
|
|
--colors-amber9: hsl(39, 100%, 57%);
|
|
--colors-amber10: hsl(35, 100%, 55.5%);
|
|
--colors-amber11: hsl(30, 100%, 34%);
|
|
--colors-amber12: hsl(20, 80%, 17%);
|
|
--colors-amberA1: hsla(40, 94.9%, 38.7%, 0.016);
|
|
--colors-amberA2: hsla(40, 100%, 50.3%, 0.071);
|
|
--colors-amberA3: hsla(44, 100%, 50.1%, 0.165);
|
|
--colors-amberA4: hsla(43, 100%, 50%, 0.263);
|
|
--colors-amberA5: hsla(42, 100%, 50%, 0.365);
|
|
--colors-amberA6: hsla(38, 100%, 50.1%, 0.475);
|
|
--colors-amberA7: hsla(36, 99.9%, 46.2%, 0.612);
|
|
--colors-amberA8: hsla(35, 99.8%, 46%, 0.832);
|
|
--colors-amberA9: hsla(39, 100%, 50%, 0.859);
|
|
--colors-amberA10: hsla(35, 100%, 50%, 0.891);
|
|
--colors-amberA11: hsla(29, 100%, 33.6%, 0.98);
|
|
--colors-amberA12: hsla(20, 99.8%, 14.1%, 0.965);
|
|
--colors-blackA1: hsla(0, 0%, 0%, 0.012);
|
|
--colors-blackA2: hsla(0, 0%, 0%, 0.027);
|
|
--colors-blackA3: hsla(0, 0%, 0%, 0.047);
|
|
--colors-blackA4: hsla(0, 0%, 0%, 0.071);
|
|
--colors-blackA5: hsla(0, 0%, 0%, 0.09);
|
|
--colors-blackA6: hsla(0, 0%, 0%, 0.114);
|
|
--colors-blackA7: hsla(0, 0%, 0%, 0.141);
|
|
--colors-blackA8: hsla(0, 0%, 0%, 0.22);
|
|
--colors-blackA9: hsla(0, 0%, 0%, 0.439);
|
|
--colors-blackA10: hsla(0, 0%, 0%, 0.478);
|
|
--colors-blackA11: hsla(0, 0%, 0%, 0.565);
|
|
--colors-blackA12: hsla(0, 0%, 0%, 0.91);
|
|
--colors-blue1: hsl(206, 100%, 99.2%);
|
|
--colors-blue2: hsl(210, 100%, 98%);
|
|
--colors-blue3: hsl(209, 100%, 96.5%);
|
|
--colors-blue4: hsl(210, 98.8%, 94%);
|
|
--colors-blue5: hsl(209, 95%, 90.1%);
|
|
--colors-blue6: hsl(209, 81.2%, 84.5%);
|
|
--colors-blue7: hsl(208, 77.5%, 76.9%);
|
|
--colors-blue8: hsl(206, 81.9%, 65.3%);
|
|
--colors-blue9: hsl(206, 100%, 50%);
|
|
--colors-blue10: hsl(208, 100%, 47.3%);
|
|
--colors-blue11: hsl(211, 100%, 43.2%);
|
|
--colors-blue12: hsl(211, 100%, 15%);
|
|
--colors-blueA1: hsla(210, 100%, 51%, 0.016);
|
|
--colors-blueA2: hsla(210, 100%, 51%, 0.04);
|
|
--colors-blueA3: hsla(210, 100%, 50.3%, 0.071);
|
|
--colors-blueA4: hsla(210, 100%, 50.1%, 0.118);
|
|
--colors-blueA5: hsla(208, 99.1%, 47.1%, 0.189);
|
|
--colors-blueA6: hsla(209, 99.5%, 45.3%, 0.283);
|
|
--colors-blueA7: hsla(208, 99.9%, 43.8%, 0.412);
|
|
--colors-blueA8: hsla(206, 99.8%, 45.1%, 0.632);
|
|
--colors-blueA9: hsla(206, 100%, 50%, 0.98);
|
|
--colors-blueA10: hsla(208, 100%, 47.2%, 0.98);
|
|
--colors-blueA11: hsla(212, 100%, 43%, 0.98);
|
|
--colors-blueA12: hsla(213, 100%, 14.4%, 0.98);
|
|
--colors-crimson1: hsl(332, 100%, 99.4%);
|
|
--colors-crimson2: hsl(330, 100%, 98.4%);
|
|
--colors-crimson3: hsl(331, 85.6%, 96.6%);
|
|
--colors-crimson4: hsl(331, 78.1%, 94.2%);
|
|
--colors-crimson5: hsl(332, 72.1%, 91.1%);
|
|
--colors-crimson6: hsl(333, 67%, 86.7%);
|
|
--colors-crimson7: hsl(335, 63.5%, 80.4%);
|
|
--colors-crimson8: hsl(336, 62.3%, 72.9%);
|
|
--colors-crimson9: hsl(336, 80%, 57.8%);
|
|
--colors-crimson10: hsl(336, 73.7%, 53.5%);
|
|
--colors-crimson11: hsl(336, 75%, 47.2%);
|
|
--colors-crimson12: hsl(340, 65%, 14.5%);
|
|
--colors-crimsonA1: hsla(340, 100%, 51%, 0.012);
|
|
--colors-crimsonA2: hsla(330, 100%, 51%, 0.032);
|
|
--colors-crimsonA3: hsla(332, 99.1%, 47.1%, 0.063);
|
|
--colors-crimsonA4: hsla(331, 99.9%, 44.3%, 0.102);
|
|
--colors-crimsonA5: hsla(333, 99.9%, 42.3%, 0.153);
|
|
--colors-crimsonA6: hsla(333, 99.5%, 40.5%, 0.224);
|
|
--colors-crimsonA7: hsla(335, 99.7%, 39.1%, 0.322);
|
|
--colors-crimsonA8: hsla(336, 99.5%, 38.5%, 0.44);
|
|
--colors-crimsonA9: hsla(336, 99.9%, 44.3%, 0.761);
|
|
--colors-crimsonA10: hsla(336, 100%, 42.5%, 0.808);
|
|
--colors-crimsonA11: hsla(336, 99.8%, 40.3%, 0.883);
|
|
--colors-crimsonA12: hsla(340, 99%, 10%, 0.95);
|
|
--colors-gold1: hsl(50, 20%, 99.1%);
|
|
--colors-gold2: hsl(47, 52.9%, 96.7%);
|
|
--colors-gold3: hsl(46, 38.2%, 93.7%);
|
|
--colors-gold4: hsl(44, 32.7%, 90.1%);
|
|
--colors-gold5: hsl(43, 29.9%, 85.7%);
|
|
--colors-gold6: hsl(41, 28.3%, 79.8%);
|
|
--colors-gold7: hsl(39, 27.6%, 71.9%);
|
|
--colors-gold8: hsl(36, 27.2%, 61.8%);
|
|
--colors-gold9: hsl(36, 20%, 49.5%);
|
|
--colors-gold10: hsl(36, 19.8%, 45.7%);
|
|
--colors-gold11: hsl(36, 20%, 39%);
|
|
--colors-gold12: hsl(36, 16%, 20%);
|
|
--colors-goldA1: hsla(60, 89.3%, 18.3%, 0.012);
|
|
--colors-goldA2: hsla(47, 99.9%, 34.6%, 0.051);
|
|
--colors-goldA3: hsla(45, 97%, 27.9%, 0.087);
|
|
--colors-goldA4: hsla(46, 98%, 25.4%, 0.134);
|
|
--colors-goldA5: hsla(43, 98.4%, 22.6%, 0.185);
|
|
--colors-goldA6: hsla(41, 99.7%, 22%, 0.259);
|
|
--colors-goldA7: hsla(38, 99.8%, 21.5%, 0.357);
|
|
--colors-goldA8: hsla(36, 99.3%, 21.5%, 0.487);
|
|
--colors-goldA9: hsla(36, 99.9%, 16.2%, 0.604);
|
|
--colors-goldA10: hsla(36, 99.2%, 14.6%, 0.636);
|
|
--colors-goldA11: hsla(35, 99.1%, 11.2%, 0.687);
|
|
--colors-goldA12: hsla(38, 98%, 3.8%, 0.832);
|
|
--colors-gray1: hsl(0, 0%, 99%);
|
|
--colors-gray2: hsl(0, 0%, 97.3%);
|
|
--colors-gray3: hsl(0, 0%, 95.1%);
|
|
--colors-gray4: hsl(0, 0%, 93%);
|
|
--colors-gray5: hsl(0, 0%, 90.9%);
|
|
--colors-gray6: hsl(0, 0%, 88.7%);
|
|
--colors-gray7: hsl(0, 0%, 85.8%);
|
|
--colors-gray8: hsl(0, 0%, 78%);
|
|
--colors-gray9: hsl(0, 0%, 56.1%);
|
|
--colors-gray10: hsl(0, 0%, 52.3%);
|
|
--colors-gray11: hsl(0, 0%, 43.5%);
|
|
--colors-gray12: hsl(0, 0%, 9%);
|
|
--colors-grayA1: hsla(0, 0%, 0%, 0.012);
|
|
--colors-grayA2: hsla(0, 0%, 0%, 0.027);
|
|
--colors-grayA3: hsla(0, 0%, 0%, 0.047);
|
|
--colors-grayA4: hsla(0, 0%, 0%, 0.071);
|
|
--colors-grayA5: hsla(0, 0%, 0%, 0.09);
|
|
--colors-grayA6: hsla(0, 0%, 0%, 0.114);
|
|
--colors-grayA7: hsla(0, 0%, 0%, 0.141);
|
|
--colors-grayA8: hsla(0, 0%, 0%, 0.22);
|
|
--colors-grayA9: hsla(0, 0%, 0%, 0.439);
|
|
--colors-grayA10: hsla(0, 0%, 0%, 0.478);
|
|
--colors-grayA11: hsla(0, 0%, 0%, 0.565);
|
|
--colors-grayA12: hsla(0, 0%, 0%, 0.91);
|
|
--colors-green1: hsl(136, 50%, 98.9%);
|
|
--colors-green2: hsl(138, 62.5%, 96.9%);
|
|
--colors-green3: hsl(139, 55.2%, 94.5%);
|
|
--colors-green4: hsl(140, 48.7%, 91%);
|
|
--colors-green5: hsl(141, 43.7%, 86%);
|
|
--colors-green6: hsl(143, 40.3%, 79%);
|
|
--colors-green7: hsl(146, 38.5%, 69%);
|
|
--colors-green8: hsl(151, 40.2%, 54.1%);
|
|
--colors-green9: hsl(151, 55%, 41.5%);
|
|
--colors-green10: hsl(152, 57.5%, 37.6%);
|
|
--colors-green11: hsl(153, 67%, 28.5%);
|
|
--colors-green12: hsl(155, 40%, 14%);
|
|
--colors-greenA1: hsla(140, 94.9%, 38.7%, 0.016);
|
|
--colors-greenA2: hsla(138, 99.9%, 38.5%, 0.051);
|
|
--colors-greenA3: hsla(139, 97.7%, 36.9%, 0.087);
|
|
--colors-greenA4: hsla(139, 98.5%, 32.7%, 0.134);
|
|
--colors-greenA5: hsla(141, 100%, 30.4%, 0.2);
|
|
--colors-greenA6: hsla(142, 99%, 28.9%, 0.295);
|
|
--colors-greenA7: hsla(146, 99.5%, 27.6%, 0.428);
|
|
--colors-greenA8: hsla(151, 99.5%, 28.8%, 0.644);
|
|
--colors-greenA9: hsla(151, 99.9%, 28%, 0.812);
|
|
--colors-greenA10: hsla(152, 99.6%, 25.8%, 0.84);
|
|
--colors-greenA11: hsla(153, 99.9%, 21%, 0.906);
|
|
--colors-greenA12: hsla(155, 99.4%, 6.2%, 0.918);
|
|
--colors-indigo1: hsl(225, 60%, 99.4%);
|
|
--colors-indigo2: hsl(223, 100%, 98.6%);
|
|
--colors-indigo3: hsl(223, 98.4%, 97.1%);
|
|
--colors-indigo4: hsl(223, 92.9%, 95%);
|
|
--colors-indigo5: hsl(224, 87.1%, 92%);
|
|
--colors-indigo6: hsl(224, 81.9%, 87.8%);
|
|
--colors-indigo7: hsl(225, 77.4%, 82.1%);
|
|
--colors-indigo8: hsl(226, 75.4%, 74.5%);
|
|
--colors-indigo9: hsl(226, 70%, 55.5%);
|
|
--colors-indigo10: hsl(226, 58.6%, 51.3%);
|
|
--colors-indigo11: hsl(226, 55%, 45%);
|
|
--colors-indigo12: hsl(226, 62%, 17%);
|
|
--colors-indigoA1: hsla(240, 92.6%, 26.5%, 0.008);
|
|
--colors-indigoA2: hsla(223, 100%, 51%, 0.028);
|
|
--colors-indigoA3: hsla(224, 100%, 50.1%, 0.059);
|
|
--colors-indigoA4: hsla(223, 98%, 48.5%, 0.099);
|
|
--colors-indigoA5: hsla(225, 98.6%, 46.4%, 0.15);
|
|
--colors-indigoA6: hsla(224, 99.5%, 44.9%, 0.224);
|
|
--colors-indigoA7: hsla(225, 99.7%, 43.9%, 0.318);
|
|
--colors-indigoA8: hsla(226, 99.5%, 43.1%, 0.448);
|
|
--colors-indigoA9: hsla(226, 100%, 41.2%, 0.757);
|
|
--colors-indigoA10: hsla(226, 99.8%, 37.1%, 0.773);
|
|
--colors-indigoA11: hsla(226, 99.6%, 31.1%, 0.797);
|
|
--colors-indigoA12: hsla(226, 99.3%, 11.4%, 0.938);
|
|
--colors-orange1: hsl(24, 70%, 99%);
|
|
--colors-orange2: hsl(24, 83.3%, 97.6%);
|
|
--colors-orange3: hsl(24, 100%, 95.3%);
|
|
--colors-orange4: hsl(25, 100%, 92.2%);
|
|
--colors-orange5: hsl(25, 100%, 88.2%);
|
|
--colors-orange6: hsl(25, 100%, 82.8%);
|
|
--colors-orange7: hsl(24, 100%, 75.3%);
|
|
--colors-orange8: hsl(24, 94.5%, 64.3%);
|
|
--colors-orange9: hsl(24, 94%, 50%);
|
|
--colors-orange10: hsl(24, 100%, 46.5%);
|
|
--colors-orange11: hsl(24, 100%, 37%);
|
|
--colors-orange12: hsl(15, 60%, 17%);
|
|
--colors-orangeA1: hsla(20, 94.9%, 38.7%, 0.016);
|
|
--colors-orangeA2: hsla(24, 95.8%, 46.5%, 0.044);
|
|
--colors-orangeA3: hsla(25, 100%, 50.5%, 0.095);
|
|
--colors-orangeA4: hsla(26, 100%, 50%, 0.157);
|
|
--colors-orangeA5: hsla(25, 100%, 50.1%, 0.236);
|
|
--colors-orangeA6: hsla(25, 100%, 50.1%, 0.346);
|
|
--colors-orangeA7: hsla(24, 100%, 50.1%, 0.495);
|
|
--colors-orangeA8: hsla(24, 99.7%, 48.7%, 0.695);
|
|
--colors-orangeA9: hsla(24, 99.9%, 48.4%, 0.969);
|
|
--colors-orangeA10: hsla(23, 100%, 46.4%, 0.98);
|
|
--colors-orangeA11: hsla(23, 100%, 36.8%, 0.98);
|
|
--colors-orangeA12: hsla(15, 99.4%, 11%, 0.934);
|
|
--colors-pink1: hsl(322, 100%, 99.4%);
|
|
--colors-pink2: hsl(323, 100%, 98.4%);
|
|
--colors-pink3: hsl(323, 86.3%, 96.5%);
|
|
--colors-pink4: hsl(323, 78.7%, 94.2%);
|
|
--colors-pink5: hsl(323, 72.2%, 91.1%);
|
|
--colors-pink6: hsl(323, 66.3%, 86.6%);
|
|
--colors-pink7: hsl(323, 62%, 80.1%);
|
|
--colors-pink8: hsl(323, 60.3%, 72.4%);
|
|
--colors-pink9: hsl(322, 65%, 54.5%);
|
|
--colors-pink10: hsl(322, 63.9%, 50.7%);
|
|
--colors-pink11: hsl(322, 75%, 46%);
|
|
--colors-pink12: hsl(320, 70%, 13.5%);
|
|
--colors-pinkA1: hsla(320, 100%, 51%, 0.012);
|
|
--colors-pinkA2: hsla(323, 100%, 51%, 0.032);
|
|
--colors-pinkA3: hsla(323, 98.9%, 47.3%, 0.067);
|
|
--colors-pinkA4: hsla(323, 99.9%, 44.3%, 0.102);
|
|
--colors-pinkA5: hsla(324, 99.9%, 42.3%, 0.153);
|
|
--colors-pinkA6: hsla(323, 99.5%, 39.6%, 0.224);
|
|
--colors-pinkA7: hsla(323, 99.7%, 38.5%, 0.322);
|
|
--colors-pinkA8: hsla(323, 99.5%, 37.7%, 0.444);
|
|
--colors-pinkA9: hsla(322, 99.7%, 39.3%, 0.75);
|
|
--colors-pinkA10: hsla(322, 100%, 39.1%, 0.808);
|
|
--colors-pinkA11: hsla(322, 99.8%, 39%, 0.887);
|
|
--colors-pinkA12: hsla(321, 99.8%, 10%, 0.961);
|
|
--colors-purple1: hsl(280, 65%, 99.4%);
|
|
--colors-purple2: hsl(276, 100%, 99%);
|
|
--colors-purple3: hsl(276, 83.1%, 97%);
|
|
--colors-purple4: hsl(275, 76.4%, 94.7%);
|
|
--colors-purple5: hsl(275, 70.8%, 91.8%);
|
|
--colors-purple6: hsl(274, 65.4%, 87.8%);
|
|
--colors-purple7: hsl(273, 61%, 81.7%);
|
|
--colors-purple8: hsl(272, 60%, 73.5%);
|
|
--colors-purple9: hsl(272, 51%, 54%);
|
|
--colors-purple10: hsl(272, 46.8%, 50.3%);
|
|
--colors-purple11: hsl(272, 50%, 45.8%);
|
|
--colors-purple12: hsl(272, 66%, 16%);
|
|
--colors-purpleA1: hsla(300, 94.3%, 34.6%, 0.012);
|
|
--colors-purpleA2: hsla(276, 100%, 51%, 0.02);
|
|
--colors-purpleA3: hsla(277, 99.6%, 46.5%, 0.055);
|
|
--colors-purpleA4: hsla(274, 97.9%, 44.3%, 0.095);
|
|
--colors-purpleA5: hsla(276, 98.6%, 42%, 0.142);
|
|
--colors-purpleA6: hsla(275, 100%, 39.2%, 0.2);
|
|
--colors-purpleA7: hsla(273, 99.2%, 38.2%, 0.295);
|
|
--colors-purpleA8: hsla(272, 99.7%, 37.6%, 0.424);
|
|
--colors-purpleA9: hsla(272, 99.6%, 34%, 0.695);
|
|
--colors-purpleA10: hsla(272, 99.7%, 32%, 0.73);
|
|
--colors-purpleA11: hsla(272, 99.8%, 29.7%, 0.773);
|
|
--colors-purpleA12: hsla(272, 99.2%, 11.3%, 0.946);
|
|
--colors-red1: hsl(359, 100%, 99.4%);
|
|
--colors-red2: hsl(359, 100%, 98.6%);
|
|
--colors-red3: hsl(360, 100%, 96.8%);
|
|
--colors-red4: hsl(360, 97.9%, 94.8%);
|
|
--colors-red5: hsl(360, 90.2%, 91.9%);
|
|
--colors-red6: hsl(360, 81.7%, 87.8%);
|
|
--colors-red7: hsl(359, 74.2%, 81.7%);
|
|
--colors-red8: hsl(359, 69.5%, 74.3%);
|
|
--colors-red9: hsl(358, 75%, 59%);
|
|
--colors-red10: hsl(358, 69.4%, 55.2%);
|
|
--colors-red11: hsl(358, 65%, 48.7%);
|
|
--colors-red12: hsl(354, 50%, 14.6%);
|
|
--colors-redA1: hsla(0, 100%, 51%, 0.012);
|
|
--colors-redA2: hsla(0, 100%, 51%, 0.032);
|
|
--colors-redA3: hsla(0, 100%, 50.2%, 0.063);
|
|
--colors-redA4: hsla(0, 100%, 50%, 0.102);
|
|
--colors-redA5: hsla(0, 99.9%, 47.5%, 0.153);
|
|
--colors-redA6: hsla(0, 99.5%, 44.9%, 0.224);
|
|
--colors-redA7: hsla(359, 99.7%, 42.7%, 0.318);
|
|
--colors-redA8: hsla(359, 99.6%, 41.1%, 0.436);
|
|
--colors-redA9: hsla(358, 99.9%, 42.9%, 0.718);
|
|
--colors-redA10: hsla(358, 99.9%, 41%, 0.761);
|
|
--colors-redA11: hsla(358, 99.8%, 38.3%, 0.832);
|
|
--colors-redA12: hsla(355, 99.3%, 7.9%, 0.926);
|
|
--colors-slate1: hsl(206, 30%, 98.8%);
|
|
--colors-slate2: hsl(210, 16.7%, 97.6%);
|
|
--colors-slate3: hsl(209, 13.3%, 95.3%);
|
|
--colors-slate4: hsl(209, 12.2%, 93.2%);
|
|
--colors-slate5: hsl(208, 11.7%, 91.1%);
|
|
--colors-slate6: hsl(208, 11.3%, 88.9%);
|
|
--colors-slate7: hsl(207, 11.1%, 85.9%);
|
|
--colors-slate8: hsl(205, 10.7%, 78%);
|
|
--colors-slate9: hsl(206, 6%, 56.1%);
|
|
--colors-slate10: hsl(206, 5.8%, 52.3%);
|
|
--colors-slate11: hsl(206, 6%, 43.5%);
|
|
--colors-slate12: hsl(206, 24%, 9%);
|
|
--colors-slateA1: hsla(210, 92.6%, 26.5%, 0.016);
|
|
--colors-slateA2: hsla(210, 87.7%, 16%, 0.028);
|
|
--colors-slateA3: hsla(210, 98.8%, 14.4%, 0.055);
|
|
--colors-slateA4: hsla(210, 94.1%, 11.1%, 0.075);
|
|
--colors-slateA5: hsla(216, 91.1%, 10.9%, 0.099);
|
|
--colors-slateA6: hsla(206, 96.4%, 11.3%, 0.126);
|
|
--colors-slateA7: hsla(210, 99.1%, 10.1%, 0.157);
|
|
--colors-slateA8: hsla(205, 96.5%, 10%, 0.244);
|
|
--colors-slateA9: hsla(206, 98.8%, 5.9%, 0.467);
|
|
--colors-slateA10: hsla(206, 99.6%, 5.4%, 0.506);
|
|
--colors-slateA11: hsla(206, 97%, 4.8%, 0.593);
|
|
--colors-slateA12: hsla(202, 97%, 2.4%, 0.934);
|
|
--colors-tomato1: hsl(10, 100%, 99.4%);
|
|
--colors-tomato2: hsl(8, 100%, 98.4%);
|
|
--colors-tomato3: hsl(8, 100%, 96.6%);
|
|
--colors-tomato4: hsl(8, 100%, 94.3%);
|
|
--colors-tomato5: hsl(8, 92.8%, 91%);
|
|
--colors-tomato6: hsl(9, 84.7%, 86.3%);
|
|
--colors-tomato7: hsl(10, 77.3%, 79.5%);
|
|
--colors-tomato8: hsl(10, 71.6%, 71%);
|
|
--colors-tomato9: hsl(10, 78%, 54%);
|
|
--colors-tomato10: hsl(10, 71.5%, 50%);
|
|
--colors-tomato11: hsl(10, 82%, 43.5%);
|
|
--colors-tomato12: hsl(10, 50%, 13.5%);
|
|
--colors-tomatoA1: hsla(0, 100%, 51%, 0.012);
|
|
--colors-tomatoA2: hsla(8, 100%, 51%, 0.032);
|
|
--colors-tomatoA3: hsla(7, 100%, 50.2%, 0.067);
|
|
--colors-tomatoA4: hsla(8, 100%, 50.1%, 0.114);
|
|
--colors-tomatoA5: hsla(7, 99.5%, 47.9%, 0.173);
|
|
--colors-tomatoA6: hsla(9, 99.9%, 46.2%, 0.255);
|
|
--colors-tomatoA7: hsla(10, 99.8%, 43.6%, 0.365);
|
|
--colors-tomatoA8: hsla(10, 99.5%, 41.8%, 0.499);
|
|
--colors-tomatoA9: hsla(10, 99.9%, 43.8%, 0.82);
|
|
--colors-tomatoA10: hsla(10, 100%, 41.8%, 0.859);
|
|
--colors-tomatoA11: hsla(10, 99.9%, 38.8%, 0.922);
|
|
--colors-tomatoA12: hsla(10, 99%, 7.4%, 0.934);
|
|
--colors-violet1: hsl(255, 65%, 99.4%);
|
|
--colors-violet2: hsl(252, 100%, 99%);
|
|
--colors-violet3: hsl(252, 96.9%, 97.4%);
|
|
--colors-violet4: hsl(252, 91.5%, 95.5%);
|
|
--colors-violet5: hsl(252, 85.1%, 93%);
|
|
--colors-violet6: hsl(252, 77.8%, 89.4%);
|
|
--colors-violet7: hsl(252, 71%, 83.7%);
|
|
--colors-violet8: hsl(252, 68.6%, 76.3%);
|
|
--colors-violet9: hsl(252, 56%, 57.5%);
|
|
--colors-violet10: hsl(251, 48.1%, 53.5%);
|
|
--colors-violet11: hsl(250, 43%, 48%);
|
|
--colors-violet12: hsl(254, 60%, 18.5%);
|
|
--colors-violetA1: hsla(270, 94.3%, 34.6%, 0.012);
|
|
--colors-violetA2: hsla(252, 100%, 51%, 0.02);
|
|
--colors-violetA3: hsla(254, 100%, 50%, 0.051);
|
|
--colors-violetA4: hsla(251, 98.3%, 48.2%, 0.087);
|
|
--colors-violetA5: hsla(252, 99%, 45.7%, 0.13);
|
|
--colors-violetA6: hsla(251, 99.1%, 44%, 0.189);
|
|
--colors-violetA7: hsla(252, 99.5%, 41.7%, 0.279);
|
|
--colors-violetA8: hsla(252, 100%, 40.7%, 0.4);
|
|
--colors-violetA9: hsla(252, 99.9%, 35.8%, 0.663);
|
|
--colors-violetA10: hsla(251, 99.6%, 32.5%, 0.691);
|
|
--colors-violetA11: hsla(250, 99.8%, 28.4%, 0.726);
|
|
--colors-violetA12: hsla(254, 99.5%, 11.9%, 0.926);
|
|
--colors-whiteA1: hsla(0, 0%, 100%, 0);
|
|
--colors-whiteA2: hsla(0, 0%, 100%, 0.013);
|
|
--colors-whiteA3: hsla(0, 0%, 100%, 0.034);
|
|
--colors-whiteA4: hsla(0, 0%, 100%, 0.056);
|
|
--colors-whiteA5: hsla(0, 0%, 100%, 0.086);
|
|
--colors-whiteA6: hsla(0, 0%, 100%, 0.124);
|
|
--colors-whiteA7: hsla(0, 0%, 100%, 0.176);
|
|
--colors-whiteA8: hsla(0, 0%, 100%, 0.249);
|
|
--colors-whiteA9: hsla(0, 0%, 100%, 0.386);
|
|
--colors-whiteA10: hsla(0, 0%, 100%, 0.446);
|
|
--colors-whiteA11: hsla(0, 0%, 100%, 0.592);
|
|
--colors-whiteA12: hsla(0, 0%, 100%, 0.923);
|
|
--colors-yellow1: hsl(60, 54%, 98.5%);
|
|
--colors-yellow2: hsl(52, 100%, 95.5%);
|
|
--colors-yellow3: hsl(55, 100%, 90.9%);
|
|
--colors-yellow4: hsl(54, 100%, 86.6%);
|
|
--colors-yellow5: hsl(52, 97.9%, 82%);
|
|
--colors-yellow6: hsl(50, 89.4%, 76.1%);
|
|
--colors-yellow7: hsl(47, 80.4%, 68%);
|
|
--colors-yellow8: hsl(48, 100%, 46.1%);
|
|
--colors-yellow9: hsl(53, 92%, 50%);
|
|
--colors-yellow10: hsl(50, 100%, 48.5%);
|
|
--colors-yellow11: hsl(42, 100%, 29%);
|
|
--colors-yellow12: hsl(40, 55%, 13.5%);
|
|
--colors-yellowA1: hsla(60, 94.3%, 34.6%, 0.024);
|
|
--colors-yellowA2: hsla(52, 100%, 50.4%, 0.091);
|
|
--colors-yellowA3: hsla(55, 100%, 50.2%, 0.181);
|
|
--colors-yellowA4: hsla(54, 100%, 50.1%, 0.267);
|
|
--colors-yellowA5: hsla(52, 99.9%, 49.5%, 0.357);
|
|
--colors-yellowA6: hsla(50, 100%, 47.4%, 0.451);
|
|
--colors-yellowA7: hsla(47, 99.8%, 44.6%, 0.577);
|
|
--colors-yellowA8: hsla(48, 100%, 46%, 0.98);
|
|
--colors-yellowA9: hsla(53, 100%, 48%, 0.961);
|
|
--colors-yellowA10: hsla(50, 100%, 48.4%, 0.98);
|
|
--colors-yellowA11: hsla(42, 100%, 28.6%, 0.98);
|
|
--colors-yellowA12: hsla(41, 98.9%, 8%, 0.942);
|
|
--colors-scale1: var(--colors-slate1);
|
|
--colors-scaleA1: var(--colors-slateA1);
|
|
--colors-scale2: var(--colors-slate2);
|
|
--colors-scaleA2: var(--colors-slateA2);
|
|
--colors-scale3: var(--colors-slate3);
|
|
--colors-scaleA3: var(--colors-slateA3);
|
|
--colors-scale4: var(--colors-slate4);
|
|
--colors-scaleA4: var(--colors-slateA4);
|
|
--colors-scale5: var(--colors-slate5);
|
|
--colors-scaleA5: var(--colors-slateA5);
|
|
--colors-scale6: var(--colors-slate6);
|
|
--colors-scaleA6: var(--colors-slateA6);
|
|
--colors-scale7: var(--colors-slate7);
|
|
--colors-scaleA7: var(--colors-slateA7);
|
|
--colors-scale8: var(--colors-slate8);
|
|
--colors-scaleA8: var(--colors-slateA8);
|
|
--colors-scale9: var(--colors-slate9);
|
|
--colors-scaleA9: var(--colors-slateA9);
|
|
--colors-scale10: var(--colors-slate10);
|
|
--colors-scaleA10: var(--colors-slateA10);
|
|
--colors-scale11: var(--colors-slate11);
|
|
--colors-scaleA11: var(--colors-slateA11);
|
|
--colors-scale12: var(--colors-slate12);
|
|
--colors-scaleA12: var(--colors-slateA12);
|
|
}
|
|
|
|
[data-theme*='dark'] {
|
|
--colors-amber1: hsl(36, 100%, 6.1%);
|
|
--colors-amber2: hsl(35, 100%, 7.6%);
|
|
--colors-amber3: hsl(32, 100%, 10.2%);
|
|
--colors-amber4: hsl(32, 100%, 12.4%);
|
|
--colors-amber5: hsl(33, 100%, 14.6%);
|
|
--colors-amber6: hsl(35, 100%, 17.1%);
|
|
--colors-amber7: hsl(35, 91%, 21.6%);
|
|
--colors-amber8: hsl(36, 100%, 25.5%);
|
|
--colors-amber9: hsl(39, 100%, 57%);
|
|
--colors-amber10: hsl(43, 100%, 64%);
|
|
--colors-amber11: hsl(39, 90%, 49.8%);
|
|
--colors-amber12: hsl(39, 97%, 93.2%);
|
|
--colors-amberA1: hsla(0, 0%, 0%, 0);
|
|
--colors-amberA2: hsla(31, 100%, 49.7%, 0.036);
|
|
--colors-amberA3: hsla(27, 100%, 49.9%, 0.094);
|
|
--colors-amberA4: hsla(29, 100%, 50%, 0.143);
|
|
--colors-amberA5: hsla(31, 100%, 50%, 0.192);
|
|
--colors-amberA6: hsla(35, 100%, 50%, 0.25);
|
|
--colors-amberA7: hsla(34, 99.6%, 52.9%, 0.331);
|
|
--colors-amberA8: hsla(36, 100%, 50%, 0.442);
|
|
--colors-amberA9: hsla(40, 100%, 57.2%, 0.98);
|
|
--colors-amberA10: hsla(44, 100%, 64.2%, 0.98);
|
|
--colors-amberA11: hsla(39, 99.9%, 52.7%, 0.938);
|
|
--colors-amberA12: hsla(45, 100%, 94.2%, 0.98);
|
|
--colors-blue1: hsl(212, 35%, 9.2%);
|
|
--colors-blue2: hsl(216, 50%, 11.8%);
|
|
--colors-blue3: hsl(214, 59.4%, 15.3%);
|
|
--colors-blue4: hsl(214, 65.8%, 17.9%);
|
|
--colors-blue5: hsl(213, 71.2%, 20.2%);
|
|
--colors-blue6: hsl(212, 77.4%, 23.1%);
|
|
--colors-blue7: hsl(211, 85.1%, 27.4%);
|
|
--colors-blue8: hsl(211, 89.7%, 34.1%);
|
|
--colors-blue9: hsl(206, 100%, 50%);
|
|
--colors-blue10: hsl(209, 100%, 60.6%);
|
|
--colors-blue11: hsl(210, 100%, 66.1%);
|
|
--colors-blue12: hsl(206, 98%, 95.8%);
|
|
--colors-blueA1: hsla(0, 0%, 0%, 0);
|
|
--colors-blueA2: hsla(221, 97.8%, 52.4%, 0.059);
|
|
--colors-blueA3: hsla(215, 99.3%, 54.2%, 0.135);
|
|
--colors-blueA4: hsla(215, 99.3%, 53.8%, 0.198);
|
|
--colors-blueA5: hsla(213, 99.4%, 52.8%, 0.252);
|
|
--colors-blueA6: hsla(212, 99.9%, 51.7%, 0.323);
|
|
--colors-blueA7: hsla(211, 100%, 50.7%, 0.435);
|
|
--colors-blueA8: hsla(211, 99.8%, 50.9%, 0.597);
|
|
--colors-blueA9: hsla(205, 100%, 50%, 0.98);
|
|
--colors-blueA10: hsla(208, 100%, 60.7%, 0.98);
|
|
--colors-blueA11: hsla(209, 100%, 66.3%, 0.98);
|
|
--colors-blueA12: hsla(196, 100%, 96.8%, 0.98);
|
|
--colors-crimson1: hsl(335, 20%, 9.6%);
|
|
--colors-crimson2: hsl(335, 32.2%, 11.6%);
|
|
--colors-crimson3: hsl(335, 42.5%, 16.5%);
|
|
--colors-crimson4: hsl(335, 47.2%, 19.3%);
|
|
--colors-crimson5: hsl(335, 50.9%, 21.8%);
|
|
--colors-crimson6: hsl(335, 55.7%, 25.3%);
|
|
--colors-crimson7: hsl(336, 62.9%, 30.8%);
|
|
--colors-crimson8: hsl(336, 74.9%, 39%);
|
|
--colors-crimson9: hsl(336, 80%, 57.8%);
|
|
--colors-crimson10: hsl(339, 84.1%, 62.6%);
|
|
--colors-crimson11: hsl(341, 90%, 67.3%);
|
|
--colors-crimson12: hsl(332, 87%, 96%);
|
|
--colors-crimsonA1: hsla(0, 0%, 0%, 0);
|
|
--colors-crimsonA2: hsla(336, 96.8%, 53.2%, 0.045);
|
|
--colors-crimsonA3: hsla(335, 98.7%, 59.3%, 0.138);
|
|
--colors-crimsonA4: hsla(336, 99.1%, 59.9%, 0.191);
|
|
--colors-crimsonA5: hsla(335, 99.4%, 59.4%, 0.244);
|
|
--colors-crimsonA6: hsla(335, 99.4%, 59.4%, 0.315);
|
|
--colors-crimsonA7: hsla(336, 99.5%, 57.8%, 0.439);
|
|
--colors-crimsonA8: hsla(336, 99.9%, 55.4%, 0.642);
|
|
--colors-crimsonA9: hsla(336, 99.9%, 62.8%, 0.903);
|
|
--colors-crimsonA10: hsla(339, 99.9%, 66.3%, 0.934);
|
|
--colors-crimsonA11: hsla(341, 99.9%, 69.5%, 0.965);
|
|
--colors-crimsonA12: hsla(327, 100%, 97.1%, 0.98);
|
|
--colors-gold1: hsl(44, 9%, 8.3%);
|
|
--colors-gold2: hsl(43, 14.3%, 9.6%);
|
|
--colors-gold3: hsl(42, 15.5%, 13%);
|
|
--colors-gold4: hsl(41, 16.4%, 15.6%);
|
|
--colors-gold5: hsl(41, 16.9%, 17.8%);
|
|
--colors-gold6: hsl(40, 17.6%, 20.8%);
|
|
--colors-gold7: hsl(38, 18.5%, 26.4%);
|
|
--colors-gold8: hsl(36, 19.6%, 35.1%);
|
|
--colors-gold9: hsl(36, 20%, 49.5%);
|
|
--colors-gold10: hsl(36, 22.3%, 54.5%);
|
|
--colors-gold11: hsl(35, 30%, 64%);
|
|
--colors-gold12: hsl(49, 52%, 93.8%);
|
|
--colors-goldA1: hsla(0, 0%, 0%, 0);
|
|
--colors-goldA2: hsla(40, 93.7%, 70.6%, 0.022);
|
|
--colors-goldA3: hsla(40, 97.5%, 80.6%, 0.065);
|
|
--colors-goldA4: hsla(40, 95.9%, 80.8%, 0.1);
|
|
--colors-goldA5: hsla(38, 97.3%, 82.1%, 0.13);
|
|
--colors-goldA6: hsla(39, 97.2%, 82.5%, 0.169);
|
|
--colors-goldA7: hsla(37, 99.3%, 82.4%, 0.246);
|
|
--colors-goldA8: hsla(35, 98.7%, 82.2%, 0.363);
|
|
--colors-goldA9: hsla(36, 99.7%, 82.8%, 0.552);
|
|
--colors-goldA10: hsla(35, 99.2%, 83.7%, 0.613);
|
|
--colors-goldA11: hsla(35, 99.3%, 85.3%, 0.725);
|
|
--colors-goldA12: hsla(49, 98.6%, 96.7%, 0.966);
|
|
--colors-gray1: hsl(0, 0%, 8.5%);
|
|
--colors-gray2: hsl(0, 0%, 11%);
|
|
--colors-gray3: hsl(0, 0%, 13.6%);
|
|
--colors-gray4: hsl(0, 0%, 15.8%);
|
|
--colors-gray5: hsl(0, 0%, 17.9%);
|
|
--colors-gray6: hsl(0, 0%, 20.5%);
|
|
--colors-gray7: hsl(0, 0%, 24.3%);
|
|
--colors-gray8: hsl(0, 0%, 31.2%);
|
|
--colors-gray9: hsl(0, 0%, 43.9%);
|
|
--colors-gray10: hsl(0, 0%, 49.4%);
|
|
--colors-gray11: hsl(0, 0%, 62.8%);
|
|
--colors-gray12: hsl(0, 0%, 93%);
|
|
--colors-grayA1: hsla(0, 0%, 100%, 0);
|
|
--colors-grayA2: hsla(0, 0%, 100%, 0.026);
|
|
--colors-grayA3: hsla(0, 0%, 100%, 0.056);
|
|
--colors-grayA4: hsla(0, 0%, 100%, 0.077);
|
|
--colors-grayA5: hsla(0, 0%, 100%, 0.103);
|
|
--colors-grayA6: hsla(0, 0%, 100%, 0.129);
|
|
--colors-grayA7: hsla(0, 0%, 100%, 0.172);
|
|
--colors-grayA8: hsla(0, 0%, 100%, 0.249);
|
|
--colors-grayA9: hsla(0, 0%, 100%, 0.386);
|
|
--colors-grayA10: hsla(0, 0%, 100%, 0.446);
|
|
--colors-grayA11: hsla(0, 0%, 100%, 0.592);
|
|
--colors-grayA12: hsla(0, 0%, 100%, 0.923);
|
|
--colors-green1: hsl(146, 30%, 7.4%);
|
|
--colors-green2: hsl(155, 44.2%, 8.4%);
|
|
--colors-green3: hsl(155, 46.7%, 10.9%);
|
|
--colors-green4: hsl(154, 48.4%, 12.9%);
|
|
--colors-green5: hsl(154, 49.7%, 14.9%);
|
|
--colors-green6: hsl(154, 50.9%, 17.6%);
|
|
--colors-green7: hsl(153, 51.8%, 21.8%);
|
|
--colors-green8: hsl(151, 51.7%, 28.4%);
|
|
--colors-green9: hsl(151, 55%, 41.5%);
|
|
--colors-green10: hsl(151, 49.3%, 46.5%);
|
|
--colors-green11: hsl(151, 50%, 53.2%);
|
|
--colors-green12: hsl(137, 72%, 94%);
|
|
--colors-greenA1: hsla(0, 0%, 0%, 0);
|
|
--colors-greenA2: hsla(169, 100%, 48.5%, 0.027);
|
|
--colors-greenA3: hsla(162, 98.7%, 57.9%, 0.07);
|
|
--colors-greenA4: hsla(158, 98.6%, 59.7%, 0.105);
|
|
--colors-greenA5: hsla(158, 98.6%, 60.7%, 0.14);
|
|
--colors-greenA6: hsla(156, 99.9%, 62%, 0.187);
|
|
--colors-greenA7: hsla(154, 99.5%, 63.1%, 0.257);
|
|
--colors-greenA8: hsla(152, 99.7%, 64.2%, 0.37);
|
|
--colors-greenA9: hsla(151, 99.7%, 63.8%, 0.605);
|
|
--colors-greenA10: hsla(152, 99.9%, 66.5%, 0.661);
|
|
--colors-greenA11: hsla(151, 99.7%, 69.2%, 0.74);
|
|
--colors-greenA12: hsla(137, 100%, 95.8%, 0.98);
|
|
--colors-indigo1: hsl(229, 24%, 10%);
|
|
--colors-indigo2: hsl(230, 36.4%, 12.9%);
|
|
--colors-indigo3: hsl(228, 43.3%, 17.5%);
|
|
--colors-indigo4: hsl(227, 47.2%, 21%);
|
|
--colors-indigo5: hsl(227, 50%, 24.1%);
|
|
--colors-indigo6: hsl(226, 52.9%, 28.2%);
|
|
--colors-indigo7: hsl(226, 56%, 34.5%);
|
|
--colors-indigo8: hsl(226, 58.2%, 44.1%);
|
|
--colors-indigo9: hsl(226, 70%, 55.5%);
|
|
--colors-indigo10: hsl(227, 75.2%, 61.6%);
|
|
--colors-indigo11: hsl(228, 100%, 75.9%);
|
|
--colors-indigo12: hsl(226, 83%, 96.3%);
|
|
--colors-indigoA1: hsla(0, 0%, 0%, 0);
|
|
--colors-indigoA2: hsla(234, 97.4%, 59.9%, 0.059);
|
|
--colors-indigoA3: hsla(228, 99.2%, 61.7%, 0.144);
|
|
--colors-indigoA4: hsla(227, 99.7%, 62%, 0.211);
|
|
--colors-indigoA5: hsla(227, 99.2%, 62.3%, 0.27);
|
|
--colors-indigoA6: hsla(226, 99.9%, 62.1%, 0.35);
|
|
--colors-indigoA7: hsla(226, 99.9%, 62%, 0.471);
|
|
--colors-indigoA8: hsla(226, 99.9%, 62.1%, 0.655);
|
|
--colors-indigoA9: hsla(226, 99.9%, 63.6%, 0.848);
|
|
--colors-indigoA10: hsla(227, 99.8%, 67.7%, 0.893);
|
|
--colors-indigoA11: hsla(227, 100%, 76.3%, 0.98);
|
|
--colors-indigoA12: hsla(226, 100%, 97.5%, 0.98);
|
|
--colors-orange1: hsl(30, 70%, 7.2%);
|
|
--colors-orange2: hsl(28, 100%, 8.4%);
|
|
--colors-orange3: hsl(26, 91.1%, 11.6%);
|
|
--colors-orange4: hsl(25, 88.3%, 14.1%);
|
|
--colors-orange5: hsl(24, 87.6%, 16.6%);
|
|
--colors-orange6: hsl(24, 88.6%, 19.8%);
|
|
--colors-orange7: hsl(24, 92.4%, 24%);
|
|
--colors-orange8: hsl(25, 100%, 29%);
|
|
--colors-orange9: hsl(24, 94%, 50%);
|
|
--colors-orange10: hsl(24, 100%, 58.5%);
|
|
--colors-orange11: hsl(24, 100%, 62.2%);
|
|
--colors-orange12: hsl(24, 97%, 93.2%);
|
|
--colors-orangeA1: hsla(0, 0%, 0%, 0);
|
|
--colors-orangeA2: hsla(13, 100%, 49.7%, 0.054);
|
|
--colors-orangeA3: hsla(20, 100%, 49.7%, 0.117);
|
|
--colors-orangeA4: hsla(23, 100%, 49.8%, 0.166);
|
|
--colors-orangeA5: hsla(23, 99.4%, 50.1%, 0.215);
|
|
--colors-orangeA6: hsla(23, 99.8%, 51.1%, 0.286);
|
|
--colors-orangeA7: hsla(23, 99.7%, 50.6%, 0.389);
|
|
--colors-orangeA8: hsla(24, 100%, 49.9%, 0.523);
|
|
--colors-orangeA9: hsla(24, 99.9%, 51.6%, 0.965);
|
|
--colors-orangeA10: hsla(25, 100%, 58.6%, 0.98);
|
|
--colors-orangeA11: hsla(24, 100%, 62.4%, 0.98);
|
|
--colors-orangeA12: hsla(26, 100%, 94.2%, 0.98);
|
|
--colors-pink1: hsl(318, 25%, 9.6%);
|
|
--colors-pink2: hsl(319, 32.2%, 11.6%);
|
|
--colors-pink3: hsl(319, 41%, 16%);
|
|
--colors-pink4: hsl(320, 45.4%, 18.7%);
|
|
--colors-pink5: hsl(320, 49%, 21.1%);
|
|
--colors-pink6: hsl(321, 53.6%, 24.4%);
|
|
--colors-pink7: hsl(321, 61.1%, 29.7%);
|
|
--colors-pink8: hsl(322, 74.9%, 37.5%);
|
|
--colors-pink9: hsl(322, 65%, 54.5%);
|
|
--colors-pink10: hsl(323, 72.8%, 59.2%);
|
|
--colors-pink11: hsl(325, 90%, 66.4%);
|
|
--colors-pink12: hsl(322, 90%, 95.8%);
|
|
--colors-pinkA1: hsla(0, 0%, 0%, 0);
|
|
--colors-pinkA2: hsla(320, 98.1%, 64.1%, 0.036);
|
|
--colors-pinkA3: hsla(320, 99.1%, 63.1%, 0.121);
|
|
--colors-pinkA4: hsla(320, 99.5%, 62.7%, 0.17);
|
|
--colors-pinkA5: hsla(319, 99.7%, 61.5%, 0.219);
|
|
--colors-pinkA6: hsla(322, 99.4%, 60.8%, 0.291);
|
|
--colors-pinkA7: hsla(321, 99.6%, 58.7%, 0.407);
|
|
--colors-pinkA8: hsla(322, 99.7%, 55.4%, 0.608);
|
|
--colors-pinkA9: hsla(322, 100%, 64.6%, 0.817);
|
|
--colors-pinkA10: hsla(323, 100%, 66.3%, 0.875);
|
|
--colors-pinkA11: hsla(325, 99.9%, 68.6%, 0.96);
|
|
--colors-pinkA12: hsla(314, 100%, 96.9%, 0.98);
|
|
--colors-purple1: hsl(284, 20%, 9.6%);
|
|
--colors-purple2: hsl(283, 30%, 11.8%);
|
|
--colors-purple3: hsl(281, 37.5%, 16.5%);
|
|
--colors-purple4: hsl(280, 41.2%, 20%);
|
|
--colors-purple5: hsl(279, 43.8%, 23.3%);
|
|
--colors-purple6: hsl(277, 46.4%, 27.5%);
|
|
--colors-purple7: hsl(275, 49.3%, 34.6%);
|
|
--colors-purple8: hsl(272, 52.1%, 45.9%);
|
|
--colors-purple9: hsl(272, 51%, 54%);
|
|
--colors-purple10: hsl(273, 57.3%, 59.1%);
|
|
--colors-purple11: hsl(275, 80%, 71%);
|
|
--colors-purple12: hsl(279, 75%, 95.7%);
|
|
--colors-purpleA1: hsla(0, 0%, 0%, 0);
|
|
--colors-purpleA2: hsla(280, 96.5%, 57.5%, 0.045);
|
|
--colors-purpleA3: hsla(279, 98.7%, 62.8%, 0.129);
|
|
--colors-purpleA4: hsla(279, 99.1%, 64%, 0.191);
|
|
--colors-purpleA5: hsla(278, 99.8%, 64.2%, 0.248);
|
|
--colors-purpleA6: hsla(276, 99.6%, 64.6%, 0.328);
|
|
--colors-purpleA7: hsla(274, 99.9%, 64.6%, 0.456);
|
|
--colors-purpleA8: hsla(272, 99.7%, 64.6%, 0.66);
|
|
--colors-purpleA9: hsla(272, 99.9%, 69.1%, 0.748);
|
|
--colors-purpleA10: hsla(273, 100%, 71.3%, 0.801);
|
|
--colors-purpleA11: hsla(275, 99.9%, 75.3%, 0.934);
|
|
--colors-purpleA12: hsla(286, 100%, 97.1%, 0.98);
|
|
--colors-red1: hsl(353, 23%, 9.8%);
|
|
--colors-red2: hsl(357, 34.4%, 12%);
|
|
--colors-red3: hsl(356, 43.4%, 16.4%);
|
|
--colors-red4: hsl(356, 47.6%, 19.2%);
|
|
--colors-red5: hsl(356, 51.1%, 21.9%);
|
|
--colors-red6: hsl(356, 55.2%, 25.9%);
|
|
--colors-red7: hsl(357, 60.2%, 31.8%);
|
|
--colors-red8: hsl(358, 65%, 40.4%);
|
|
--colors-red9: hsl(358, 75%, 59%);
|
|
--colors-red10: hsl(358, 85.3%, 64%);
|
|
--colors-red11: hsl(358, 100%, 69.5%);
|
|
--colors-red12: hsl(351, 89%, 96%);
|
|
--colors-redA1: hsla(0, 0%, 0%, 0);
|
|
--colors-redA2: hsla(5, 98.5%, 53.8%, 0.045);
|
|
--colors-redA3: hsla(359, 99.1%, 61.1%, 0.13);
|
|
--colors-redA4: hsla(358, 98.8%, 61%, 0.184);
|
|
--colors-redA5: hsla(357, 99.6%, 60.3%, 0.237);
|
|
--colors-redA6: hsla(358, 99.6%, 60.3%, 0.322);
|
|
--colors-redA7: hsla(357, 100%, 59.5%, 0.442);
|
|
--colors-redA8: hsla(358, 99.8%, 59.1%, 0.621);
|
|
--colors-redA9: hsla(358, 100%, 65.5%, 0.884);
|
|
--colors-redA10: hsla(358, 100%, 67.5%, 0.942);
|
|
--colors-redA11: hsla(358, 100%, 69.7%, 0.98);
|
|
--colors-redA12: hsla(352, 100%, 97.1%, 0.98);
|
|
--colors-slate1: hsl(200, 7%, 8.8%);
|
|
--colors-slate2: hsl(195, 7.1%, 11%);
|
|
--colors-slate3: hsl(197, 6.8%, 13.6%);
|
|
--colors-slate4: hsl(198, 6.6%, 15.8%);
|
|
--colors-slate5: hsl(199, 6.4%, 17.9%);
|
|
--colors-slate6: hsl(201, 6.2%, 20.5%);
|
|
--colors-slate7: hsl(203, 6%, 24.3%);
|
|
--colors-slate8: hsl(207, 5.6%, 31.6%);
|
|
--colors-slate9: hsl(206, 6%, 43.9%);
|
|
--colors-slate10: hsl(206, 5.2%, 49.5%);
|
|
--colors-slate11: hsl(206, 6%, 63%);
|
|
--colors-slate12: hsl(210, 6%, 93%);
|
|
--colors-slateA1: hsla(0, 0%, 0%, 0);
|
|
--colors-slateA2: hsla(181, 98.9%, 91.8%, 0.026);
|
|
--colors-slateA3: hsla(182, 86.7%, 91.4%, 0.057);
|
|
--colors-slateA4: hsla(209, 86.7%, 93.9%, 0.083);
|
|
--colors-slateA5: hsla(200, 90.3%, 93.4%, 0.109);
|
|
--colors-slateA6: hsla(209, 95.3%, 93.5%, 0.139);
|
|
--colors-slateA7: hsla(204, 98.5%, 93.9%, 0.182);
|
|
--colors-slateA8: hsla(209, 94%, 94.7%, 0.265);
|
|
--colors-slateA9: hsla(207, 97.3%, 94%, 0.412);
|
|
--colors-slateA10: hsla(209, 99.4%, 95.2%, 0.472);
|
|
--colors-slateA11: hsla(208, 98.7%, 96.8%, 0.615);
|
|
--colors-slateA12: hsla(211, 86.7%, 99.6%, 0.927);
|
|
--colors-tomato1: hsl(10, 23%, 9.4%);
|
|
--colors-tomato2: hsl(9, 44.8%, 11.4%);
|
|
--colors-tomato3: hsl(8, 52%, 15.3%);
|
|
--colors-tomato4: hsl(7, 56.3%, 18%);
|
|
--colors-tomato5: hsl(7, 60.1%, 20.6%);
|
|
--colors-tomato6: hsl(8, 64.8%, 24%);
|
|
--colors-tomato7: hsl(8, 71.2%, 29.1%);
|
|
--colors-tomato8: hsl(10, 80.2%, 35.7%);
|
|
--colors-tomato9: hsl(10, 78%, 54%);
|
|
--colors-tomato10: hsl(10, 81.7%, 59%);
|
|
--colors-tomato11: hsl(10, 85%, 62.8%);
|
|
--colors-tomato12: hsl(10, 89%, 96%);
|
|
--colors-tomatoA1: hsla(0, 0%, 0%, 0);
|
|
--colors-tomatoA2: hsla(5, 100%, 49.6%, 0.058);
|
|
--colors-tomatoA3: hsla(6, 99.6%, 54.9%, 0.133);
|
|
--colors-tomatoA4: hsla(6, 99.2%, 55.4%, 0.191);
|
|
--colors-tomatoA5: hsla(6, 99.5%, 55.8%, 0.244);
|
|
--colors-tomatoA6: hsla(7, 99.7%, 55.9%, 0.319);
|
|
--colors-tomatoA7: hsla(8, 99.8%, 54.8%, 0.434);
|
|
--colors-tomatoA8: hsla(10, 99.8%, 53.5%, 0.598);
|
|
--colors-tomatoA9: hsla(10, 100%, 59.7%, 0.885);
|
|
--colors-tomatoA10: hsla(10, 100%, 63.6%, 0.916);
|
|
--colors-tomatoA11: hsla(10, 99.7%, 66.4%, 0.939);
|
|
--colors-tomatoA12: hsla(12, 100%, 97.1%, 0.98);
|
|
--colors-violet1: hsl(250, 20%, 10.2%);
|
|
--colors-violet2: hsl(255, 30.3%, 12.9%);
|
|
--colors-violet3: hsl(253, 37%, 18.4%);
|
|
--colors-violet4: hsl(252, 40.1%, 22.5%);
|
|
--colors-violet5: hsl(252, 42.2%, 26.2%);
|
|
--colors-violet6: hsl(251, 44.3%, 31.1%);
|
|
--colors-violet7: hsl(250, 46.8%, 38.9%);
|
|
--colors-violet8: hsl(250, 51.8%, 51.2%);
|
|
--colors-violet9: hsl(252, 56%, 57.5%);
|
|
--colors-violet10: hsl(251, 63.2%, 63.2%);
|
|
--colors-violet11: hsl(250, 95%, 76.8%);
|
|
--colors-violet12: hsl(252, 87%, 96.4%);
|
|
--colors-violetA1: hsla(0, 0%, 0%, 0);
|
|
--colors-violetA2: hsla(258, 98.2%, 61%, 0.054);
|
|
--colors-violetA3: hsla(252, 98.8%, 65.8%, 0.148);
|
|
--colors-violetA4: hsla(253, 99.7%, 65.7%, 0.219);
|
|
--colors-violetA5: hsla(252, 99.7%, 66.4%, 0.286);
|
|
--colors-violetA6: hsla(251, 99.7%, 66.2%, 0.371);
|
|
--colors-violetA7: hsla(250, 99.7%, 66.3%, 0.514);
|
|
--colors-violetA8: hsla(250, 99.7%, 66.1%, 0.733);
|
|
--colors-violetA9: hsla(252, 99.9%, 70.3%, 0.786);
|
|
--colors-violetA10: hsla(251, 99.9%, 72.9%, 0.844);
|
|
--colors-violetA11: hsla(250, 100%, 77.9%, 0.98);
|
|
--colors-violetA12: hsla(254, 100%, 97.5%, 0.98);
|
|
--colors-yellow1: hsl(45, 100%, 5.5%);
|
|
--colors-yellow2: hsl(46, 100%, 6.7%);
|
|
--colors-yellow3: hsl(45, 100%, 8.7%);
|
|
--colors-yellow4: hsl(45, 100%, 10.4%);
|
|
--colors-yellow5: hsl(47, 100%, 12.1%);
|
|
--colors-yellow6: hsl(49, 100%, 14.3%);
|
|
--colors-yellow7: hsl(49, 90.3%, 18.4%);
|
|
--colors-yellow8: hsl(50, 100%, 22%);
|
|
--colors-yellow9: hsl(53, 92%, 50%);
|
|
--colors-yellow10: hsl(54, 100%, 68%);
|
|
--colors-yellow11: hsl(48, 100%, 47%);
|
|
--colors-yellow12: hsl(53, 100%, 91%);
|
|
--colors-yellowA1: hsla(0, 0%, 0%, 0);
|
|
--colors-yellowA2: hsla(49, 100%, 49.1%, 0.027);
|
|
--colors-yellowA3: hsla(45, 100%, 49.7%, 0.071);
|
|
--colors-yellowA4: hsla(46, 100%, 49.7%, 0.111);
|
|
--colors-yellowA5: hsla(47, 100%, 49.9%, 0.15);
|
|
--colors-yellowA6: hsla(51, 100%, 49.8%, 0.199);
|
|
--colors-yellowA7: hsla(51, 99.8%, 53.6%, 0.269);
|
|
--colors-yellowA8: hsla(51, 100%, 49.9%, 0.371);
|
|
--colors-yellowA9: hsla(53, 100%, 52%, 0.956);
|
|
--colors-yellowA10: hsla(56, 100%, 68.4%, 0.98);
|
|
--colors-yellowA11: hsla(48, 100%, 50%, 0.934);
|
|
--colors-yellowA12: hsla(60, 100%, 91.8%, 0.98);
|
|
--colors-scale1: var(--colors-gray1);
|
|
--colors-scaleA1: var(--colors-grayA1);
|
|
--colors-scale2: var(--colors-gray2);
|
|
--colors-scaleA2: var(--colors-grayA2);
|
|
--colors-scale3: var(--colors-gray3);
|
|
--colors-scaleA3: var(--colors-grayA3);
|
|
--colors-scale4: var(--colors-gray4);
|
|
--colors-scaleA4: var(--colors-grayA4);
|
|
--colors-scale5: var(--colors-gray5);
|
|
--colors-scaleA5: var(--colors-grayA5);
|
|
--colors-scale6: var(--colors-gray6);
|
|
--colors-scaleA6: var(--colors-grayA6);
|
|
--colors-scale7: var(--colors-gray7);
|
|
--colors-scaleA7: var(--colors-grayA7);
|
|
--colors-scale8: var(--colors-gray8);
|
|
--colors-scaleA8: var(--colors-grayA8);
|
|
--colors-scale9: var(--colors-gray9);
|
|
--colors-scaleA9: var(--colors-grayA9);
|
|
--colors-scale10: var(--colors-gray10);
|
|
--colors-scaleA10: var(--colors-grayA10);
|
|
--colors-scale11: #bbbbbb;
|
|
--colors-scaleA11: var(--colors-grayA11);
|
|
--colors-scale12: var(--colors-gray12);
|
|
--colors-scaleA12: var(--colors-grayA12);
|
|
}
|