@diskette/palette 0.1.0 → 0.3.0

package/dist/amber-accents.css

@@ -0,0 +1,65 @@
+@theme static {
+  --color-accent-1: var(--amber-1);
+  --color-accent-2: var(--amber-2);
+  --color-accent-3: var(--amber-3);
+  --color-accent-4: var(--amber-4);
+  --color-accent-5: var(--amber-5);
+  --color-accent-6: var(--amber-6);
+  --color-accent-7: var(--amber-7);
+  --color-accent-8: var(--amber-8);
+  --color-accent-9: var(--amber-9);
+  --color-accent-10: var(--amber-10);
+  --color-accent-11: var(--amber-11);
+  --color-accent-12: var(--amber-12);
+
+  --color-accent-a1: var(--amber-a1);
+  --color-accent-a2: var(--amber-a2);
+  --color-accent-a3: var(--amber-a3);
+  --color-accent-a4: var(--amber-a4);
+  --color-accent-a5: var(--amber-a5);
+  --color-accent-a6: var(--amber-a6);
+  --color-accent-a7: var(--amber-a7);
+  --color-accent-a8: var(--amber-a8);
+  --color-accent-a9: var(--amber-a9);
+  --color-accent-a10: var(--amber-a10);
+  --color-accent-a11: var(--amber-a11);
+  --color-accent-a12: var(--amber-a12);
+
+  --color-accent-contrast: var(--amber-contrast);
+  --color-accent-surface: var(--amber-surface);
+  --color-accent-indicator: var(--amber-indicator);
+  --color-accent-track: var(--amber-track);
+}
+
+[data-accent-color='amber'] {
+  --accent-1: var(--amber-1);
+  --accent-2: var(--amber-2);
+  --accent-3: var(--amber-3);
+  --accent-4: var(--amber-4);
+  --accent-5: var(--amber-5);
+  --accent-6: var(--amber-6);
+  --accent-7: var(--amber-7);
+  --accent-8: var(--amber-8);
+  --accent-9: var(--amber-9);
+  --accent-10: var(--amber-10);
+  --accent-11: var(--amber-11);
+  --accent-12: var(--amber-12);
+
+  --accent-a1: var(--amber-a1);
+  --accent-a2: var(--amber-a2);
+  --accent-a3: var(--amber-a3);
+  --accent-a4: var(--amber-a4);
+  --accent-a5: var(--amber-a5);
+  --accent-a6: var(--amber-a6);
+  --accent-a7: var(--amber-a7);
+  --accent-a8: var(--amber-a8);
+  --accent-a9: var(--amber-a9);
+  --accent-a10: var(--amber-a10);
+  --accent-a11: var(--amber-a11);
+  --accent-a12: var(--amber-a12);
+
+  --accent-contrast: var(--amber-contrast);
+  --accent-surface: var(--amber-surface);
+  --accent-indicator: var(--amber-indicator);
+  --accent-track: var(--amber-track);
+}

package/dist/black-alpha.css

@@ -0,0 +1,29 @@
+@theme static {
+  --color-black-a1: var(--black-a1);
+  --color-black-a2: var(--black-a2);
+  --color-black-a3: var(--black-a3);
+  --color-black-a4: var(--black-a4);
+  --color-black-a5: var(--black-a5);
+  --color-black-a6: var(--black-a6);
+  --color-black-a7: var(--black-a7);
+  --color-black-a8: var(--black-a8);
+  --color-black-a9: var(--black-a9);
+  --color-black-a10: var(--black-a10);
+  --color-black-a11: var(--black-a11);
+  --color-black-a12: var(--black-a12);
+}
+
+:root {
+  --black-a1: color(display-p3 0 0 0 / 0.05);
+  --black-a2: color(display-p3 0 0 0 / 0.1);
+  --black-a3: color(display-p3 0 0 0 / 0.15);
+  --black-a4: color(display-p3 0 0 0 / 0.2);
+  --black-a5: color(display-p3 0 0 0 / 0.3);
+  --black-a6: color(display-p3 0 0 0 / 0.4);
+  --black-a7: color(display-p3 0 0 0 / 0.5);
+  --black-a8: color(display-p3 0 0 0 / 0.6);
+  --black-a9: color(display-p3 0 0 0 / 0.7);
+  --black-a10: color(display-p3 0 0 0 / 0.8);
+  --black-a11: color(display-p3 0 0 0 / 0.9);
+  --black-a12: color(display-p3 0 0 0 / 0.95);
+}

