@deephaven/components 0.49.2-beta.6 → 0.49.2-beta.8

package/dist/theme/theme-dark/theme-dark-palette.css

@@ -0,0 +1,290 @@
+:root {
+  /* Gray */
+  --dh-color-gray-hue: 0deg;
+  --dh-color-gray-50: hsl(var(--dh-color-gray-hue) 6% 10%);
+  --dh-color-gray-75: hsl(var(--dh-color-gray-hue) 5% 13%);
+  --dh-color-gray-100: hsl(var(--dh-color-gray-hue), 5%, 17%);
+  --dh-color-gray-200: hsl(var(--dh-color-gray-hue) 4% 19%);
+  --dh-color-gray-300: hsl(var(--dh-color-gray-hue) 4% 21%);
+  --dh-color-gray-400: hsl(var(--dh-color-gray-hue) 2% 25%);
+  --dh-color-gray-500: hsl(var(--dh-color-gray-hue) 1% 36%);
+  --dh-color-gray-600: hsl(var(--dh-color-gray-hue) 0% 57%);
+  --dh-color-gray-700: hsl(var(--dh-color-gray-hue) 1% 75%);
+  --dh-color-gray-800: hsl(var(--dh-color-gray-hue) 6% 94%);
+  --dh-color-gray-900: hsl(var(--dh-color-gray-hue) 25% 98%);
+  /** Black & White */
+  --dh-color-black: var(--dh-color-gray-50);
+  --dh-color-white: var(--dh-color-gray-800);
+  /* Blue */
+  --dh-color-blue-hue: 222deg;
+  --dh-color-blue-100: hsl(var(--dh-color-blue-hue) 65% 19%);
+  --dh-color-blue-200: hsl(var(--dh-color-blue-hue) 66% 25%);
+  --dh-color-blue-300: hsl(var(--dh-color-blue-hue) 65% 32%);
+  --dh-color-blue-400: hsl(var(--dh-color-blue-hue) 63% 39%);
+  --dh-color-blue-500: hsl(var(--dh-color-blue-hue) 61% 47%);
+  --dh-color-blue-600: hsl(var(--dh-color-blue-hue) 68% 54%);
+  --dh-color-blue-700: hsl(var(--dh-color-blue-hue) 83% 62%);
+  --dh-color-blue-800: hsl(var(--dh-color-blue-hue) 94% 68%);
+  --dh-color-blue-900: hsl(var(--dh-color-blue-hue) 100% 74%);
+  --dh-color-blue-1000: hsl(var(--dh-color-blue-hue) 100% 80%);
+  --dh-color-blue-1100: hsl(calc(var(--dh-color-blue-hue) - 1deg) 100% 84%);
+  --dh-color-blue-1200: hsl(calc(var(--dh-color-blue-hue) - 1deg) 100% 89%);
+  --dh-color-blue-1300: hsl(var(--dh-color-blue-hue) 100% 93%);
+  --dh-color-blue-1400: hsl(calc(var(--dh-color-blue-hue) + 2deg) 100% 96%);
+  /* Red */
+  --dh-color-red-hue: 345deg;
+  --dh-color-red-100: hsl(calc(var(--dh-color-red-hue) + 1deg) 54% 18%);
+  --dh-color-red-200: hsl(var(--dh-color-red-hue) 55% 24%);
+  --dh-color-red-300: hsl(calc(var(--dh-color-red-hue) + 1deg) 54% 30%);
+  --dh-color-red-400: hsl(var(--dh-color-red-hue) 54% 37%);
+  --dh-color-red-500: hsl(var(--dh-color-red-hue) 53% 44%);
+  --dh-color-red-600: hsl(var(--dh-color-red-hue) 55% 51%);
+  --dh-color-red-700: hsl(var(--dh-color-red-hue) 71% 59%);
+  --dh-color-red-800: hsl(var(--dh-color-red-hue) 92% 67%);
+  --dh-color-red-900: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 74%);
+  --dh-color-red-1000: hsl(calc(var(--dh-color-red-hue) - 2deg) 100% 80%);
+  --dh-color-red-1100: hsl(calc(var(--dh-color-red-hue) - 2deg) 100% 85%);
+  --dh-color-red-1200: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 90%);
+  --dh-color-red-1300: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 94%);
+  --dh-color-red-1400: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 96%);
+  /* Orange */
+  --dh-color-orange-hue: 22deg;
+  --dh-color-orange-100: hsl(calc(var(--dh-color-orange-hue) - 2deg) 100% 14%);
+  --dh-color-orange-200: hsl(var(--dh-color-orange-hue) 96% 18%);
+  --dh-color-orange-300: hsl(calc(var(--dh-color-orange-hue) + 1deg) 90% 23%);
+  --dh-color-orange-400: hsl(var(--dh-color-orange-hue) 84% 29%);
+  --dh-color-orange-500: hsl(var(--dh-color-orange-hue) 80% 35%);
+  --dh-color-orange-600: hsl(var(--dh-color-orange-hue) 74% 41%);
+  --dh-color-orange-700: hsl(var(--dh-color-orange-hue) 70% 48%);
+  --dh-color-orange-800: hsl(var(--dh-color-orange-hue) 78% 55%);
+  --dh-color-orange-900: hsl(calc(var(--dh-color-orange-hue) - 1deg) 95% 63%);
+  --dh-color-orange-1000: hsl(var(--dh-color-orange-hue) 100% 71%);
+  --dh-color-orange-1100: hsl(calc(var(--dh-color-orange-hue) + 1deg) 100% 78%);
+  --dh-color-orange-1200: hsl(calc(var(--dh-color-orange-hue) + 2deg) 100% 84%);
+  --dh-color-orange-1300: hsl(calc(var(--dh-color-orange-hue) + 2deg) 100% 90%);
+  --dh-color-orange-1400: hsl(calc(var(--dh-color-orange-hue) + 3deg) 100% 94%);
+  /* Yellow */
+  --dh-color-yellow-hue: 49deg;
+  --dh-color-yellow-100: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 9%);
+  --dh-color-yellow-200: hsl(calc(var(--dh-color-yellow-hue) + 1deg) 100% 12%);
+  --dh-color-yellow-300: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 15%);
+  --dh-color-yellow-400: hsl(calc(var(--dh-color-yellow-hue) + 1deg) 90% 20%);
+  --dh-color-yellow-500: hsl(var(--dh-color-yellow-hue) 82% 25%);
+  --dh-color-yellow-600: hsl(calc(var(--dh-color-yellow-hue) - 1deg) 75% 30%);
+  --dh-color-yellow-700: hsl(calc(var(--dh-color-yellow-hue) - 1deg) 70% 35%);
+  --dh-color-yellow-800: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 66% 41%);
+  --dh-color-yellow-900: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 61% 47%);
+  --dh-color-yellow-1000: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 66% 54%);
+  --dh-color-yellow-1100: hsl(calc(var(--dh-color-yellow-hue) - 3deg) 79% 60%);
+  --dh-color-yellow-1200: hsl(calc(var(--dh-color-yellow-hue) - 3deg) 94% 66%);
+  --dh-color-yellow-1300: hsl(var(--dh-color-yellow-hue) 100% 74%);
+  --dh-color-yellow-1400: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 84%);
+  /* Chartreuse */
+  --dh-color-chartreuse-hue: 70deg;
+  --dh-color-chartreuse-100: hsl(
+    calc(var(--dh-color-chartreuse-hue) + 7deg) 100% 8%
+  );
+  --dh-color-chartreuse-200: hsl(
+    calc(var(--dh-color-chartreuse-hue) + 5deg) 84% 12%
+  );
+  --dh-color-chartreuse-300: hsl(
+    calc(var(--dh-color-chartreuse-hue) + 4deg) 73% 16%
+  );
+  --dh-color-chartreuse-400: hsl(
+    calc(var(--dh-color-chartreuse-hue) + 1deg) 67% 20%
+  );
+  --dh-color-chartreuse-500: hsl(
+    calc(var(--dh-color-chartreuse-hue) + 1deg) 62% 25%
+  );
+  --dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-hue) 59% 30%);
+  --dh-color-chartreuse-700: hsl(
+    calc(var(--dh-color-chartreuse-hue) - 1deg) 56% 35%
+  );
+  --dh-color-chartreuse-800: hsl(
+    calc(var(--dh-color-chartreuse-hue) - 2deg) 53% 40%
+  );
+  --dh-color-chartreuse-900: hsl(
+    calc(var(--dh-color-chartreuse-hue) - 3deg) 50% 45%
+  );
+  --dh-color-chartreuse-1000: hsl(
+    calc(var(--dh-color-chartreuse-hue) - 3deg) 49% 51%
+  );
+  --dh-color-chartreuse-1100: hsl(
+    calc(var(--dh-color-chartreuse-hue) - 3deg) 58% 57%
+  );
+  --dh-color-chartreuse-1200: hsl(
+    calc(var(--dh-color-chartreuse-hue) - 4deg) 67% 64%
+  );
+  --dh-color-chartreuse-1300: hsl(
+    calc(var(--dh-color-chartreuse-hue) - 4deg) 76% 73%
+  );
+  --dh-color-chartreuse-1400: hsl(
+    calc(var(--dh-color-chartreuse-hue) - 4deg) 82% 83%
+  );
+  /* Celery */
+  --dh-color-celery-hue: 126deg;
+  --dh-color-celery-100: hsl(calc(var(--dh-color-celery-hue) + 1deg) 43% 12%);
+  --dh-color-celery-200: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 16%);
+  --dh-color-celery-300: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 21%);
+  --dh-color-celery-400: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 25%);
+  --dh-color-celery-500: hsl(calc(var(--dh-color-celery-hue) - 1deg) 42% 30%);
+  --dh-color-celery-600: hsl(var(--dh-color-celery-hue) 41% 36%);
+  --dh-color-celery-700: hsl(calc(var(--dh-color-celery-hue) - 1deg) 39% 41%);
+  --dh-color-celery-800: hsl(calc(var(--dh-color-celery-hue) - 1deg) 37% 48%);
+  --dh-color-celery-900: hsl(calc(var(--dh-color-celery-hue) - 1deg) 39% 55%);
+  --dh-color-celery-1000: hsl(calc(var(--dh-color-celery-hue) - 1deg) 44% 63%);
+  --dh-color-celery-1100: hsl(calc(var(--dh-color-celery-hue) - 1deg) 48% 71%);
+  --dh-color-celery-1200: hsl(var(--dh-color-celery-hue) 50% 80%);
+  --dh-color-celery-1300: hsl(var(--dh-color-celery-hue) 48% 87%);
+  --dh-color-celery-1400: hsl(calc(var(--dh-color-celery-hue) + 1deg) 50% 93%);
+  /* Green */
+  --dh-color-green-hue: 94deg;
+  --dh-color-green-100: hsl(calc(var(--dh-color-green-hue) + 1deg) 17% 14%);
+  --dh-color-green-200: hsl(calc(var(--dh-color-green-hue) - 2deg) 19% 18%);
+  --dh-color-green-300: hsl(var(--dh-color-green-hue) 22% 23%);
+  --dh-color-green-400: hsl(var(--dh-color-green-hue) 23% 27%);
+  --dh-color-green-500: hsl(calc(var(--dh-color-green-hue) - 1deg) 26% 32%);
+  --dh-color-green-600: hsl(calc(var(--dh-color-green-hue) + 1deg) 28% 37%);
+  --dh-color-green-700: hsl(calc(var(--dh-color-green-hue) + 1deg) 30% 42%);
+  --dh-color-green-800: hsl(var(--dh-color-green-hue) 32% 48%);
+  --dh-color-green-900: hsl(var(--dh-color-green-hue) 38% 53%);
+  --dh-color-green-1000: hsl(var(--dh-color-green-hue) 47% 58%);
+  --dh-color-green-1100: hsl(var(--dh-color-green-hue) 59% 64%);
+  --dh-color-green-1200: hsl(var(--dh-color-green-hue) 71% 70%);
+  --dh-color-green-1300: hsl(var(--dh-color-green-hue) 81% 79%);
+  --dh-color-green-1400: hsl(calc(var(--dh-color-green-hue) - 1deg) 88% 87%);
+  /* Seafoam */
+  --dh-color-seafoam-hue: 159deg;
+  --dh-color-seafoam-100: hsl(calc(var(--dh-color-seafoam-hue) - 3deg) 14% 14%);
+  --dh-color-seafoam-200: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 17% 18%);
+  --dh-color-seafoam-300: hsl(var(--dh-color-seafoam-hue) 20% 23%);
+  --dh-color-seafoam-400: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 23% 28%);
+  --dh-color-seafoam-500: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 26% 33%);
+  --dh-color-seafoam-600: hsl(var(--dh-color-seafoam-hue) 29% 37%);
+  --dh-color-seafoam-700: hsl(calc(var(--dh-color-seafoam-hue) + 2deg) 33% 42%);
+  --dh-color-seafoam-800: hsl(calc(var(--dh-color-seafoam-hue) + 2deg) 36% 47%);
+  --dh-color-seafoam-900: hsl(calc(var(--dh-color-seafoam-hue) + 3deg) 42% 51%);
+  --dh-color-seafoam-1000: hsl(
+    calc(var(--dh-color-seafoam-hue) + 2deg) 53% 56%
+  );
+  --dh-color-seafoam-1100: hsl(
+    calc(var(--dh-color-seafoam-hue) + 3deg) 66% 62%
+  );
+  --dh-color-seafoam-1200: hsl(
+    calc(var(--dh-color-seafoam-hue) + 2deg) 76% 70%
+  );
+  --dh-color-seafoam-1300: hsl(
+    calc(var(--dh-color-seafoam-hue) - 1deg) 87% 80%
+  );
+  --dh-color-seafoam-1400: hsl(
+    calc(var(--dh-color-seafoam-hue) - 3deg) 89% 89%
+  );
+  /* Cyan */
+  --dh-color-cyan-hue: 186deg;
+  --dh-color-cyan-100: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 13%);
+  --dh-color-cyan-200: hsl(var(--dh-color-cyan-hue) 38% 16%);
+  --dh-color-cyan-300: hsl(var(--dh-color-cyan-hue) 39% 21%);
+  --dh-color-cyan-400: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 26%);
+  --dh-color-cyan-500: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 31%);
+  --dh-color-cyan-600: hsl(var(--dh-color-cyan-hue) 38% 37%);
+  --dh-color-cyan-700: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 42%);
+  --dh-color-cyan-800: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 37% 48%);
+  --dh-color-cyan-900: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 42% 54%);
+  --dh-color-cyan-1000: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 52% 60%);
+  --dh-color-cyan-1100: hsl(var(--dh-color-cyan-hue) 64% 67%);
+  --dh-color-cyan-1200: hsl(var(--dh-color-cyan-hue) 79% 74%);
+  --dh-color-cyan-1300: hsl(var(--dh-color-cyan-hue) 92% 81%);
+  --dh-color-cyan-1400: hsl(var(--dh-color-cyan-hue) 100% 90%);
+  /* Indigo */
+  --dh-color-indigo-hue: 235deg;
+  --dh-color-indigo-100: hsl(calc(var(--dh-color-indigo-hue) + 2deg) 58% 24%);
+  --dh-color-indigo-200: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 52% 30%);
+  --dh-color-indigo-300: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 47% 37%);
+  --dh-color-indigo-400: hsl(var(--dh-color-indigo-hue) 43% 44%);
+  --dh-color-indigo-500: hsl(var(--dh-color-indigo-hue) 40% 51%);
+  --dh-color-indigo-600: hsl(var(--dh-color-indigo-hue) 49% 58%);
+  --dh-color-indigo-700: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 60% 65%);
+  --dh-color-indigo-800: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 75% 72%);
+  --dh-color-indigo-900: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 91% 78%);
+  --dh-color-indigo-1000: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 100% 83%);
+  --dh-color-indigo-1100: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 100% 87%);
+  --dh-color-indigo-1200: hsl(var(--dh-color-indigo-hue) 100% 91%);
+  --dh-color-indigo-1300: hsl(calc(var(--dh-color-indigo-hue) - 3deg) 100% 94%);
+  --dh-color-indigo-1400: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 100% 97%);
+  /* Purple */
+  --dh-color-purple-hue: 254deg;
+  --dh-color-purple-100: hsl(calc(var(--dh-color-purple-hue) + 9deg) 73% 23%);
+  --dh-color-purple-200: hsl(calc(var(--dh-color-purple-hue) + 6deg) 59% 30%);
+  --dh-color-purple-300: hsl(calc(var(--dh-color-purple-hue) + 4deg) 50% 37%);
+  --dh-color-purple-400: hsl(calc(var(--dh-color-purple-hue) + 3deg) 43% 44%);
+  --dh-color-purple-500: hsl(calc(var(--dh-color-purple-hue) + 1deg) 38% 50%);
+  --dh-color-purple-600: hsl(var(--dh-color-purple-hue) 45% 57%);
+  --dh-color-purple-700: hsl(calc(var(--dh-color-purple-hue) - 1deg) 54% 64%);
+  --dh-color-purple-800: hsl(calc(var(--dh-color-purple-hue) - 3deg) 64% 71%);
+  --dh-color-purple-900: hsl(calc(var(--dh-color-purple-hue) - 4deg) 79% 78%);
+  --dh-color-purple-1000: hsl(calc(var(--dh-color-purple-hue) - 5deg) 91% 83%);
+  --dh-color-purple-1100: hsl(calc(var(--dh-color-purple-hue) - 5deg) 97% 88%);
+  --dh-color-purple-1200: hsl(calc(var(--dh-color-purple-hue) - 4deg) 100% 91%);
+  --dh-color-purple-1300: hsl(calc(var(--dh-color-purple-hue) - 3deg) 100% 95%);
+  --dh-color-purple-1400: hsl(calc(var(--dh-color-purple-hue) + 6deg) 88% 97%);
+  /* Fuchsia */
+  --dh-color-fuchsia-hue: 286deg;
+  --dh-color-fuchsia-100: hsl(
+    calc(var(--dh-color-fuchsia-hue) + 15deg) 64% 16%
+  );
+  --dh-color-fuchsia-200: hsl(
+    calc(var(--dh-color-fuchsia-hue) + 14deg) 53% 22%
+  );
+  --dh-color-fuchsia-300: hsl(
+    calc(var(--dh-color-fuchsia-hue) + 11deg) 44% 29%
+  );
+  --dh-color-fuchsia-400: hsl(calc(var(--dh-color-fuchsia-hue) + 8deg) 39% 35%);
+  --dh-color-fuchsia-500: hsl(calc(var(--dh-color-fuchsia-hue) + 5deg) 35% 43%);
+  --dh-color-fuchsia-600: hsl(calc(var(--dh-color-fuchsia-hue) + 1deg) 33% 51%);
+  --dh-color-fuchsia-700: hsl(calc(var(--dh-color-fuchsia-hue) - 3deg) 40% 58%);
+  --dh-color-fuchsia-800: hsl(calc(var(--dh-color-fuchsia-hue) - 7deg) 50% 66%);
+  --dh-color-fuchsia-900: hsl(calc(var(--dh-color-fuchsia-hue) - 9deg) 61% 74%);
+  --dh-color-fuchsia-1000: hsl(
+    calc(var(--dh-color-fuchsia-hue) - 11deg) 71% 80%
+  );
+  --dh-color-fuchsia-1100: hsl(
+    calc(var(--dh-color-fuchsia-hue) - 11deg) 76% 85%
+  );
+  --dh-color-fuchsia-1200: hsl(
+    calc(var(--dh-color-fuchsia-hue) - 9deg) 78% 89%
+  );
+  --dh-color-fuchsia-1300: hsl(
+    calc(var(--dh-color-fuchsia-hue) - 6deg) 77% 93%
+  );
+  --dh-color-fuchsia-1400: hsl(
+    calc(var(--dh-color-fuchsia-hue) + 2deg) 71% 96%
+  );
+  /* Magenta */
+  --dh-color-magenta-hue: 330deg;
+  --dh-color-magenta-100: hsl(calc(var(--dh-color-magenta-hue) + 3deg) 91% 17%);
+  --dh-color-magenta-200: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 72% 23%);
+  --dh-color-magenta-300: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 60% 30%);
+  --dh-color-magenta-400: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 52% 36%);
+  --dh-color-magenta-500: hsl(calc(var(--dh-color-magenta-hue) + 3deg) 46% 43%);
+  --dh-color-magenta-600: hsl(calc(var(--dh-color-magenta-hue) + 2deg) 42% 50%);
+  --dh-color-magenta-700: hsl(var(--dh-color-magenta-hue) 51% 58%);
+  --dh-color-magenta-800: hsl(calc(var(--dh-color-magenta-hue) - 1deg) 61% 65%);
+  --dh-color-magenta-900: hsl(calc(var(--dh-color-magenta-hue) - 1deg) 76% 72%);
+  --dh-color-magenta-1000: hsl(
+    calc(var(--dh-color-magenta-hue) - 2deg) 92% 79%
+  );
+  --dh-color-magenta-1100: hsl(
+    calc(var(--dh-color-magenta-hue) - 3deg) 100% 85%
+  );
+  --dh-color-magenta-1200: hsl(
+    calc(var(--dh-color-magenta-hue) - 3deg) 100% 89%
+  );
+  --dh-color-magenta-1300: hsl(
+    calc(var(--dh-color-magenta-hue) - 4deg) 100% 93%
+  );
+  --dh-color-magenta-1400: hsl(
+    calc(var(--dh-color-magenta-hue) - 2deg) 100% 96%
+  );
+}
+
+/*# sourceMappingURL=theme-dark-palette.css.map */

