@stackoverflow/stacks 2.0.0 → 2.0.2

package/dist/css/stacks.css

@@ -2940,7 +2940,7 @@ body.theme-system .theme-dark__forced .s-menu {
 }
 .s-modal.has-danger,
 .s-modal.s-modal__danger {
-  --_mo-bg: hsla(0, 65%, 6%, 0.5);
+  --_mo-bg: hsla(0, 65%, 4%, 0.5);
   --_mo-header-fc: var(--red-500);
 }
 .s-modal .s-modal--body {
@@ -5443,14 +5443,14 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
 .s-tag {
   --_ta-bc: var(--theme-tag-border-color, transparent);
   --_ta-bc-hover: var(--theme-tag-hover-border-color, transparent);
-  --_ta-bc-selected: transparent;
+  --_ta-bc-selected: var(--theme-tag-selected-border-color, transparent);
   --_ta-bg: var(--theme-tag-background-color, var(--theme-secondary-100));
   --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--theme-secondary-200));
-  --_ta-bg-selected: var(--theme-secondary-300);
-  --_ta-br: var(--br-sm);
+  --_ta-bg-selected: var(--theme-tag-selected-background-color, var(--theme-secondary-300));
   --_ta-fc: var(--theme-tag-color, var(--theme-secondary-500));
   --_ta-fc-hover: var(--theme-tag-hover-color, var(--theme-secondary-600));
-  --_ta-fc-selected: var(--theme-secondary-600);
+  --_ta-fc-selected: var(--theme-tag-selected-color, var(--theme-secondary-600));
+  --_ta-br: var(--br-sm);
   --_ta-fs: var(--fs-caption);
   --_ta-lh: 1.84615385;
   --_ta-pl: var(--_ta-px);
@@ -5545,13 +5545,13 @@ 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: transparent;
+  --_ta-bc: var(--orange-200);
   --_ta-bg: var(--orange-100);
   --_ta-fc: var(--orange-500);
-  --_ta-bc-hover: transparent;
+  --_ta-bc-hover: var(--orange-300);
   --_ta-bg-hover: var(--orange-200);
   --_ta-fc-hover: var(--orange-600);
-  --_ta-bc-selected: transparent;
+  --_ta-bc-selected: var(--orange-400);
   --_ta-bg-selected: var(--orange-300);
   --_ta-fc-selected: var(--orange-600);
 }
@@ -5573,15 +5573,15 @@ body.theme-highcontrast .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__r
   --_ta-bc: currentColor;
 }
 .s-tag.s-tag__required:not(.s-tag__moderator) {
-  --_ta-bc: transparent;
-  --_ta-bg: var(--theme-secondary-500);
-  --_ta-fc: var(--white);
-  --_ta-bc-hover: transparent;
-  --_ta-bg-hover: var(--theme-secondary-400);
-  --_ta-fc-hover: var(--white);
-  --_ta-bc-selected: transparent;
-  --_ta-bg-selected: var(--theme-secondary-600);
-  --_ta-fc-selected: var(--white);
+  --_ta-bc: var(--theme-tag-required-border-color, transparent);
+  --_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-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));
+  --_ta-fc-selected: var(--theme-tag-required-selected-color, var(--white));
 }
 .s-tag__watched,
 .s-tag.s-tag__watched {
@@ -7516,10 +7516,10 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --green-600: hsl(148, 75%, 15%);
   --red-100: hsl(0, 72%, 96%);
   --red-200: hsl(0, 70%, 93%);
-  --red-300: hsl(0, 65%, 76%);
+  --red-300: hsl(0, 66%, 80%);
   --red-400: hsl(0, 60%, 49%);
   --red-500: hsl(0, 65%, 37%);
-  --red-600: hsl(0, 65%, 24%);
+  --red-600: hsl(0, 65%, 22%);
   --yellow-100: hsl(43, 80%, 96%);
   --yellow-200: hsl(43, 80%, 88%);
   --yellow-300: hsl(43, 85%, 72%);
@@ -7652,8 +7652,8 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   --yellow-400: hsl(43, 75%, 75%);
   --yellow-500: hsl(43, 75%, 82%);
   --yellow-600: hsl(43, 75%, 91%);
-  --purple-100: hsl(238, 24%, 23%);
-  --purple-200: hsl(238, 27%, 34%);
+  --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%);
@@ -7776,8 +7776,8 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
     --yellow-400: hsl(43, 75%, 75%);
     --yellow-500: hsl(43, 75%, 82%);
     --yellow-600: hsl(43, 75%, 91%);