package/dist/blue-accents.css

@@ -0,0 +1,65 @@
+@theme static {
+  --color-accent-1: var(--blue-1);
+  --color-accent-2: var(--blue-2);
+  --color-accent-3: var(--blue-3);
+  --color-accent-4: var(--blue-4);
+  --color-accent-5: var(--blue-5);
+  --color-accent-6: var(--blue-6);
+  --color-accent-7: var(--blue-7);
+  --color-accent-8: var(--blue-8);
+  --color-accent-9: var(--blue-9);
+  --color-accent-10: var(--blue-10);
+  --color-accent-11: var(--blue-11);
+  --color-accent-12: var(--blue-12);
+
+  --color-accent-a1: var(--blue-a1);
+  --color-accent-a2: var(--blue-a2);
+  --color-accent-a3: var(--blue-a3);
+  --color-accent-a4: var(--blue-a4);
+  --color-accent-a5: var(--blue-a5);
+  --color-accent-a6: var(--blue-a6);
+  --color-accent-a7: var(--blue-a7);
+  --color-accent-a8: var(--blue-a8);
+  --color-accent-a9: var(--blue-a9);
+  --color-accent-a10: var(--blue-a10);
+  --color-accent-a11: var(--blue-a11);
+  --color-accent-a12: var(--blue-a12);
+
+  --color-accent-contrast: var(--blue-contrast);
+  --color-accent-surface: var(--blue-surface);
+  --color-accent-indicator: var(--blue-indicator);
+  --color-accent-track: var(--blue-track);
+}
+
+[data-accent-color='blue'] {
+  --accent-1: var(--blue-1);
+  --accent-2: var(--blue-2);
+  --accent-3: var(--blue-3);
+  --accent-4: var(--blue-4);
+  --accent-5: var(--blue-5);
+  --accent-6: var(--blue-6);
+  --accent-7: var(--blue-7);
+  --accent-8: var(--blue-8);
+  --accent-9: var(--blue-9);
+  --accent-10: var(--blue-10);
+  --accent-11: var(--blue-11);
+  --accent-12: var(--blue-12);
+
+  --accent-a1: var(--blue-a1);
+  --accent-a2: var(--blue-a2);
+  --accent-a3: var(--blue-a3);
+  --accent-a4: var(--blue-a4);
+  --accent-a5: var(--blue-a5);
+  --accent-a6: var(--blue-a6);
+  --accent-a7: var(--blue-a7);
+  --accent-a8: var(--blue-a8);
+  --accent-a9: var(--blue-a9);
+  --accent-a10: var(--blue-a10);
+  --accent-a11: var(--blue-a11);
+  --accent-a12: var(--blue-a12);
+
+  --accent-contrast: var(--blue-contrast);
+  --accent-surface: var(--blue-surface);
+  --accent-indicator: var(--blue-indicator);
+  --accent-track: var(--blue-track);
+}

package/dist/brown-accents.css