package/dist/theme/theme-dark/theme-dark-palette.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-palette.css"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA","file":"theme-dark-palette.css","sourcesContent":[":root {\n  /* Gray */\n  --dh-color-gray-hue: 0deg;\n  --dh-color-gray-50: hsl(var(--dh-color-gray-hue) 6% 10%);\n  --dh-color-gray-75: hsl(var(--dh-color-gray-hue) 5% 13%);\n  --dh-color-gray-100: hsl(var(--dh-color-gray-hue), 5%, 17%);\n  --dh-color-gray-200: hsl(var(--dh-color-gray-hue) 4% 19%);\n  --dh-color-gray-300: hsl(var(--dh-color-gray-hue) 4% 21%);\n  --dh-color-gray-400: hsl(var(--dh-color-gray-hue) 2% 25%);\n  --dh-color-gray-500: hsl(var(--dh-color-gray-hue) 1% 36%);\n  --dh-color-gray-600: hsl(var(--dh-color-gray-hue) 0% 57%);\n  --dh-color-gray-700: hsl(var(--dh-color-gray-hue) 1% 75%);\n  --dh-color-gray-800: hsl(var(--dh-color-gray-hue) 6% 94%);\n  --dh-color-gray-900: hsl(var(--dh-color-gray-hue) 25% 98%);\n\n  /** Black & White */\n  --dh-color-black: var(--dh-color-gray-50);\n  --dh-color-white: var(--dh-color-gray-800);\n\n  /* Blue */\n  --dh-color-blue-hue: 222deg;\n  --dh-color-blue-100: hsl(var(--dh-color-blue-hue) 65% 19%);\n  --dh-color-blue-200: hsl(var(--dh-color-blue-hue) 66% 25%);\n  --dh-color-blue-300: hsl(var(--dh-color-blue-hue) 65% 32%);\n  --dh-color-blue-400: hsl(var(--dh-color-blue-hue) 63% 39%);\n  --dh-color-blue-500: hsl(var(--dh-color-blue-hue) 61% 47%);\n  --dh-color-blue-600: hsl(var(--dh-color-blue-hue) 68% 54%);\n  --dh-color-blue-700: hsl(var(--dh-color-blue-hue) 83% 62%);\n  --dh-color-blue-800: hsl(var(--dh-color-blue-hue) 94% 68%);\n  --dh-color-blue-900: hsl(var(--dh-color-blue-hue) 100% 74%);\n  --dh-color-blue-1000: hsl(var(--dh-color-blue-hue) 100% 80%);\n  --dh-color-blue-1100: hsl(calc(var(--dh-color-blue-hue) - 1deg) 100% 84%);\n  --dh-color-blue-1200: hsl(calc(var(--dh-color-blue-hue) - 1deg) 100% 89%);\n  --dh-color-blue-1300: hsl(var(--dh-color-blue-hue) 100% 93%);\n  --dh-color-blue-1400: hsl(calc(var(--dh-color-blue-hue) + 2deg) 100% 96%);\n\n  /* Red */\n  --dh-color-red-hue: 345deg;\n  --dh-color-red-100: hsl(calc(var(--dh-color-red-hue) + 1deg) 54% 18%);\n  --dh-color-red-200: hsl(var(--dh-color-red-hue) 55% 24%);\n  --dh-color-red-300: hsl(calc(var(--dh-color-red-hue) + 1deg) 54% 30%);\n  --dh-color-red-400: hsl(var(--dh-color-red-hue) 54% 37%);\n  --dh-color-red-500: hsl(var(--dh-color-red-hue) 53% 44%);\n  --dh-color-red-600: hsl(var(--dh-color-red-hue) 55% 51%);\n  --dh-color-red-700: hsl(var(--dh-color-red-hue) 71% 59%);\n  --dh-color-red-800: hsl(var(--dh-color-red-hue) 92% 67%);\n  --dh-color-red-900: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 74%);\n  --dh-color-red-1000: hsl(calc(var(--dh-color-red-hue) - 2deg) 100% 80%);\n  --dh-color-red-1100: hsl(calc(var(--dh-color-red-hue) - 2deg) 100% 85%);\n  --dh-color-red-1200: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 90%);\n  --dh-color-red-1300: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 94%);\n  --dh-color-red-1400: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 96%);\n\n  /* Orange */\n  --dh-color-orange-hue: 22deg;\n  --dh-color-orange-100: hsl(calc(var(--dh-color-orange-hue) - 2deg) 100% 14%);\n  --dh-color-orange-200: hsl(var(--dh-color-orange-hue) 96% 18%);\n  --dh-color-orange-300: hsl(calc(var(--dh-color-orange-hue) + 1deg) 90% 23%);\n  --dh-color-orange-400: hsl(var(--dh-color-orange-hue) 84% 29%);\n  --dh-color-orange-500: hsl(var(--dh-color-orange-hue) 80% 35%);\n  --dh-color-orange-600: hsl(var(--dh-color-orange-hue) 74% 41%);\n  --dh-color-orange-700: hsl(var(--dh-color-orange-hue) 70% 48%);\n  --dh-color-orange-800: hsl(var(--dh-color-orange-hue) 78% 55%);\n  --dh-color-orange-900: hsl(calc(var(--dh-color-orange-hue) - 1deg) 95% 63%);\n  --dh-color-orange-1000: hsl(var(--dh-color-orange-hue) 100% 71%);\n  --dh-color-orange-1100: hsl(calc(var(--dh-color-orange-hue) + 1deg) 100% 78%);\n  --dh-color-orange-1200: hsl(calc(var(--dh-color-orange-hue) + 2deg) 100% 84%);\n  --dh-color-orange-1300: hsl(calc(var(--dh-color-orange-hue) + 2deg) 100% 90%);\n  --dh-color-orange-1400: hsl(calc(var(--dh-color-orange-hue) + 3deg) 100% 94%);\n\n  /* Yellow */\n  --dh-color-yellow-hue: 49deg;\n  --dh-color-yellow-100: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 9%);\n  --dh-color-yellow-200: hsl(calc(var(--dh-color-yellow-hue) + 1deg) 100% 12%);\n  --dh-color-yellow-300: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 15%);\n  --dh-color-yellow-400: hsl(calc(var(--dh-color-yellow-hue) + 1deg) 90% 20%);\n  --dh-color-yellow-500: hsl(var(--dh-color-yellow-hue) 82% 25%);\n  --dh-color-yellow-600: hsl(calc(var(--dh-color-yellow-hue) - 1deg) 75% 30%);\n  --dh-color-yellow-700: hsl(calc(var(--dh-color-yellow-hue) - 1deg) 70% 35%);\n  --dh-color-yellow-800: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 66% 41%);\n  --dh-color-yellow-900: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 61% 47%);\n  --dh-color-yellow-1000: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 66% 54%);\n  --dh-color-yellow-1100: hsl(calc(var(--dh-color-yellow-hue) - 3deg) 79% 60%);\n  --dh-color-yellow-1200: hsl(calc(var(--dh-color-yellow-hue) - 3deg) 94% 66%);\n  --dh-color-yellow-1300: hsl(var(--dh-color-yellow-hue) 100% 74%);\n  --dh-color-yellow-1400: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 84%);\n\n  /* Chartreuse */\n  --dh-color-chartreuse-hue: 70deg;\n  --dh-color-chartreuse-100: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 7deg) 100% 8%\n  );\n  --dh-color-chartreuse-200: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 5deg) 84% 12%\n  );\n  --dh-color-chartreuse-300: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 4deg) 73% 16%\n  );\n  --dh-color-chartreuse-400: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 1deg) 67% 20%\n  );\n  --dh-color-chartreuse-500: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 1deg) 62% 25%\n  );\n  --dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-hue) 59% 30%);\n  --dh-color-chartreuse-700: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 1deg) 56% 35%\n  );\n  --dh-color-chartreuse-800: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 2deg) 53% 40%\n  );\n  --dh-color-chartreuse-900: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 3deg) 50% 45%\n  );\n  --dh-color-chartreuse-1000: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 3deg) 49% 51%\n  );\n  --dh-color-chartreuse-1100: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 3deg) 58% 57%\n  );\n  --dh-color-chartreuse-1200: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 4deg) 67% 64%\n  );\n  --dh-color-chartreuse-1300: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 4deg) 76% 73%\n  );\n  --dh-color-chartreuse-1400: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 4deg) 82% 83%\n  );\n\n  /* Celery */\n  --dh-color-celery-hue: 126deg;\n  --dh-color-celery-100: hsl(calc(var(--dh-color-celery-hue) + 1deg) 43% 12%);\n  --dh-color-celery-200: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 16%);\n  --dh-color-celery-300: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 21%);\n  --dh-color-celery-400: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 25%);\n  --dh-color-celery-500: hsl(calc(var(--dh-color-celery-hue) - 1deg) 42% 30%);\n  --dh-color-celery-600: hsl(var(--dh-color-celery-hue) 41% 36%);\n  --dh-color-celery-700: hsl(calc(var(--dh-color-celery-hue) - 1deg) 39% 41%);\n  --dh-color-celery-800: hsl(calc(var(--dh-color-celery-hue) - 1deg) 37% 48%);\n  --dh-color-celery-900: hsl(calc(var(--dh-color-celery-hue) - 1deg) 39% 55%);\n  --dh-color-celery-1000: hsl(calc(var(--dh-color-celery-hue) - 1deg) 44% 63%);\n  --dh-color-celery-1100: hsl(calc(var(--dh-color-celery-hue) - 1deg) 48% 71%);\n  --dh-color-celery-1200: hsl(var(--dh-color-celery-hue) 50% 80%);\n  --dh-color-celery-1300: hsl(var(--dh-color-celery-hue) 48% 87%);\n  --dh-color-celery-1400: hsl(calc(var(--dh-color-celery-hue) + 1deg) 50% 93%);\n\n  /* Green */\n  --dh-color-green-hue: 94deg;\n  --dh-color-green-100: hsl(calc(var(--dh-color-green-hue) + 1deg) 17% 14%);\n  --dh-color-green-200: hsl(calc(var(--dh-color-green-hue) - 2deg) 19% 18%);\n  --dh-color-green-300: hsl(var(--dh-color-green-hue) 22% 23%);\n  --dh-color-green-400: hsl(var(--dh-color-green-hue) 23% 27%);\n  --dh-color-green-500: hsl(calc(var(--dh-color-green-hue) - 1deg) 26% 32%);\n  --dh-color-green-600: hsl(calc(var(--dh-color-green-hue) + 1deg) 28% 37%);\n  --dh-color-green-700: hsl(calc(var(--dh-color-green-hue) + 1deg) 30% 42%);\n  --dh-color-green-800: hsl(var(--dh-color-green-hue) 32% 48%);\n  --dh-color-green-900: hsl(var(--dh-color-green-hue) 38% 53%);\n  --dh-color-green-1000: hsl(var(--dh-color-green-hue) 47% 58%);\n  --dh-color-green-1100: hsl(var(--dh-color-green-hue) 59% 64%);\n  --dh-color-green-1200: hsl(var(--dh-color-green-hue) 71% 70%);\n  --dh-color-green-1300: hsl(var(--dh-color-green-hue) 81% 79%);\n  --dh-color-green-1400: hsl(calc(var(--dh-color-green-hue) - 1deg) 88% 87%);\n\n  /* Seafoam */\n  --dh-color-seafoam-hue: 159deg;\n  --dh-color-seafoam-100: hsl(calc(var(--dh-color-seafoam-hue) - 3deg) 14% 14%);\n  --dh-color-seafoam-200: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 17% 18%);\n  --dh-color-seafoam-300: hsl(var(--dh-color-seafoam-hue) 20% 23%);\n  --dh-color-seafoam-400: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 23% 28%);\n  --dh-color-seafoam-500: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 26% 33%);\n  --dh-color-seafoam-600: hsl(var(--dh-color-seafoam-hue) 29% 37%);\n  --dh-color-seafoam-700: hsl(calc(var(--dh-color-seafoam-hue) + 2deg) 33% 42%);\n  --dh-color-seafoam-800: hsl(calc(var(--dh-color-seafoam-hue) + 2deg) 36% 47%);\n  --dh-color-seafoam-900: hsl(calc(var(--dh-color-seafoam-hue) + 3deg) 42% 51%);\n  --dh-color-seafoam-1000: hsl(\n    calc(var(--dh-color-seafoam-hue) + 2deg) 53% 56%\n  );\n  --dh-color-seafoam-1100: hsl(\n    calc(var(--dh-color-seafoam-hue) + 3deg) 66% 62%\n  );\n  --dh-color-seafoam-1200: hsl(\n    calc(var(--dh-color-seafoam-hue) + 2deg) 76% 70%\n  );\n  --dh-color-seafoam-1300: hsl(\n    calc(var(--dh-color-seafoam-hue) - 1deg) 87% 80%\n  );\n  --dh-color-seafoam-1400: hsl(\n    calc(var(--dh-color-seafoam-hue) - 3deg) 89% 89%\n  );\n\n  /* Cyan */\n  --dh-color-cyan-hue: 186deg;\n  --dh-color-cyan-100: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 13%);\n  --dh-color-cyan-200: hsl(var(--dh-color-cyan-hue) 38% 16%);\n  --dh-color-cyan-300: hsl(var(--dh-color-cyan-hue) 39% 21%);\n  --dh-color-cyan-400: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 26%);\n  --dh-color-cyan-500: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 31%);\n  --dh-color-cyan-600: hsl(var(--dh-color-cyan-hue) 38% 37%);\n  --dh-color-cyan-700: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 42%);\n  --dh-color-cyan-800: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 37% 48%);\n  --dh-color-cyan-900: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 42% 54%);\n  --dh-color-cyan-1000: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 52% 60%);\n  --dh-color-cyan-1100: hsl(var(--dh-color-cyan-hue) 64% 67%);\n  --dh-color-cyan-1200: hsl(var(--dh-color-cyan-hue) 79% 74%);\n  --dh-color-cyan-1300: hsl(var(--dh-color-cyan-hue) 92% 81%);\n  --dh-color-cyan-1400: hsl(var(--dh-color-cyan-hue) 100% 90%);\n\n  /* Indigo */\n  --dh-color-indigo-hue: 235deg;\n  --dh-color-indigo-100: hsl(calc(var(--dh-color-indigo-hue) + 2deg) 58% 24%);\n  --dh-color-indigo-200: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 52% 30%);\n  --dh-color-indigo-300: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 47% 37%);\n  --dh-color-indigo-400: hsl(var(--dh-color-indigo-hue) 43% 44%);\n  --dh-color-indigo-500: hsl(var(--dh-color-indigo-hue) 40% 51%);\n  --dh-color-indigo-600: hsl(var(--dh-color-indigo-hue) 49% 58%);\n  --dh-color-indigo-700: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 60% 65%);\n  --dh-color-indigo-800: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 75% 72%);\n  --dh-color-indigo-900: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 91% 78%);\n  --dh-color-indigo-1000: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 100% 83%);\n  --dh-color-indigo-1100: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 100% 87%);\n  --dh-color-indigo-1200: hsl(var(--dh-color-indigo-hue) 100% 91%);\n  --dh-color-indigo-1300: hsl(calc(var(--dh-color-indigo-hue) - 3deg) 100% 94%);\n  --dh-color-indigo-1400: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 100% 97%);\n\n  /* Purple */\n  --dh-color-purple-hue: 254deg;\n  --dh-color-purple-100: hsl(calc(var(--dh-color-purple-hue) + 9deg) 73% 23%);\n  --dh-color-purple-200: hsl(calc(var(--dh-color-purple-hue) + 6deg) 59% 30%);\n  --dh-color-purple-300: hsl(calc(var(--dh-color-purple-hue) + 4deg) 50% 37%);\n  --dh-color-purple-400: hsl(calc(var(--dh-color-purple-hue) + 3deg) 43% 44%);\n  --dh-color-purple-500: hsl(calc(var(--dh-color-purple-hue) + 1deg) 38% 50%);\n  --dh-color-purple-600: hsl(var(--dh-color-purple-hue) 45% 57%);\n  --dh-color-purple-700: hsl(calc(var(--dh-color-purple-hue) - 1deg) 54% 64%);\n  --dh-color-purple-800: hsl(calc(var(--dh-color-purple-hue) - 3deg) 64% 71%);\n  --dh-color-purple-900: hsl(calc(var(--dh-color-purple-hue) - 4deg) 79% 78%);\n  --dh-color-purple-1000: hsl(calc(var(--dh-color-purple-hue) - 5deg) 91% 83%);\n  --dh-color-purple-1100: hsl(calc(var(--dh-color-purple-hue) - 5deg) 97% 88%);\n  --dh-color-purple-1200: hsl(calc(var(--dh-color-purple-hue) - 4deg) 100% 91%);\n  --dh-color-purple-1300: hsl(calc(var(--dh-color-purple-hue) - 3deg) 100% 95%);\n  --dh-color-purple-1400: hsl(calc(var(--dh-color-purple-hue) + 6deg) 88% 97%);\n\n  /* Fuchsia */\n  --dh-color-fuchsia-hue: 286deg;\n  --dh-color-fuchsia-100: hsl(\n    calc(var(--dh-color-fuchsia-hue) + 15deg) 64% 16%\n  );\n  --dh-color-fuchsia-200: hsl(\n    calc(var(--dh-color-fuchsia-hue) + 14deg) 53% 22%\n  );\n  --dh-color-fuchsia-300: hsl(\n    calc(var(--dh-color-fuchsia-hue) + 11deg) 44% 29%\n  );\n  --dh-color-fuchsia-400: hsl(calc(var(--dh-color-fuchsia-hue) + 8deg) 39% 35%);\n  --dh-color-fuchsia-500: hsl(calc(var(--dh-color-fuchsia-hue) + 5deg) 35% 43%);\n  --dh-color-fuchsia-600: hsl(calc(var(--dh-color-fuchsia-hue) + 1deg) 33% 51%);\n  --dh-color-fuchsia-700: hsl(calc(var(--dh-color-fuchsia-hue) - 3deg) 40% 58%);\n  --dh-color-fuchsia-800: hsl(calc(var(--dh-color-fuchsia-hue) - 7deg) 50% 66%);\n  --dh-color-fuchsia-900: hsl(calc(var(--dh-color-fuchsia-hue) - 9deg) 61% 74%);\n  --dh-color-fuchsia-1000: hsl(\n    calc(var(--dh-color-fuchsia-hue) - 11deg) 71% 80%\n  );\n  --dh-color-fuchsia-1100: hsl(\n    calc(var(--dh-color-fuchsia-hue) - 11deg) 76% 85%\n  );\n  --dh-color-fuchsia-1200: hsl(\n    calc(var(--dh-color-fuchsia-hue) - 9deg) 78% 89%\n  );\n  --dh-color-fuchsia-1300: hsl(\n    calc(var(--dh-color-fuchsia-hue) - 6deg) 77% 93%\n  );\n  --dh-color-fuchsia-1400: hsl(\n    calc(var(--dh-color-fuchsia-hue) + 2deg) 71% 96%\n  );\n\n  /* Magenta */\n  --dh-color-magenta-hue: 330deg;\n  --dh-color-magenta-100: hsl(calc(var(--dh-color-magenta-hue) + 3deg) 91% 17%);\n  --dh-color-magenta-200: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 72% 23%);\n  --dh-color-magenta-300: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 60% 30%);\n  --dh-color-magenta-400: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 52% 36%);\n  --dh-color-magenta-500: hsl(calc(var(--dh-color-magenta-hue) + 3deg) 46% 43%);\n  --dh-color-magenta-600: hsl(calc(var(--dh-color-magenta-hue) + 2deg) 42% 50%);\n  --dh-color-magenta-700: hsl(var(--dh-color-magenta-hue) 51% 58%);\n  --dh-color-magenta-800: hsl(calc(var(--dh-color-magenta-hue) - 1deg) 61% 65%);\n  --dh-color-magenta-900: hsl(calc(var(--dh-color-magenta-hue) - 1deg) 76% 72%);\n  --dh-color-magenta-1000: hsl(\n    calc(var(--dh-color-magenta-hue) - 2deg) 92% 79%\n  );\n  --dh-color-magenta-1100: hsl(\n    calc(var(--dh-color-magenta-hue) - 3deg) 100% 85%\n  );\n  --dh-color-magenta-1200: hsl(\n    calc(var(--dh-color-magenta-hue) - 3deg) 100% 89%\n  );\n  --dh-color-magenta-1300: hsl(\n    calc(var(--dh-color-magenta-hue) - 4deg) 100% 93%\n  );\n  --dh-color-magenta-1400: hsl(\n    calc(var(--dh-color-magenta-hue) - 2deg) 100% 96%\n  );\n}\n"]}