-    --purple-100: hsl(238, 24%, 23%);
-    --purple-200: hsl(238, 27%, 34%);
+    --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%);
@@ -7870,8 +7870,8 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --black-500: hsl(210, 8%, 25%);
   --black-600: hsl(210, 8%, 5%);
   --black: hsl(0, 0%, 0%);
-  --orange-100: hsl(22, 85%, 97%);
-  --orange-200: hsl(22, 85%, 97%);
+  --orange-100: hsl(23, 87%, 97%);
+  --orange-200: hsl(23, 87%, 97%);
   --orange-300: hsl(27, 90%, 55%);
   --orange-400: hsl(27, 90%, 55%);
   --orange-500: hsl(27, 80%, 28%);
@@ -7886,14 +7886,14 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --green-200: hsl(147, 36%, 95%);
   --green-300: hsl(148, 70%, 31%);
   --green-400: hsl(148, 75%, 22%);
-  --green-500: hsl(147, 74%, 15%);
-  --green-600: hsl(147, 74%, 15%);
-  --red-100: hsl(0, 79%, 96%);
-  --red-200: hsl(0, 79%, 96%);
+  --green-500: hsl(146, 74%, 15%);
+  --green-600: hsl(146, 74%, 15%);
+  --red-100: hsl(0, 80%, 96%);
+  --red-200: hsl(0, 80%, 96%);
   --red-300: hsl(0, 60%, 49%);
   --red-400: hsl(0, 65%, 37%);
-  --red-500: hsl(0, 66%, 24%);
-  --red-600: hsl(0, 66%, 24%);
+  --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-300: hsl(43, 85%, 50%);
@@ -7901,7 +7901,7 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --yellow-500: hsl(48, 85%, 18%);
   --yellow-600: hsl(48, 85%, 18%);
   --purple-100: hsl(237, 83%, 98%);
-  --purple-200: hsl(237, 80%, 96%);
+  --purple-200: hsl(237, 83%, 98%);
   --purple-300: hsl(237, 55%, 57%);
   --purple-400: hsl(237, 55%, 57%);
   --purple-500: hsl(237, 50%, 32%);
@@ -7913,7 +7913,7 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --silver-100: hsl(0, 0%, 95%);
   --silver-200: hsl(0, 0%, 95%);
   --silver-300: hsl(210, 5%, 68%);
-  --silver-400: hsl(216, 2%, 40%);
+  --silver-400: hsl(210, 2%, 40%);
   --bronze-100: hsl(28, 40%, 92%);
   --bronze-200: hsl(28, 40%, 92%);
   --bronze-300: hsl(28, 43%, 65%);
@@ -7977,52 +7977,52 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
   --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, 29%, 19%);
-  --orange-300: hsl(27, 80%, 64%);
+  --orange-100: hsl(27, 30%, 19%);
+  --orange-200: hsl(27, 30%, 19%);
+  --orange-300: hsl(27, 80%, 72%);
   --orange-400: hsl(27, 80%, 72%);
