@stackoverflow/stacks 2.0.2 → 2.0.4

package/dist/css/stacks.css

@@ -2921,7 +2921,6 @@ body.theme-system .theme-dark__forced .s-menu {
   z-index: var(--zi-modals);
 }
 .s-modal.s-modal__celebration {
-  --_mo-close-t: var(--su48);
   --_mo-dialog-pt: var(--su64);
 }
 .s-modal.s-modal__celebration .s-modal--dialog {
@@ -5545,9 +5544,9 @@ body.theme-highcontrast a.s-tag.is-selected:focus {
   --_ta-before-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
 }
 .s-tag.s-tag__moderator {
-  --_ta-bc: var(--orange-200);
+  --_ta-bc: var(--orange-300);
   --_ta-bg: var(--orange-100);
-  --_ta-fc: var(--orange-500);
+  --_ta-fc: var(--orange-600);
   --_ta-bc-hover: var(--orange-300);
   --_ta-bg-hover: var(--orange-200);
   --_ta-fc-hover: var(--orange-600);
@@ -5577,7 +5576,7 @@ body.theme-highcontrast .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__r
   --_ta-bc-hover: var(--theme-tag-required-hover-border-color, transparent);
   --_ta-bc-selected: var(--theme-tag-required-selected-border-color, transparent);
   --_ta-bg: var(--theme-tag-required-background-color, var(--theme-secondary-500));
-  --_ta-bg-hover: var(--theme-tag-required-hover-background-color var(--theme-secondary-400));
+  --_ta-bg-hover: var(--theme-tag-required-hover-background-color, var(--theme-secondary-400));
   --_ta-bg-selected: var(--theme-tag-required-selected-background-color, var(--theme-secondary-600));
   --_ta-fc: var(--theme-tag-required-color, var(--white));
   --_ta-fc-hover: var(--theme-tag-required-hover-color, var(--white));
@@ -7520,12 +7519,12 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --red-400: hsl(0, 60%, 49%);
   --red-500: hsl(0, 65%, 37%);
   --red-600: hsl(0, 65%, 22%);
-  --yellow-100: hsl(43, 80%, 96%);
-  --yellow-200: hsl(43, 80%, 88%);
+  --yellow-100: hsl(43, 85%, 95%);
+  --yellow-200: hsl(43, 85%, 88%);
   --yellow-300: hsl(43, 85%, 72%);
   --yellow-400: hsl(43, 85%, 50%);
   --yellow-500: hsl(43, 85%, 33%);
-  --yellow-600: hsl(43, 84%, 18%);
+  --yellow-600: hsl(43, 85%, 18%);
   --purple-100: hsl(237, 83%, 98%);
   --purple-200: hsl(237, 78%, 93%);
   --purple-300: hsl(237, 60%, 83%);
@@ -7622,42 +7621,42 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   --black-500: hsl(210, 8%, 90%);
   --black-600: hsl(210, 11%, 98%);
   --black: hsl(0, 0%, 100%);
-  --orange-100: hsl(27, 29%, 19%);
-  --orange-200: hsl(27, 43%, 31%);
-  --orange-300: hsl(27, 43%, 47%);
-  --orange-400: hsl(27, 80%, 72%);
-  --orange-500: hsl(27, 80%, 83%);
-  --orange-600: hsl(27, 80%, 93%);
-  --blue-100: hsl(209, 29%, 19%);
-  --blue-200: hsl(210, 29%, 35%);
-  --blue-300: hsl(210, 29%, 50%);
-  --blue-400: hsl(210, 80%, 75%);
-  --blue-500: hsl(210, 80%, 83%);
-  --blue-600: hsl(210, 80%, 93%);
-  --green-100: hsl(148, 29%, 19%);
-  --green-200: hsl(148, 29%, 27%);
-  --green-300: hsl(148, 25%, 40%);
-  --green-400: hsl(148, 40%, 68%);
-  --green-500: hsl(148, 40%, 80%);
-  --green-600: hsl(148, 40%, 93%);
-  --red-100: hsl(358, 29%, 19%);
-  --red-200: hsl(0, 29%, 37%);
-  --red-300: hsl(0, 34%, 54%);
-  --red-400: hsl(0, 73%, 80%);
-  --red-500: hsl(0, 73%, 88%);
-  --red-600: hsl(0, 73%, 95%);
-  --yellow-100: hsl(43, 29%, 17%);
-  --yellow-200: hsl(43, 29%, 25%);
-  --yellow-300: hsl(43, 29%, 40%);
-  --yellow-400: hsl(43, 75%, 75%);
-  --yellow-500: hsl(43, 75%, 82%);
-  --yellow-600: hsl(43, 75%, 91%);
-  --purple-100: hsl(237, 24%, 23%);
-  --purple-200: hsl(237, 27%, 34%);
-  --purple-300: hsl(237, 32%, 56%);
-  --purple-400: hsl(237, 60%, 82%);
-  --purple-500: hsl(237, 60%, 88%);
-  --purple-600: hsl(237, 65%, 96%);
+  --orange-100: hsl(27, 55%, 20%);
+  --orange-200: hsl(27, 50%, 33%);
+  --orange-300: hsl(27, 50%, 43%);
+  --orange-400: hsl(27, 90%, 68%);
+  --orange-500: hsl(27, 90%, 80%);
+  --orange-600: hsl(27, 90%, 90%);
+  --blue-100: hsl(210, 50%, 22%);
+  --blue-200: hsl(210, 50%, 36%);
+  --blue-300: hsl(210, 50%, 48%);
+  --blue-400: hsl(210, 89%, 77%);
+  --blue-500: hsl(210, 89%, 84%);
+  --blue-600: hsl(210, 89%, 92%);
+  --green-100: hsl(149, 51%, 15%);
+  --green-200: hsl(149, 51%, 25%);
+  --green-300: hsl(149, 51%, 36%);
+  --green-400: hsl(149, 50%, 62%);
+  --green-500: hsl(149, 50%, 74%);
+  --green-600: hsl(149, 50%, 88%);
+  --red-100: hsl(0, 43%, 22%);
+  --red-200: hsl(0, 43%, 41%);
+  --red-300: hsl(0, 43%, 56%);
+  --red-400: hsl(0, 90%, 81%);
+  --red-500: hsl(0, 90%, 88%);
+  --red-600: hsl(0, 90%, 94%);
+  --yellow-100: hsl(43, 50%, 17%);
+  --yellow-200: hsl(43, 50%, 28%);
+  --yellow-300: hsl(43, 50%, 39%);
+  --yellow-400: hsl(43, 90%, 75%);
+  --yellow-500: hsl(43, 90%, 82%);
+  --yellow-600: hsl(43, 90%, 91%);
+  --purple-100: hsl(237, 43%, 37%);
+  --purple-200: hsl(237, 51%, 52%);
+  --purple-300: hsl(237, 63%, 62%);
+  --purple-400: hsl(237, 89%, 83%);
+  --purple-500: hsl(237, 89%, 89%);
+  --purple-600: hsl(237, 89%, 94%);
   --gold-100: hsl(45, 29%, 24%);
   --gold-200: hsl(45, 47%, 37%);
   --gold-300: hsl(45, 92%, 62%);
@@ -7697,7 +7696,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   --highlight-punctuation: hsl(0, 0%, 80%);
   --highlight-symbol: hsl(306, 43%, 69%);
   --highlight-variable: hsl(65.5, 39%, 57.5%);
-  --scrollbar: hsla(0, 0%, 0%, 0.2);
+  --scrollbar: hsla(0, 0%, 100%, 0.2);
   --theme-primary: var(--theme-dark-primary-custom, var(--orange-400));
   --theme-primary-100: var(--theme-dark-primary-custom-100, var(--orange-100));
   --theme-primary-200: var(--theme-dark-primary-custom-200, var(--orange-200));
@@ -7746,42 +7745,42 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
     --black-500: hsl(210, 8%, 90%);
     --black-600: hsl(210, 11%, 98%);
     --black: hsl(0, 0%, 100%);
-    --orange-100: hsl(27, 29%, 19%);
-    --orange-200: hsl(27, 43%, 31%);
-    --orange-300: hsl(27, 43%, 47%);
-    --orange-400: hsl(27, 80%, 72%);
-    --orange-500: hsl(27, 80%, 83%);
-    --orange-600: hsl(27, 80%, 93%);
-    --blue-100: hsl(209, 29%, 19%);
-    --blue-200: hsl(210, 29%, 35%);
-    --blue-300: hsl(210, 29%, 50%);
-    --blue-400: hsl(210, 80%, 75%);
-    --blue-500: hsl(210, 80%, 83%);
-    --blue-600: hsl(210, 80%, 93%);
-    --green-100: hsl(148, 29%, 19%);
-    --green-200: hsl(148, 29%, 27%);
-    --green-300: hsl(148, 25%, 40%);
-    --green-400: hsl(148, 40%, 68%);
-    --green-500: hsl(148, 40%, 80%);
-    --green-600: hsl(148, 40%, 93%);
-    --red-100: hsl(358, 29%, 19%);
-    --red-200: hsl(0, 29%, 37%);
-    --red-300: hsl(0, 34%, 54%);
-    --red-400: hsl(0, 73%, 80%);
-    --red-500: hsl(0, 73%, 88%);
-    --red-600: hsl(0, 73%, 95%);
-    --yellow-100: hsl(43, 29%, 17%);
-    --yellow-200: hsl(43, 29%, 25%);
-    --yellow-300: hsl(43, 29%, 40%);
-    --yellow-400: hsl(43, 75%, 75%);
-    --yellow-500: hsl(43, 75%, 82%);
-    --yellow-600: hsl(43, 75%, 91%);
-    --purple-100: hsl(237, 24%, 23%);
-    --purple-200: hsl(237, 27%, 34%);
-    --purple-300: hsl(237, 32%, 56%);
-    --purple-400: hsl(237, 60%, 82%);
-    --purple-500: hsl(237, 60%, 88%);
-    --purple-600: hsl(237, 65%, 96%);
+    --orange-100: hsl(27, 55%, 20%);
+    --orange-200: hsl(27, 50%, 33%);
+    --orange-300: hsl(27, 50%, 43%);
+    --orange-400: hsl(27, 90%, 68%);
+    --orange-500: hsl(27, 90%, 80%);
+    --orange-600: hsl(27, 90%, 90%);
+    --blue-100: hsl(210, 50%, 22%);
+    --blue-200: hsl(210, 50%, 36%);
+    --blue-300: hsl(210, 50%, 48%);
+    --blue-400: hsl(210, 89%, 77%);
+    --blue-500: hsl(210, 89%, 84%);
+    --blue-600: hsl(210, 89%, 92%);
+    --green-100: hsl(149, 51%, 15%);
+    --green-200: hsl(149, 51%, 25%);
+    --green-300: hsl(149, 51%, 36%);
+    --green-400: hsl(149, 50%, 62%);
+    --green-500: hsl(149, 50%, 74%);
+    --green-600: hsl(149, 50%, 88%);
+    --red-100: hsl(0, 43%, 22%);
+    --red-200: hsl(0, 43%, 41%);
+    --red-300: hsl(0, 43%, 56%);
+    --red-400: hsl(0, 90%, 81%);
+    --red-500: hsl(0, 90%, 88%);
+    --red-600: hsl(0, 90%, 94%);
+    --yellow-100: hsl(43, 50%, 17%);
+    --yellow-200: hsl(43, 50%, 28%);
+    --yellow-300: hsl(43, 50%, 39%);
+    --yellow-400: hsl(43, 90%, 75%);
+    --yellow-500: hsl(43, 90%, 82%);
+    --yellow-600: hsl(43, 90%, 91%);
+    --purple-100: hsl(237, 43%, 37%);
+    --purple-200: hsl(237, 51%, 52%);
+    --purple-300: hsl(237, 63%, 62%);
+    --purple-400: hsl(237, 89%, 83%);
+    --purple-500: hsl(237, 89%, 89%);
+    --purple-600: hsl(237, 89%, 94%);
     --gold-100: hsl(45, 29%, 24%);
     --gold-200: hsl(45, 47%, 37%);
     --gold-300: hsl(45, 92%, 62%);
@@ -7821,7 +7820,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
     --highlight-punctuation: hsl(0, 0%, 80%);
     --highlight-symbol: hsl(306, 43%, 69%);
     --highlight-variable: hsl(65.5, 39%, 57.5%);
-    --scrollbar: hsla(0, 0%, 0%, 0.2);
+    --scrollbar: hsla(0, 0%, 100%, 0.2);
     --theme-primary: var(--theme-dark-primary-custom, var(--orange-400));
     --theme-primary-100: var(--theme-dark-primary-custom-100, var(--orange-100));
     --theme-primary-200: var(--theme-dark-primary-custom-200, var(--orange-200));
@@ -7894,8 +7893,8 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --red-400: hsl(0, 65%, 37%);
   --red-500: hsl(0, 65%, 22%);
   --red-600: hsl(0, 65%, 22%);
-  --yellow-100: hsl(41, 80%, 96%);
-  --yellow-200: hsl(41, 80%, 96%);
+  --yellow-100: hsl(41, 85%, 95%);
+  --yellow-200: hsl(41, 85%, 95%);
   --yellow-300: hsl(43, 85%, 50%);
   --yellow-400: hsl(43, 85%, 50%);
   --yellow-500: hsl(48, 85%, 18%);