package/dist/theme/theme-dark/theme-dark-semantic-editor.css

@@ -0,0 +1,62 @@
+:root {
+  /* Editor */
+  --dh-color-editor-background: var(--dh-color-content-background);
+  --dh-color-editor-foreground: var(--dh-color-gray-900);
+  --dh-color-editor-error-foreground: var(--dh-color-visual-red);
+  --dh-color-editor-line-number-foreground: var(--dh-color-gray-700);
+  --dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);
+  --dh-color-editor-selection-background: var(--dh-color-text-highlight);
+  /* Code rules */
+  --dh-color-editor-string: var(--dh-color-visual-yellow);
+  --dh-color-editor-string-delim: var(--dh-color-gray-700);
+  --dh-color-editor-delimiter: var(--dh-color-gray-700);
+  --dh-color-editor-predefined: var(--dh-color-visual-green);
+  --dh-color-editor-keyword: var(--dh-color-visual-cyan);
+  --dh-color-editor-storage: var(--dh-color-visual-red);
+  --dh-color-editor-number: var(--dh-color-visual-purple);
+  --dh-color-editor-operator: var(--dh-color-visual-red);
+  --dh-color-editor-identifier: var(--dh-color-gray-900);
+  --dh-color-editor-identifier-namespace: var(--dh-color-visual-red);
+  --dh-color-editor-identifier-js: var(--dh-color-visual-yellow);
+  --dh-color-editor-comment: var(--dh-color-gray-700);
+  /* Input */
+  --dh-color-editor-focus-border: var(--dh-color-focus-border);
+  --dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);
+  --dh-color-editor-input-background: var(--dh-color-background);
+  --dh-color-editor-input-foreground: var(--dh-color-text);
+  --dh-color-editor-input-border: var(--dh-color-border);
+  /* Menus */
+  --dh-color-editor-context-menu-background: var(--dh-color-gray-300);
+  --dh-color-editor-context-menu-foreground: var(--dh-color-gray-900);
+  --dh-color-editor-menu-selection-background: var(--dh-color-highlight-hover);
+  /* Logging */
+  --dh-color-editor-log-date: var(--dh-color-gray-700);
+  --dh-color-editor-log-error: var(--dh-color-visual-red);
+  --dh-color-editor-log-info: var(--dh-color-visual-cyan);
+  --dh-color-editor-log-stdout: var(--dh-color-gray-900);
+  --dh-color-editor-log-warn: var(--dh-color-visual-yellow);
+  --dh-color-editor-log-debug: var(--dh-color-visual-purple);
+  --dh-color-editor-log-trace: var(--dh-color-visual-green);
+  /* Find */
+  --dh-color-editor-find-background: var(--dh-color-gray-200);
+  --dh-color-editor-find-match-background: var(--dh-color-highlight-selected);
+  --dh-color-editor-find-match-highlight-background: var(
+    --dh-color-highlight-selected-hover
+  );
+  --dh-color-editor-find-option-active-background: var(--dh-color-accent-700);
+  --dh-color-editor-find-option-active-foreground: var(--dh-color-gray-900);
+  /* Suggest */
+  --dh-color-editor-suggest-background: var(--dh-color-gray-200);
+  --dh-color-editor-suggest-border: var(--dh-color-gray-400);
+  --dh-color-editor-suggest-foreground: var(--dh-color-gray-100);
+  --dh-color-editor-suggest-selected-background: var(
+    --dh-color-highlight-selected
+  );
+  --dh-color-editor-suggest-highlight-foreground: var(--dh-color-accent-700);
+  --dh-color-editor-suggest-hover-background: var(--dh-color-highlight-hover);
+  /* Links */
+  --dh-color-editor-link-foreground: var(--dh-color-accent-1000);
+  --dh-color-editor-link-active-foreground: var(--dh-color-accent-1100);
+}
+
+/*# sourceMappingURL=theme-dark-semantic-editor.css.map */