@@ -0,0 +1,65 @@
+@theme static {
+  --color-accent-1: var(--brown-1);
+  --color-accent-2: var(--brown-2);
+  --color-accent-3: var(--brown-3);
+  --color-accent-4: var(--brown-4);
+  --color-accent-5: var(--brown-5);
+  --color-accent-6: var(--brown-6);
+  --color-accent-7: var(--brown-7);
+  --color-accent-8: var(--brown-8);
+  --color-accent-9: var(--brown-9);
+  --color-accent-10: var(--brown-10);
+  --color-accent-11: var(--brown-11);
+  --color-accent-12: var(--brown-12);
+
+  --color-accent-a1: var(--brown-a1);
+  --color-accent-a2: var(--brown-a2);
+  --color-accent-a3: var(--brown-a3);
+  --color-accent-a4: var(--brown-a4);
+  --color-accent-a5: var(--brown-a5);
+  --color-accent-a6: var(--brown-a6);
+  --color-accent-a7: var(--brown-a7);
+  --color-accent-a8: var(--brown-a8);
+  --color-accent-a9: var(--brown-a9);
+  --color-accent-a10: var(--brown-a10);
+  --color-accent-a11: var(--brown-a11);
+  --color-accent-a12: var(--brown-a12);
+
+  --color-accent-contrast: var(--brown-contrast);
+  --color-accent-surface: var(--brown-surface);
+  --color-accent-indicator: var(--brown-indicator);
+  --color-accent-track: var(--brown-track);
+}
+
+[data-accent-color='brown'] {
+  --accent-1: var(--brown-1);
+  --accent-2: var(--brown-2);
+  --accent-3: var(--brown-3);
+  --accent-4: var(--brown-4);
+  --accent-5: var(--brown-5);
+  --accent-6: var(--brown-6);
+  --accent-7: var(--brown-7);
+  --accent-8: var(--brown-8);
+  --accent-9: var(--brown-9);
+  --accent-10: var(--brown-10);
+  --accent-11: var(--brown-11);
+  --accent-12: var(--brown-12);
+
+  --accent-a1: var(--brown-a1);
+  --accent-a2: var(--brown-a2);
+  --accent-a3: var(--brown-a3);
+  --accent-a4: var(--brown-a4);
+  --accent-a5: var(--brown-a5);
+  --accent-a6: var(--brown-a6);
+  --accent-a7: var(--brown-a7);
+  --accent-a8: var(--brown-a8);
+  --accent-a9: var(--brown-a9);
+  --accent-a10: var(--brown-a10);
+  --accent-a11: var(--brown-a11);
+  --accent-a12: var(--brown-a12);
+
+  --accent-contrast: var(--brown-contrast);
+  --accent-surface: var(--brown-surface);
+  --accent-indicator: var(--brown-indicator);
+  --accent-track: var(--brown-track);
+}

package/dist/crimson-accents.css

@@ -0,0 +1,65 @@
+@theme static {
+  --color-accent-1: var(--crimson-1);
+  --color-accent-2: var(--crimson-2);
+  --color-accent-3: var(--crimson-3);
+  --color-accent-4: var(--crimson-4);
+  --color-accent-5: var(--crimson-5);
+  --color-accent-6: var(--crimson-6);
+  --color-accent-7: var(--crimson-7);
+  --color-accent-8: var(--crimson-8);
+  --color-accent-9: var(--crimson-9);
+  --color-accent-10: var(--crimson-10);
+  --color-accent-11: var(--crimson-11);
+  --color-accent-12: var(--crimson-12);
+
+  --color-accent-a1: var(--crimson-a1);
+  --color-accent-a2: var(--crimson-a2);
+  --color-accent-a3: var(--crimson-a3);
+  --color-accent-a4: var(--crimson-a4);
+  --color-accent-a5: var(--crimson-a5);
+  --color-accent-a6: var(--crimson-a6);
+  --color-accent-a7: var(--crimson-a7);
+  --color-accent-a8: var(--crimson-a8);
+  --color-accent-a9: var(--crimson-a9);
+  --color-accent-a10: var(--crimson-a10);
+  --color-accent-a11: var(--crimson-a11);
+  --color-accent-a12: var(--crimson-a12);
+
+  --color-accent-contrast: var(--crimson-contrast);
+  --color-accent-surface: var(--crimson-surface);
+  --color-accent-indicator: var(--crimson-indicator);
+  --color-accent-track: var(--crimson-track);
+}
+
+[data-accent-color='crimson'] {
+  --accent-1: var(--crimson-1);
+  --accent-2: var(--crimson-2);
+  --accent-3: var(--crimson-3);
+  --accent-4: var(--crimson-4);
+  --accent-5: var(--crimson-5);
+  --accent-6: var(--crimson-6);
+  --accent-7: var(--crimson-7);
+  --accent-8: var(--crimson-8);
+  --accent-9: var(--crimson-9);
+  --accent-10: var(--crimson-10);
+  --accent-11: var(--crimson-11);
+  --accent-12: var(--crimson-12);
+
+  --accent-a1: var(--crimson-a1);
+  --accent-a2: var(--crimson-a2);
+  --accent-a3: var(--crimson-a3);
+  --accent-a4: var(--crimson-a4);
+  --accent-a5: var(--crimson-a5);
+  --accent-a6: var(--crimson-a6);
+  --accent-a7: var(--crimson-a7);
+  --accent-a8: var(--crimson-a8);
+  --accent-a9: var(--crimson-a9);
+  --accent-a10: var(--crimson-a10);
+  --accent-a11: var(--crimson-a11);
+  --accent-a12: var(--crimson-a12);
+
+  --accent-contrast: var(--crimson-contrast);
+  --accent-surface: var(--crimson-surface);
+  --accent-indicator: var(--crimson-indicator);
+  --accent-track: var(--crimson-track);
+}