-  --orange-500: hsl(27, 79%, 89%);
-  --orange-600: hsl(27, 80%, 93%);
-  --blue-100: hsl(209, 29%, 19%);
-  --blue-200: hsl(209, 29%, 19%);
+  --orange-500: hsl(28, 78%, 93%);
+  --orange-600: hsl(28, 78%, 93%);
+  --blue-100: hsl(209, 30%, 19%);
+  --blue-200: hsl(209, 30%, 19%);
   --blue-300: hsl(210, 80%, 72%);
   --blue-400: hsl(210, 80%, 75%);
-  --blue-500: hsl(209, 79%, 87%);
-  --blue-600: hsl(210, 80%, 93%);
-  --green-100: hsl(147, 29%, 19%);
-  --green-200: hsl(147, 29%, 19%);
+  --blue-500: hsl(210, 78%, 93%);
+  --blue-600: hsl(210, 78%, 93%);
+  --green-100: hsl(147, 30%, 19%);
+  --green-200: hsl(147, 30%, 19%);
   --green-300: hsl(148, 40%, 62%);
   --green-400: hsl(148, 40%, 68%);
-  --green-500: hsl(148, 39%, 87%);
-  --green-600: hsl(148, 40%, 93%);
-  --red-100: hsl(358, 29%, 19%);
-  --red-200: hsl(358, 29%, 19%);
+  --green-500: hsl(150, 39%, 93%);
+  --green-600: hsl(150, 39%, 93%);
+  --red-100: hsl(358, 30%, 19%);
+  --red-200: hsl(358, 30%, 19%);
   --red-300: hsl(0, 75%, 77%);
   --red-400: hsl(0, 73%, 80%);
-  --red-500: hsl(0, 70%, 92%);
-  --red-600: hsl(0, 73%, 95%);
+  --red-500: hsl(0, 76%, 95%);
+  --red-600: hsl(0, 76%, 95%);
   --yellow-100: hsl(43, 29%, 17%);
   --yellow-200: hsl(43, 29%, 17%);
-  --yellow-300: hsl(43, 59%, 64%);
+  --yellow-300: hsl(43, 75%, 75%);
   --yellow-400: hsl(43, 75%, 75%);
   --yellow-500: hsl(48, 74%, 91%);
-  --yellow-600: hsl(43, 75%, 91%);
+  --yellow-600: hsl(44, 74%, 91%);
   --purple-100: hsl(237, 24%, 23%);
   --purple-200: hsl(237, 24%, 23%);
-  --purple-300: hsl(237, 58%, 86%);
+  --purple-300: hsl(237, 60%, 82%);
   --purple-400: hsl(237, 60%, 82%);
-  --purple-500: hsl(237, 65%, 96%);
-  --purple-600: hsl(237, 65%, 96%);
+  --purple-500: hsl(237, 62%, 96%);
+  --purple-600: hsl(237, 62%, 96%);
   --gold-100: hsl(45, 22%, 25%);
   --gold-200: hsl(45, 22%, 25%);
   --gold-300: hsl(45, 92%, 62%);
   --gold-400: hsl(46, 93%, 78%);
   --silver-100: hsl(220, 2%, 26%);
   --silver-200: hsl(220, 2%, 26%);
-  --silver-300: hsl(216, 4%, 69%);
+  --silver-300: hsl(220, 4%, 69%);
   --silver-400: hsl(214, 8%, 83%);
-  --bronze-100: hsl(28, 13%, 27%);
-  --bronze-200: hsl(28, 13%, 27%);
+  --bronze-100: hsl(27, 13%, 27%);
+  --bronze-200: hsl(27, 13%, 27%);
   --bronze-300: hsl(28, 58%, 67%);
   --bronze-400: hsl(28, 59%, 83%);
   --bc-lightest: var(--black-400);
@@ -8084,52 +8084,52 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
     --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, 29%, 19%);
-    --orange-300: hsl(27, 80%, 64%);
+    --orange-100: hsl(27, 30%, 19%);
+    --orange-200: hsl(27, 30%, 19%);
+    --orange-300: hsl(27, 80%, 72%);
     --orange-400: hsl(27, 80%, 72%);