package/dist/theme/theme-dark/theme-dark-semantic-editor.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-editor.css"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAEA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAEA;EACA;EACA","file":"theme-dark-semantic-editor.css","sourcesContent":[":root {\n  /* Editor */\n  --dh-color-editor-background: var(--dh-color-content-background);\n  --dh-color-editor-foreground: var(--dh-color-gray-900);\n  --dh-color-editor-error-foreground: var(--dh-color-visual-red);\n  --dh-color-editor-line-number-foreground: var(--dh-color-gray-700);\n  --dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);\n  --dh-color-editor-selection-background: var(--dh-color-text-highlight);\n\n  /* Code rules */\n  --dh-color-editor-string: var(--dh-color-visual-yellow);\n  --dh-color-editor-string-delim: var(--dh-color-gray-700);\n  --dh-color-editor-delimiter: var(--dh-color-gray-700);\n  --dh-color-editor-predefined: var(--dh-color-visual-green);\n  --dh-color-editor-keyword: var(--dh-color-visual-cyan);\n  --dh-color-editor-storage: var(--dh-color-visual-red);\n  --dh-color-editor-number: var(--dh-color-visual-purple);\n  --dh-color-editor-operator: var(--dh-color-visual-red);\n  --dh-color-editor-identifier: var(--dh-color-gray-900);\n  --dh-color-editor-identifier-namespace: var(--dh-color-visual-red);\n  --dh-color-editor-identifier-js: var(--dh-color-visual-yellow);\n  --dh-color-editor-comment: var(--dh-color-gray-700);\n\n  /* Input */\n  --dh-color-editor-focus-border: var(--dh-color-focus-border);\n  --dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);\n  --dh-color-editor-input-background: var(--dh-color-background);\n  --dh-color-editor-input-foreground: var(--dh-color-text);\n  --dh-color-editor-input-border: var(--dh-color-border);\n\n  /* Menus */\n  --dh-color-editor-context-menu-background: var(--dh-color-gray-300);\n  --dh-color-editor-context-menu-foreground: var(--dh-color-gray-900);\n  --dh-color-editor-menu-selection-background: var(--dh-color-highlight-hover);\n\n  /* Logging */\n  --dh-color-editor-log-date: var(--dh-color-gray-700);\n  --dh-color-editor-log-error: var(--dh-color-visual-red);\n  --dh-color-editor-log-info: var(--dh-color-visual-cyan);\n  --dh-color-editor-log-stdout: var(--dh-color-gray-900);\n  --dh-color-editor-log-warn: var(--dh-color-visual-yellow);\n  --dh-color-editor-log-debug: var(--dh-color-visual-purple);\n  --dh-color-editor-log-trace: var(--dh-color-visual-green);\n\n  /* Find */\n  --dh-color-editor-find-background: var(--dh-color-gray-200);\n  --dh-color-editor-find-match-background: var(--dh-color-highlight-selected);\n  --dh-color-editor-find-match-highlight-background: var(\n    --dh-color-highlight-selected-hover\n  );\n  --dh-color-editor-find-option-active-background: var(--dh-color-accent-700);\n  --dh-color-editor-find-option-active-foreground: var(--dh-color-gray-900);\n\n  /* Suggest */\n  --dh-color-editor-suggest-background: var(--dh-color-gray-200);\n  --dh-color-editor-suggest-border: var(--dh-color-gray-400);\n  --dh-color-editor-suggest-foreground: var(--dh-color-gray-100);\n  --dh-color-editor-suggest-selected-background: var(\n    --dh-color-highlight-selected\n  );\n  --dh-color-editor-suggest-highlight-foreground: var(--dh-color-accent-700);\n  --dh-color-editor-suggest-hover-background: var(--dh-color-highlight-hover);\n\n  /* Links */\n  --dh-color-editor-link-foreground: var(--dh-color-accent-1000);\n  --dh-color-editor-link-active-foreground: var(--dh-color-accent-1100);\n}\n"]}