package/dist/cyan-accents.css

@@ -0,0 +1,65 @@
+@theme static {
+  --color-accent-1: var(--cyan-1);
+  --color-accent-2: var(--cyan-2);
+  --color-accent-3: var(--cyan-3);
+  --color-accent-4: var(--cyan-4);
+  --color-accent-5: var(--cyan-5);
+  --color-accent-6: var(--cyan-6);
+  --color-accent-7: var(--cyan-7);
+  --color-accent-8: var(--cyan-8);
+  --color-accent-9: var(--cyan-9);
+  --color-accent-10: var(--cyan-10);
+  --color-accent-11: var(--cyan-11);
+  --color-accent-12: var(--cyan-12);
+
+  --color-accent-a1: var(--cyan-a1);
+  --color-accent-a2: var(--cyan-a2);
+  --color-accent-a3: var(--cyan-a3);
+  --color-accent-a4: var(--cyan-a4);
+  --color-accent-a5: var(--cyan-a5);
+  --color-accent-a6: var(--cyan-a6);
+  --color-accent-a7: var(--cyan-a7);
+  --color-accent-a8: var(--cyan-a8);
+  --color-accent-a9: var(--cyan-a9);
+  --color-accent-a10: var(--cyan-a10);
+  --color-accent-a11: var(--cyan-a11);
+  --color-accent-a12: var(--cyan-a12);
+
+  --color-accent-contrast: var(--cyan-contrast);
+  --color-accent-surface: var(--cyan-surface);
+  --color-accent-indicator: var(--cyan-indicator);
+  --color-accent-track: var(--cyan-track);
+}
+
+[data-accent-color='cyan'] {
+  --accent-1: var(--cyan-1);
+  --accent-2: var(--cyan-2);
+  --accent-3: var(--cyan-3);
+  --accent-4: var(--cyan-4);
+  --accent-5: var(--cyan-5);
+  --accent-6: var(--cyan-6);
+  --accent-7: var(--cyan-7);
+  --accent-8: var(--cyan-8);
+  --accent-9: var(--cyan-9);
+  --accent-10: var(--cyan-10);
+  --accent-11: var(--cyan-11);
+  --accent-12: var(--cyan-12);
+
+  --accent-a1: var(--cyan-a1);
+  --accent-a2: var(--cyan-a2);
+  --accent-a3: var(--cyan-a3);
+  --accent-a4: var(--cyan-a4);
+  --accent-a5: var(--cyan-a5);
+  --accent-a6: var(--cyan-a6);
+  --accent-a7: var(--cyan-a7);
+  --accent-a8: var(--cyan-a8);
+  --accent-a9: var(--cyan-a9);
+  --accent-a10: var(--cyan-a10);
+  --accent-a11: var(--cyan-a11);
+  --accent-a12: var(--cyan-a12);
+
+  --accent-contrast: var(--cyan-contrast);
+  --accent-surface: var(--cyan-surface);
+  --accent-indicator: var(--cyan-indicator);
+  --accent-track: var(--cyan-track);
+}

package/dist/grass-accents.css