-    --orange-500: hsl(27, 79%, 89%);
-    --orange-600: hsl(27, 80%, 93%);
-    --blue-100: hsl(209, 29%, 19%);
-    --blue-200: hsl(209, 29%, 19%);
+    --orange-500: hsl(28, 78%, 93%);
+    --orange-600: hsl(28, 78%, 93%);
+    --blue-100: hsl(209, 30%, 19%);
+    --blue-200: hsl(209, 30%, 19%);
     --blue-300: hsl(210, 80%, 72%);
     --blue-400: hsl(210, 80%, 75%);
-    --blue-500: hsl(209, 79%, 87%);
-    --blue-600: hsl(210, 80%, 93%);
-    --green-100: hsl(147, 29%, 19%);
-    --green-200: hsl(147, 29%, 19%);
+    --blue-500: hsl(210, 78%, 93%);
+    --blue-600: hsl(210, 78%, 93%);
+    --green-100: hsl(147, 30%, 19%);
+    --green-200: hsl(147, 30%, 19%);
     --green-300: hsl(148, 40%, 62%);
     --green-400: hsl(148, 40%, 68%);
-    --green-500: hsl(148, 39%, 87%);
-    --green-600: hsl(148, 40%, 93%);
-    --red-100: hsl(358, 29%, 19%);
-    --red-200: hsl(358, 29%, 19%);
+    --green-500: hsl(150, 39%, 93%);
+    --green-600: hsl(150, 39%, 93%);
+    --red-100: hsl(358, 30%, 19%);
+    --red-200: hsl(358, 30%, 19%);
     --red-300: hsl(0, 75%, 77%);
     --red-400: hsl(0, 73%, 80%);
-    --red-500: hsl(0, 70%, 92%);
-    --red-600: hsl(0, 73%, 95%);
+    --red-500: hsl(0, 76%, 95%);
+    --red-600: hsl(0, 76%, 95%);
     --yellow-100: hsl(43, 29%, 17%);
     --yellow-200: hsl(43, 29%, 17%);
-    --yellow-300: hsl(43, 59%, 64%);
+    --yellow-300: hsl(43, 75%, 75%);
     --yellow-400: hsl(43, 75%, 75%);
     --yellow-500: hsl(48, 74%, 91%);
-    --yellow-600: hsl(43, 75%, 91%);
+    --yellow-600: hsl(44, 74%, 91%);
     --purple-100: hsl(237, 24%, 23%);
     --purple-200: hsl(237, 24%, 23%);
-    --purple-300: hsl(237, 58%, 86%);
+    --purple-300: hsl(237, 60%, 82%);
     --purple-400: hsl(237, 60%, 82%);
-    --purple-500: hsl(237, 65%, 96%);
-    --purple-600: hsl(237, 65%, 96%);
+    --purple-500: hsl(237, 62%, 96%);
+    --purple-600: hsl(237, 62%, 96%);
     --gold-100: hsl(45, 22%, 25%);
     --gold-200: hsl(45, 22%, 25%);
     --gold-300: hsl(45, 92%, 62%);
     --gold-400: hsl(46, 93%, 78%);
     --silver-100: hsl(220, 2%, 26%);
     --silver-200: hsl(220, 2%, 26%);
-    --silver-300: hsl(216, 4%, 69%);
+    --silver-300: hsl(220, 4%, 69%);
     --silver-400: hsl(214, 8%, 83%);
-    --bronze-100: hsl(28, 13%, 27%);
-    --bronze-200: hsl(28, 13%, 27%);
+    --bronze-100: hsl(27, 13%, 27%);
+    --bronze-200: hsl(27, 13%, 27%);
     --bronze-300: hsl(28, 58%, 67%);
     --bronze-400: hsl(28, 59%, 83%);
     --bc-lightest: var(--black-400);