package/dist/theme/theme-dark/theme-dark-semantic-grid.css

@@ -0,0 +1,5 @@
+:root {
+  --dh-color-grid-background: var(--dh-color-background);
+}
+
+/*# sourceMappingURL=theme-dark-semantic-grid.css.map */

package/dist/theme/theme-dark/theme-dark-semantic-grid.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-grid.css"],"names":[],"mappings":"AAAA;EACE","file":"theme-dark-semantic-grid.css","sourcesContent":[":root {\n  --dh-color-grid-background: var(--dh-color-background);\n}\n"]}

package/dist/theme/theme-dark/theme-dark-semantic.css

@@ -0,0 +1,69 @@
+/* stylelint-disable alpha-value-notation */
+:root {
+  /* General */
+  --dh-color-accent: var(--dh-color-blue-700);
+  --dh-color-border: var(--dh-color-gray-500);
+  --dh-color-background: var(--dh-color-black);
+  --dh-color-foreground: var(--dh-color-white);
+  --dh-color-content-background: var(--dh-color-gray-100);
+  /* Text */
+  --dh-color-text: var(--dh-color-gray-800);
+  --dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);
+  /* Focus */
+  --dh-color-focus: var(--dh-color-blue-800);
+  --dh-color-focus-border: var(--dh-color-blue-800);
+  --dh-color-focus-ring: var(--dh-color-focus);
+  /* Highlight */
+  --dh-color-highlight-active: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.15);
+  --dh-color-highlight-hover: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);
+  --dh-color-highlight-invalid: hsla(var(--dh-color-red-hue), 80%, 48%, 0.15);
+  --dh-color-highlight-selected: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.13);
+  --dh-color-highlight-selected-hover: hsla(
+    var(--dh-color-blue-hue),
+    83%,
+    62%,
+    0.2
+  );
+  /* Visual Colors */
+  --dh-color-visual-blue: var(--dh-color-blue-700);
+  --dh-color-visual-celery: var(--dh-color-celery-1000);
+  --dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);
+  --dh-color-visual-cyan: var(--dh-color-cyan-1100);
+  --dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);
+  --dh-color-visual-gray: var(--dh-color-gray-600);
+  --dh-color-visual-green: var(--dh-color-green-1100);
+  --dh-color-visual-indigo: var(--dh-color-indigo-900);
+  --dh-color-visual-magenta: var(--dh-color-magenta-900);
+  --dh-color-visual-orange: var(--dh-color-orange-900);
+  --dh-color-visual-purple: var(--dh-color-purple-900);
+  --dh-color-visual-red: var(--dh-color-red-800);
+  --dh-color-visual-seafoam: var(--dh-color-seafoam-1100);
+  --dh-color-visual-yellow: var(--dh-color-yellow-1200);
+  /** Accent Colors */
+  --dh-color-accent-100: var(--dh-color-blue-100);
+  --dh-color-accent-200: var(--dh-color-blue-200);
+  --dh-color-accent-300: var(--dh-color-blue-300);
+  --dh-color-accent-400: var(--dh-color-blue-400);
+  --dh-color-accent-500: var(--dh-color-blue-500);
+  --dh-color-accent-600: var(--dh-color-blue-600);
+  --dh-color-accent-700: var(--dh-color-blue-700);
+  --dh-color-accent-800: var(--dh-color-blue-800);
+  --dh-color-accent-900: var(--dh-color-blue-900);
+  --dh-color-accent-1000: var(--dh-color-blue-1000);
+  --dh-color-accent-1100: var(--dh-color-blue-1100);
+  --dh-color-accent-1200: var(--dh-color-blue-1200);
+  --dh-color-accent-1300: var(--dh-color-blue-1300);
+  --dh-color-accent-1400: var(--dh-color-blue-1400);
+  /* Accent Background */
+  --dh-color-accent-background-default: var(--dh-color-accent-600);
+  --dh-color-accent-background-hover: var(--dh-color-accent-500);
+  --dh-color-accent-background-down: var(--dh-color-accent-400);
+  --dh-color-accent-background-key-focus: var(--dh-color-accent-500);
+  /* Negative Background */
+  --dh-color-negative-background-default: var(--dh-color-red-600);
+  --dh-color-negative-background-hover: var(--dh-color-red-500);
+  --dh-color-negative-background-down: var(--dh-color-red-400);
+  --dh-color-negative-background-key-focus: var(--dh-color-red-500);
+}
+
+/*# sourceMappingURL=theme-dark-semantic.css.map */