@@ -0,0 +1,65 @@
+@theme static {
+  --color-accent-1: var(--grass-1);
+  --color-accent-2: var(--grass-2);
+  --color-accent-3: var(--grass-3);
+  --color-accent-4: var(--grass-4);
+  --color-accent-5: var(--grass-5);
+  --color-accent-6: var(--grass-6);
+  --color-accent-7: var(--grass-7);
+  --color-accent-8: var(--grass-8);
+  --color-accent-9: var(--grass-9);
+  --color-accent-10: var(--grass-10);
+  --color-accent-11: var(--grass-11);
+  --color-accent-12: var(--grass-12);
+
+  --color-accent-a1: var(--grass-a1);
+  --color-accent-a2: var(--grass-a2);
+  --color-accent-a3: var(--grass-a3);
+  --color-accent-a4: var(--grass-a4);
+  --color-accent-a5: var(--grass-a5);
+  --color-accent-a6: var(--grass-a6);
+  --color-accent-a7: var(--grass-a7);
+  --color-accent-a8: var(--grass-a8);
+  --color-accent-a9: var(--grass-a9);
+  --color-accent-a10: var(--grass-a10);
+  --color-accent-a11: var(--grass-a11);
+  --color-accent-a12: var(--grass-a12);
+
+  --color-accent-contrast: var(--grass-contrast);
+  --color-accent-surface: var(--grass-surface);
+  --color-accent-indicator: var(--grass-indicator);
+  --color-accent-track: var(--grass-track);
+}
+
+[data-accent-color='grass'] {
+  --accent-1: var(--grass-1);
+  --accent-2: var(--grass-2);
+  --accent-3: var(--grass-3);
+  --accent-4: var(--grass-4);
+  --accent-5: var(--grass-5);
+  --accent-6: var(--grass-6);
+  --accent-7: var(--grass-7);
+  --accent-8: var(--grass-8);
+  --accent-9: var(--grass-9);
+  --accent-10: var(--grass-10);
+  --accent-11: var(--grass-11);
+  --accent-12: var(--grass-12);
+
+  --accent-a1: var(--grass-a1);
+  --accent-a2: var(--grass-a2);
+  --accent-a3: var(--grass-a3);
+  --accent-a4: var(--grass-a4);
+  --accent-a5: var(--grass-a5);
+  --accent-a6: var(--grass-a6);
+  --accent-a7: var(--grass-a7);
+  --accent-a8: var(--grass-a8);
+  --accent-a9: var(--grass-a9);
+  --accent-a10: var(--grass-a10);
+  --accent-a11: var(--grass-a11);
+  --accent-a12: var(--grass-a12);
+
+  --accent-contrast: var(--grass-contrast);
+  --accent-surface: var(--grass-surface);
+  --accent-indicator: var(--grass-indicator);
+  --accent-track: var(--grass-track);
+}

package/dist/gray-accents.css

@@ -0,0 +1,65 @@
+@theme static {
+  --color-accent-1: var(--gray-1);
+  --color-accent-2: var(--gray-2);
+  --color-accent-3: var(--gray-3);
+  --color-accent-4: var(--gray-4);
+  --color-accent-5: var(--gray-5);
+  --color-accent-6: var(--gray-6);
+  --color-accent-7: var(--gray-7);
+  --color-accent-8: var(--gray-8);
+  --color-accent-9: var(--gray-9);
+  --color-accent-10: var(--gray-10);
+  --color-accent-11: var(--gray-11);
+  --color-accent-12: var(--gray-12);
+
+  --color-accent-a1: var(--gray-a1);
+  --color-accent-a2: var(--gray-a2);
+  --color-accent-a3: var(--gray-a3);
+  --color-accent-a4: var(--gray-a4);
+  --color-accent-a5: var(--gray-a5);
+  --color-accent-a6: var(--gray-a6);
+  --color-accent-a7: var(--gray-a7);
+  --color-accent-a8: var(--gray-a8);
+  --color-accent-a9: var(--gray-a9);
+  --color-accent-a10: var(--gray-a10);
+  --color-accent-a11: var(--gray-a11);
+  --color-accent-a12: var(--gray-a12);
+
+  --color-accent-contrast: var(--gray-contrast);
+  --color-accent-surface: var(--gray-surface);
+  --color-accent-indicator: var(--gray-indicator);
+  --color-accent-track: var(--gray-track);
+}
+
+[data-accent-color='gray'] {
+  --accent-1: var(--gray-1);
+  --accent-2: var(--gray-2);
+  --accent-3: var(--gray-3);
+  --accent-4: var(--gray-4);
+  --accent-5: var(--gray-5);
+  --accent-6: var(--gray-6);
+  --accent-7: var(--gray-7);
+  --accent-8: var(--gray-8);
+  --accent-9: var(--gray-9);
+  --accent-10: var(--gray-10);
+  --accent-11: var(--gray-11);
+  --accent-12: var(--gray-12);
+
+  --accent-a1: var(--gray-a1);
+  --accent-a2: var(--gray-a2);
+  --accent-a3: var(--gray-a3);
+  --accent-a4: var(--gray-a4);
+  --accent-a5: var(--gray-a5);
+  --accent-a6: var(--gray-a6);
+  --accent-a7: var(--gray-a7);
+  --accent-a8: var(--gray-a8);
+  --accent-a9: var(--gray-a9);
+  --accent-a10: var(--gray-a10);
+  --accent-a11: var(--gray-a11);
+  --accent-a12: var(--gray-a12);
+
+  --accent-contrast: var(--gray-contrast);
+  --accent-surface: var(--gray-surface);
+  --accent-indicator: var(--gray-indicator);
+  --accent-track: var(--gray-track);
+}