package/dist/theme/theme-dark/theme-dark-semantic.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAAA;AACA;AACE;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n:root {\n  /* General */\n  --dh-color-accent: var(--dh-color-blue-700);\n  --dh-color-border: var(--dh-color-gray-500);\n  --dh-color-background: var(--dh-color-black);\n  --dh-color-foreground: var(--dh-color-white);\n  --dh-color-content-background: var(--dh-color-gray-100);\n\n  /* Text */\n  --dh-color-text: var(--dh-color-gray-800);\n  --dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);\n\n  /* Focus */\n  --dh-color-focus: var(--dh-color-blue-800);\n  --dh-color-focus-border: var(--dh-color-blue-800);\n  --dh-color-focus-ring: var(--dh-color-focus);\n\n  /* Highlight */\n  --dh-color-highlight-active: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.15);\n  --dh-color-highlight-hover: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);\n  --dh-color-highlight-invalid: hsla(var(--dh-color-red-hue), 80%, 48%, 0.15);\n  --dh-color-highlight-selected: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.13);\n  --dh-color-highlight-selected-hover: hsla(\n    var(--dh-color-blue-hue),\n    83%,\n    62%,\n    0.2\n  );\n\n  /* Visual Colors */\n  --dh-color-visual-blue: var(--dh-color-blue-700);\n  --dh-color-visual-celery: var(--dh-color-celery-1000);\n  --dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);\n  --dh-color-visual-cyan: var(--dh-color-cyan-1100);\n  --dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);\n  --dh-color-visual-gray: var(--dh-color-gray-600);\n  --dh-color-visual-green: var(--dh-color-green-1100);\n  --dh-color-visual-indigo: var(--dh-color-indigo-900);\n  --dh-color-visual-magenta: var(--dh-color-magenta-900);\n  --dh-color-visual-orange: var(--dh-color-orange-900);\n  --dh-color-visual-purple: var(--dh-color-purple-900);\n  --dh-color-visual-red: var(--dh-color-red-800);\n  --dh-color-visual-seafoam: var(--dh-color-seafoam-1100);\n  --dh-color-visual-yellow: var(--dh-color-yellow-1200);\n\n  /** Accent Colors */\n  --dh-color-accent-100: var(--dh-color-blue-100);\n  --dh-color-accent-200: var(--dh-color-blue-200);\n  --dh-color-accent-300: var(--dh-color-blue-300);\n  --dh-color-accent-400: var(--dh-color-blue-400);\n  --dh-color-accent-500: var(--dh-color-blue-500);\n  --dh-color-accent-600: var(--dh-color-blue-600);\n  --dh-color-accent-700: var(--dh-color-blue-700);\n  --dh-color-accent-800: var(--dh-color-blue-800);\n  --dh-color-accent-900: var(--dh-color-blue-900);\n  --dh-color-accent-1000: var(--dh-color-blue-1000);\n  --dh-color-accent-1100: var(--dh-color-blue-1100);\n  --dh-color-accent-1200: var(--dh-color-blue-1200);\n  --dh-color-accent-1300: var(--dh-color-blue-1300);\n  --dh-color-accent-1400: var(--dh-color-blue-1400);\n\n  /* Accent Background */\n  --dh-color-accent-background-default: var(--dh-color-accent-600);\n  --dh-color-accent-background-hover: var(--dh-color-accent-500);\n  --dh-color-accent-background-down: var(--dh-color-accent-400);\n  --dh-color-accent-background-key-focus: var(--dh-color-accent-500);\n\n  /* Negative Background */\n  --dh-color-negative-background-default: var(--dh-color-red-600);\n  --dh-color-negative-background-hover: var(--dh-color-red-500);\n  --dh-color-negative-background-down: var(--dh-color-red-400);\n  --dh-color-negative-background-key-focus: var(--dh-color-red-500);\n}\n"]}

package/dist/theme/theme-light/index.d.ts

@@ -0,0 +1,3 @@
+export declare const themeLight: string;
+export default themeLight;
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/theme-light/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-light/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAAoB,CAAC;AAE5C,eAAe,UAAU,CAAC"}

package/dist/theme/theme-light/index.js

@@ -0,0 +1,4 @@
+import themeLightPalette from "./theme-light-palette.css?inline";
+export var themeLight = themeLightPalette;
+export default themeLight;
+//# sourceMappingURL=index.js.map

package/dist/theme/theme-light/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["themeLightPalette","themeLight"],"sources":["../../../src/theme/theme-light/index.ts"],"sourcesContent":["import themeLightPalette from './theme-light-palette.css?inline';\n\nexport const themeLight = themeLightPalette;\n\nexport default themeLight;\n"],"mappings":"OAAOA,iBAAiB;AAExB,OAAO,IAAMC,UAAU,GAAGD,iBAAiB;AAE3C,eAAeC,UAAU"}

package/dist/theme/{theme_default_light.css → theme-light/theme-light-palette.css}

@@ -44,10 +44,10 @@
   /* Semantic */
   --dh-color-black: var(--dh-color-gray-50);
   --dh-color-white: var(--dh-color-gray-75);
-  --dh-accent-color: var(--dh-color-blue-700);
-  --dh-background-color: var(--dh-color-white);
-  --dh-foreground-color: var(--dh-color-black);
-  --dh-grid-background-color: var(--dh-background-color);
+  --dh-color-accent: var(--dh-color-blue-700);
+  --dh-color-background: var(--dh-color-white);
+  --dh-color-foreground: var(--dh-color-black);
+  --dh-color-grid-background: var(--dh-color-background);
 }
 