package/dist/green-accents.css

@@ -0,0 +1,65 @@
+@theme static {
+  --color-accent-1: var(--green-1);
+  --color-accent-2: var(--green-2);
+  --color-accent-3: var(--green-3);
+  --color-accent-4: var(--green-4);
+  --color-accent-5: var(--green-5);
+  --color-accent-6: var(--green-6);
+  --color-accent-7: var(--green-7);
+  --color-accent-8: var(--green-8);
+  --color-accent-9: var(--green-9);
+  --color-accent-10: var(--green-10);
+  --color-accent-11: var(--green-11);
+  --color-accent-12: var(--green-12);
+
+  --color-accent-a1: var(--green-a1);
+  --color-accent-a2: var(--green-a2);
+  --color-accent-a3: var(--green-a3);
+  --color-accent-a4: var(--green-a4);
+  --color-accent-a5: var(--green-a5);
+  --color-accent-a6: var(--green-a6);
+  --color-accent-a7: var(--green-a7);
+  --color-accent-a8: var(--green-a8);
+  --color-accent-a9: var(--green-a9);
+  --color-accent-a10: var(--green-a10);
+  --color-accent-a11: var(--green-a11);
+  --color-accent-a12: var(--green-a12);
+
+  --color-accent-contrast: var(--green-contrast);
+  --color-accent-surface: var(--green-surface);
+  --color-accent-indicator: var(--green-indicator);
+  --color-accent-track: var(--green-track);
+}
+
+[data-accent-color='green'] {
+  --accent-1: var(--green-1);
+  --accent-2: var(--green-2);
+  --accent-3: var(--green-3);
+  --accent-4: var(--green-4);
+  --accent-5: var(--green-5);
+  --accent-6: var(--green-6);
+  --accent-7: var(--green-7);
+  --accent-8: var(--green-8);
+  --accent-9: var(--green-9);
+  --accent-10: var(--green-10);
+  --accent-11: var(--green-11);
+  --accent-12: var(--green-12);
+
+  --accent-a1: var(--green-a1);
+  --accent-a2: var(--green-a2);
+  --accent-a3: var(--green-a3);
+  --accent-a4: var(--green-a4);
+  --accent-a5: var(--green-a5);
+  --accent-a6: var(--green-a6);
+  --accent-a7: var(--green-a7);
+  --accent-a8: var(--green-a8);
+  --accent-a9: var(--green-a9);
+  --accent-a10: var(--green-a10);
+  --accent-a11: var(--green-a11);
+  --accent-a12: var(--green-a12);
+
+  --accent-contrast: var(--green-contrast);
+  --accent-surface: var(--green-surface);
+  --accent-indicator: var(--green-indicator);
+  --accent-track: var(--green-track);
+}

package/dist/indigo-accents.css