-/*# sourceMappingURL=theme_default_light.css.map */
+/*# sourceMappingURL=theme-light-palette.css.map */

package/dist/theme/theme-light/theme-light-palette.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA","file":"theme-light-palette.css","sourcesContent":[":root {\n  /* Grays */\n  --dh-color-gray-900: #000;\n  --dh-color-gray-800: #222;\n  --dh-color-gray-700: #464646;\n  --dh-color-gray-600: #6d6d6d;\n  --dh-color-gray-500: #909090;\n  --dh-color-gray-400: #b1b1b1;\n  --dh-color-gray-300: #d5d5d5;\n  --dh-color-gray-200: #e6e6e6;\n  --dh-color-gray-100: #f8f8f8;\n  --dh-color-gray-75: #fdfdfd;\n  --dh-color-gray-50: #fff;\n\n  /* Blues */\n  --dh-color-blue-100: #112451;\n  --dh-color-blue-200: #16306c;\n  --dh-color-blue-300: #1d3d88;\n  --dh-color-blue-400: #254ba4;\n  --dh-color-blue-500: #2f5bc0;\n  --dh-color-blue-600: #3b6bda;\n  --dh-color-blue-700: #4c7dee;\n  --dh-color-blue-800: #6390fa;\n  --dh-color-blue-900: #7ca4ff;\n  --dh-color-blue-1000: #97b7ff;\n  --dh-color-blue-1100: #afc9ff;\n  --dh-color-blue-1200: #c7d9ff;\n  --dh-color-blue-1300: #dbe6ff;\n  --dh-color-blue-1400: #ecf1ff;\n\n  /* Seafoam */\n  --dh-color-seafoam-100: #1f2925;\n  --dh-color-seafoam-200: #263630;\n  --dh-color-seafoam-300: #2f463e;\n  --dh-color-seafoam-400: #37574b;\n  --dh-color-seafoam-500: #3e6959;\n  --dh-color-seafoam-600: #447b68;\n  --dh-color-seafoam-700: #488f78;\n  --dh-color-seafoam-800: #4ca387;\n  --dh-color-seafoam-900: #4fb797;\n  --dh-color-seafoam-1000: #54cba6;\n  --dh-color-seafoam-1100: #5edeb7;\n  --dh-color-seafoam-1200: #78edc7;\n  --dh-color-seafoam-1300: #9ef8d7;\n  --dh-color-seafoam-1400: #cbfce8;\n\n  /* Semantic */\n  --dh-color-black: var(--dh-color-gray-50);\n  --dh-color-white: var(--dh-color-gray-75);\n  --dh-color-accent: var(--dh-color-blue-700);\n  --dh-color-background: var(--dh-color-white);\n  --dh-color-foreground: var(--dh-color-black);\n  --dh-color-grid-background: var(--dh-color-background);\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.49.2-beta.6+a9541b10",
+  "version": "0.49.2-beta.8+4eda17c8",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -24,10 +24,10 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "^3.29.0",
-    "@deephaven/icons": "^0.49.2-beta.6+a9541b10",
-    "@deephaven/log": "^0.49.2-beta.6+a9541b10",
-    "@deephaven/react-hooks": "^0.49.2-beta.6+a9541b10",
-    "@deephaven/utils": "^0.49.2-beta.6+a9541b10",
+    "@deephaven/icons": "^0.49.2-beta.8+4eda17c8",
+    "@deephaven/log": "^0.49.2-beta.8+4eda17c8",
+    "@deephaven/react-hooks": "^0.49.2-beta.8+4eda17c8",
+    "@deephaven/utils": "^0.49.2-beta.8+4eda17c8",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-spectrum/theme-default": "^3.5.1",
@@ -51,7 +51,7 @@
     "react-dom": "^17.x"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.49.2-beta.6+a9541b10"
+    "@deephaven/mocks": "^0.49.2-beta.8+4eda17c8"
   },
   "files": [
     "dist",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a9541b108f1d998bb2713e70642f5a54aaf8bd97"
+  "gitHead": "4eda17c82f6c177a11ba600d6f43c4f36915f6bd"
 }

package/scss/BaseStyleSheet.scss

@@ -20,7 +20,7 @@ html {
 
 body {
   min-height: 100%;
-  background-color: var(--dh-background-color, $background);
+  background-color: var(--dh-color-background, $background);
   color: $foreground;
   margin: 0;
   padding: 0;
@@ -30,7 +30,7 @@ body {
 }
 
 #root {
-  background-color: var(--dh-background-color, $background);
+  background-color: var(--dh-color-background, $background);
 
   .app {
     height: 100vh;

package/dist/theme/theme_default_dark.css

@@ -1,53 +0,0 @@
-:root {
-  /* Grays */
-  --dh-color-gray-900: #fcfcfa;
-  --dh-color-gray-800: #f0f0ee;
-  --dh-color-gray-700: #c0bfbf;
-  --dh-color-gray-600: #929192;
-  --dh-color-gray-500: #5b5a5c;
-  --dh-color-gray-400: #403e41;
-  --dh-color-gray-300: #373438;
-  --dh-color-gray-200: #322f33;
-  --dh-color-gray-100: #2d2a2e;
-  --dh-color-gray-75: #211f22;
-  --dh-color-gray-50: #1a171a;
-  /* Blues */
-  --dh-color-blue-100: #112451;
-  --dh-color-blue-200: #16306c;
-  --dh-color-blue-300: #1d3d88;
-  --dh-color-blue-400: #254ba4;
-  --dh-color-blue-500: #2f5bc0;
-  --dh-color-blue-600: #3b6bda;
-  --dh-color-blue-700: #4c7dee;
-  --dh-color-blue-800: #6390fa;
-  --dh-color-blue-900: #7ca4ff;
-  --dh-color-blue-1000: #97b7ff;
-  --dh-color-blue-1100: #afc9ff;
-  --dh-color-blue-1200: #c7d9ff;
-  --dh-color-blue-1300: #dbe6ff;
-  --dh-color-blue-1400: #ecf1ff;
-  /* Seafoam */
-  --dh-color-seafoam-100: #1f2925;
-  --dh-color-seafoam-200: #263630;
-  --dh-color-seafoam-300: #2f463e;
-  --dh-color-seafoam-400: #37574b;
-  --dh-color-seafoam-500: #3e6959;
-  --dh-color-seafoam-600: #447b68;
-  --dh-color-seafoam-700: #488f78;
-  --dh-color-seafoam-800: #4ca387;
-  --dh-color-seafoam-900: #4fb797;
-  --dh-color-seafoam-1000: #54cba6;
-  --dh-color-seafoam-1100: #5edeb7;
-  --dh-color-seafoam-1200: #78edc7;
-  --dh-color-seafoam-1300: #9ef8d7;
-  --dh-color-seafoam-1400: #cbfce8;
-  /* Semantic */
-  --dh-color-black: var(--dh-color-gray-50);
-  --dh-color-white: var(--dh-color-gray-800);
-  --dh-accent-color: var(--dh-color-blue-700);
-  --dh-background-color: var(--dh-color-black);
-  --dh-foreground-color: var(--dh-color-white);
-  --dh-grid-background-color: var(--dh-background-color);
-}
-
-/*# sourceMappingURL=theme_default_dark.css.map */