@@ -0,0 +1,65 @@
+@theme static {
+  --color-accent-1: var(--indigo-1);
+  --color-accent-2: var(--indigo-2);
+  --color-accent-3: var(--indigo-3);
+  --color-accent-4: var(--indigo-4);
+  --color-accent-5: var(--indigo-5);
+  --color-accent-6: var(--indigo-6);
+  --color-accent-7: var(--indigo-7);
+  --color-accent-8: var(--indigo-8);
+  --color-accent-9: var(--indigo-9);
+  --color-accent-10: var(--indigo-10);
+  --color-accent-11: var(--indigo-11);
+  --color-accent-12: var(--indigo-12);
+
+  --color-accent-a1: var(--indigo-a1);
+  --color-accent-a2: var(--indigo-a2);
+  --color-accent-a3: var(--indigo-a3);
+  --color-accent-a4: var(--indigo-a4);
+  --color-accent-a5: var(--indigo-a5);
+  --color-accent-a6: var(--indigo-a6);
+  --color-accent-a7: var(--indigo-a7);
+  --color-accent-a8: var(--indigo-a8);
+  --color-accent-a9: var(--indigo-a9);
+  --color-accent-a10: var(--indigo-a10);
+  --color-accent-a11: var(--indigo-a11);
+  --color-accent-a12: var(--indigo-a12);
+
+  --color-accent-contrast: var(--indigo-contrast);
+  --color-accent-surface: var(--indigo-surface);
+  --color-accent-indicator: var(--indigo-indicator);
+  --color-accent-track: var(--indigo-track);
+}
+
+[data-accent-color='indigo'] {
+  --accent-1: var(--indigo-1);
+  --accent-2: var(--indigo-2);
+  --accent-3: var(--indigo-3);
+  --accent-4: var(--indigo-4);
+  --accent-5: var(--indigo-5);
+  --accent-6: var(--indigo-6);
+  --accent-7: var(--indigo-7);
+  --accent-8: var(--indigo-8);
+  --accent-9: var(--indigo-9);
+  --accent-10: var(--indigo-10);
+  --accent-11: var(--indigo-11);
+  --accent-12: var(--indigo-12);
+
+  --accent-a1: var(--indigo-a1);
+  --accent-a2: var(--indigo-a2);
+  --accent-a3: var(--indigo-a3);
+  --accent-a4: var(--indigo-a4);
+  --accent-a5: var(--indigo-a5);
+  --accent-a6: var(--indigo-a6);
+  --accent-a7: var(--indigo-a7);
+  --accent-a8: var(--indigo-a8);
+  --accent-a9: var(--indigo-a9);
+  --accent-a10: var(--indigo-a10);
+  --accent-a11: var(--indigo-a11);
+  --accent-a12: var(--indigo-a12);
+
+  --accent-contrast: var(--indigo-contrast);
+  --accent-surface: var(--indigo-surface);
+  --accent-indicator: var(--indigo-indicator);
+  --accent-track: var(--indigo-track);
+}

package/dist/iris-accents.css

@@ -0,0 +1,65 @@
+@theme static {
+  --color-accent-1: var(--iris-1);
+  --color-accent-2: var(--iris-2);
+  --color-accent-3: var(--iris-3);
+  --color-accent-4: var(--iris-4);
+  --color-accent-5: var(--iris-5);
+  --color-accent-6: var(--iris-6);
+  --color-accent-7: var(--iris-7);
+  --color-accent-8: var(--iris-8);
+  --color-accent-9: var(--iris-9);
+  --color-accent-10: var(--iris-10);
+  --color-accent-11: var(--iris-11);
+  --color-accent-12: var(--iris-12);
+
+  --color-accent-a1: var(--iris-a1);
+  --color-accent-a2: var(--iris-a2);
+  --color-accent-a3: var(--iris-a3);
+  --color-accent-a4: var(--iris-a4);
+  --color-accent-a5: var(--iris-a5);
+  --color-accent-a6: var(--iris-a6);
+  --color-accent-a7: var(--iris-a7);
+  --color-accent-a8: var(--iris-a8);
+  --color-accent-a9: var(--iris-a9);
+  --color-accent-a10: var(--iris-a10);
+  --color-accent-a11: var(--iris-a11);
+  --color-accent-a12: var(--iris-a12);
+
+  --color-accent-contrast: var(--iris-contrast);
+  --color-accent-surface: var(--iris-surface);
+  --color-accent-indicator: var(--iris-indicator);
+  --color-accent-track: var(--iris-track);
+}
+
+[data-accent-color='iris'] {
+  --accent-1: var(--iris-1);
+  --accent-2: var(--iris-2);
+  --accent-3: var(--iris-3);
+  --accent-4: var(--iris-4);
+  --accent-5: var(--iris-5);
+  --accent-6: var(--iris-6);
+  --accent-7: var(--iris-7);
+  --accent-8: var(--iris-8);
+  --accent-9: var(--iris-9);
+  --accent-10: var(--iris-10);
+  --accent-11: var(--iris-11);
+  --accent-12: var(--iris-12);
+
+  --accent-a1: var(--iris-a1);
+  --accent-a2: var(--iris-a2);
+  --accent-a3: var(--iris-a3);
+  --accent-a4: var(--iris-a4);
+  --accent-a5: var(--iris-a5);
+  --accent-a6: var(--iris-a6);
+  --accent-a7: var(--iris-a7);
+  --accent-a8: var(--iris-a8);
+  --accent-a9: var(--iris-a9);
+  --accent-a10: var(--iris-a10);
+  --accent-a11: var(--iris-a11);
+  --accent-a12: var(--iris-a12);
+
+  --accent-contrast: var(--iris-contrast);
+  --accent-surface: var(--iris-surface);
+  --accent-indicator: var(--iris-indicator);
+  --accent-track: var(--iris-track);
+}