@stackoverflow/stacks 2.0.0-rc.2 → 2.0.0-rc.3

package/dist/css/stacks.css

@@ -720,15 +720,15 @@ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
   --_ba-fc: var(--black-500);
 }
 .s-badge.s-badge__gold {
-  --_ba-bc: var(--gold-400);
+  --_ba-bc: var(--gold-300);
   --_ba-bg: var(--gold-100);
 }
 .s-badge.s-badge__silver {
-  --_ba-bc: var(--silver-400);
+  --_ba-bc: var(--silver-300);
   --_ba-bg: var(--silver-100);
 }
 .s-badge.s-badge__bronze {
-  --_ba-bc: var(--bronze-400);
+  --_ba-bc: var(--bronze-300);
   --_ba-bg: var(--bronze-100);
 }
 .s-badge.s-badge__answered,
@@ -752,11 +752,11 @@ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
   --_ba-bg: var(--red-400);
 }
 .s-badge.s-badge__rep {
-  --_ba-bc: var(--green-400);
+  --_ba-bc: var(--green-300);
   --_ba-fc: var(--green-400);
 }
 .s-badge.s-badge__rep-down {
-  --_ba-bc: var(--red-400);
+  --_ba-bc: var(--red-300);
   --_ba-fc: var(--red-400);
 }
 .s-badge.s-badge__votes:not(.s-badge__answered) {
@@ -804,7 +804,7 @@ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
   mask-size: contain;
 }
 .s-badge.s-badge__staff {
-  --_ba-bc: var(--orange-400);
+  --_ba-bc: var(--orange-300);
   --_ba-bg: var(--orange-200);
   --_ba-fc: var(--orange-600);
 }
@@ -813,7 +813,7 @@ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
   --_ba-bc: transparent;
 }
 .s-badge.s-badge__danger {
-  --_ba-bc: var(--red-400);
+  --_ba-bc: var(--red-300);
   --_ba-bg: var(--red-200);
   --_ba-fc: var(--red-600);
 }
@@ -822,17 +822,17 @@ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
   --_ba-fc: var(--white);
 }
 .s-badge.s-badge__info {
-  --_ba-bc: var(--blue-400);
+  --_ba-bc: var(--blue-300);
   --_ba-bg: var(--blue-200);
   --_ba-fc: var(--blue-600);
 }
 .s-badge.s-badge__warning {
-  --_ba-bc: var(--yellow-400);
+  --_ba-bc: var(--yellow-300);
   --_ba-bg: var(--yellow-200);
   --_ba-fc: var(--yellow-600);
 }
 .s-badge.s-badge__muted {
-  --_ba-bc: var(--black-400);
+  --_ba-bc: var(--black-300);
   --_ba-bg: var(--black-200);
   --_ba-fc: var(--black-500);
 }
@@ -853,7 +853,7 @@ a.s-badge:hover {
 .s-banner {
   --_no-x-offset: 0;
   --_no-bc: var(--black-225);
-  --_no-bg: var(--black-150);
+  --_no-bg: var(--black-100);
   --_no-fc: var(--black-500);
   --_no-btn-bg-focus: var(--black-225);
   --_no-btn-bg-active: var(--black-250);
@@ -2071,7 +2071,7 @@ pre.s-code-block::-webkit-scrollbar-corner {
   border-color: transparent;
 }
 .s-description {
-  color: var(--fc-medium);
+  color: var(--fc-light);
   font-size: var(--fs-caption);
   padding: 0 var(--su2);
 }
@@ -2158,7 +2158,7 @@ pre.s-code-block::-webkit-scrollbar-corner {
 }
 .s-input,
 .s-textarea {
-  --_in-bc: var(--bc-dark);
+  --_in-bc: var(--bc-darker);
   --_in-bc-focus: var(--theme-secondary-400);
   --_in-bg: var(--white);
   --_in-br: var(--br-md);
@@ -2512,7 +2512,7 @@ fieldset[disabled] .s-input-message {
 .s-label {
   --_la-fs: var(--fs-body2);
   font-size: var(--_la-fs);
-  color: var(--fc-dark);
+  color: var(--fc-medium);
   font-family: inherit;
   font-weight: 600;
   padding: 0 var(--su2);
@@ -3133,7 +3133,7 @@ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
 }
 .s-notice {
   --_no-bc: var(--black-225);
-  --_no-bg: var(--black-150);
+  --_no-bg: var(--black-100);
   --_no-fc: var(--black-500);
   --_no-btn-bg-focus: var(--black-225);
   --_no-btn-bg-active: var(--black-250);
@@ -3321,7 +3321,7 @@ body.theme-highcontrast .s-notice__warning.s-notice__important {
 .s-page-title .s-page-title--header {
   color: var(--fc-dark);
   font-size: var(--fs-headline1);
-  font-weight: normal;
+  font-weight: bold;
   line-height: var(--lh-sm);
   margin: 0;
   margin-bottom: 0;
@@ -3336,10 +3336,10 @@ body.theme-highcontrast .s-notice__warning.s-notice__important {
 }
 .s-pagination .s-pagination--item {
   --_pa-item-bg: transparent;
-  --_pa-item-bc: var(--bc-medium);
+  --_pa-item-bc: var(--bc-darker);
   --_pa-item-fc: var(--fc-medium);
   --_pa-item-bg-hover: var(--black-225);
-  --_pa-item-bc-hover: var(--bc-dark);
+  --_pa-item-bc-hover: var(--bc-darker);
   --_pa-item-fc-hover: var(--fc-dark);
   background-color: var(--_pa-item-bg);
   border: 1px solid var(--_pa-item-bc);
@@ -3549,11 +3549,11 @@ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
   --_ps-stats-fc: var(--_ps-state-fc, var(--fc-light));
   --_ps-stats-fd: column;
   --_ps-stats-w: calc(var(--su96) + var(--su12));
-  --_ps-has-answers-bc: var(--green-500);
+  --_ps-has-answers-bc: var(--green-400);
   --_ps-has-answers-bg: unset;
-  --_ps-has-answers-fc: var(--green-500);
-  --_ps-has-accepted-answers-bc: var(--green-500);
-  --_ps-has-accepted-answers-bg: var(--green-500);
+  --_ps-has-answers-fc: var(--green-400);
+  --_ps-has-accepted-answers-bc: var(--green-400);
+  --_ps-has-accepted-answers-bg: var(--green-400);
   --_ps-has-accepted-answers-fc: var(--white);
   --_ps-stats-item-emphasized-fc: var(--_ps-state-fc, var(--fc-dark));
   background-color: var(--_ps-bg);
@@ -4083,7 +4083,7 @@ body.theme-highcontrast .s-progress.s-progress__privilege {
   display: flex;
 }
 .s-progress.s-progress__stepped .s-progress--bar {
-  background: var(--black-350);
+  background: var(--black-250);
   border-radius: 0;
   height: var(--su-static6);
   position: absolute;
@@ -4139,7 +4139,7 @@ body.theme-highcontrast .s-progress.s-progress__privilege {
 }
 .s-progress.s-progress__stepped .s-progress--stop {
   align-items: center;
-  background: var(--black-350);
+  background: var(--black-250);
   border-radius: 100%;
   color: var(--_white-static);
   display: flex;
@@ -4219,7 +4219,7 @@ body.theme-highcontrast .s-progress.s-progress__stepped .s-progress--stop {
   --_pr-h6-fs: var(--fs-body1);
   --_pr-hr-bg: var(--black-225);
   --_pr-img-mb: 1.1em;
-  --_pr-kbd-bc: var(--black-350);
+  --_pr-kbd-bc: var(--black-300);
   --_pr-kbd-bs: 0 var(--su-static1) var(--su-static1) hsla(210, 8%, 5%, 0.15), inset 0 1px 0 0 var(--_white-static);
   --_pr-spoiler-cursor: pointer;
   --_pr-spoiler-after-t: 1em;
@@ -4945,7 +4945,7 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
 }
 .s-sidebarwidget .s-sidebarwidget--header.s-sidebarwidget__expanding-control:before {
   border: calc(var(--su-static4) + var(--su-static1)) solid transparent;
-  border-left-color: var(--bc-dark);
+  border-left-color: var(--black-400);
   border-right-width: 0;
   content: '';
   float: left;
@@ -5530,40 +5530,40 @@ 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(--red-300);
-  --_ta-bg: var(--red-200);
-  --_ta-fc: var(--red-600);
-  --_ta-bc-hover: var(--red-400);
-  --_ta-bg-hover: var(--red-300);
-  --_ta-fc-hover: var(--red-600);
-  --_ta-bc-selected: var(--red-400);
-  --_ta-bg-selected: var(--red-300);
-  --_ta-fc-selected: var(--red-600);
+  --_ta-bc: transparent;
+  --_ta-bg: var(--orange-100);
+  --_ta-fc: var(--orange-500);
+  --_ta-bc-hover: transparent;
+  --_ta-bg-hover: var(--orange-200);
+  --_ta-fc-hover: var(--orange-600);
+  --_ta-bc-selected: transparent;
+  --_ta-bg-selected: var(--orange-300);
+  --_ta-fc-selected: var(--orange-600);
 }
 .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__required) {
   --_ta-bc: transparent;
-  --_ta-bg: var(--black-200);
-  --_ta-fc: var(--black-500);
+  --_ta-bg: var(--black-150);
+  --_ta-fc: var(--black-400);
   --_ta-bc-hover: transparent;
-  --_ta-bg-hover: var(--black-225);
-  --_ta-fc-hover: var(--black-600);
+  --_ta-bg-hover: var(--black-200);
+  --_ta-fc-hover: var(--black-500);
   --_ta-bc-selected: transparent;
-  --_ta-bg-selected: var(--black-300);
+  --_ta-bg-selected: var(--black-225);
   --_ta-fc-selected: var(--black-600);
 }
 body.theme-highcontrast .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__required) {
   --_ta-bc: currentColor;
 }
 .s-tag.s-tag__required:not(.s-tag__moderator) {
-  --_ta-bc: var(--bc-dark);
-  --_ta-bg: var(--black-200);
-  --_ta-fc: var(--black-500);
-  --_ta-bc-hover: var(--black-350);
-  --_ta-bg-hover: var(--black-225);
-  --_ta-fc-hover: var(--black-600);
-  --_ta-bc-selected: var(--black-400);
-  --_ta-bg-selected: var(--black-300);
-  --_ta-fc-selected: var(--black-600);
+  --_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);
 }
 .s-tag__watched,
 .s-tag.s-tag__watched {
@@ -6295,7 +6295,7 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   --_uc-fc: var(--black-400);
 }
 .s-user-card.s-user-card__highlighted {
-  --_uc-bg: var(--theme-secondary-200);
+  --_uc-bg: var(--theme-secondary-100);
   --_uc-bar: var(--br-md);
   --_uc-time-fc: var(--black-500);
   --_uc-type-fc: var(--black-500);
@@ -7382,7 +7382,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
 body {
   --_o-disabled: 0.5;
   --_o-disabled-static: 0.5;
-  --_black-static: hsl(210, 8%, 5%);
+  --_black-static: hsl(0, 0%, 0%);
   --_white-static: hsl(0, 0%, 100%);
   --bg-error: var(--red-400);
   --bg-danger: var(--red-400);
@@ -7431,11 +7431,11 @@ body {
   --theme-button-filled-selected-border-color: var(--theme-secondary-400);
   --theme-button-outlined-border-color: var(--theme-secondary-400);
   --theme-button-outlined-selected-border-color: var(--theme-secondary-400);
-  --theme-tag-color: var(--theme-secondary-600);
-  --theme-tag-background-color: var(--theme-secondary-200);
+  --theme-tag-color: var(--theme-secondary-500);
+  --theme-tag-background-color: var(--theme-secondary-100);
   --theme-tag-border-color: transparent;
   --theme-tag-hover-color: var(--theme-secondary-600);
-  --theme-tag-hover-background-color: var(--theme-secondary-300);
+  --theme-tag-hover-background-color: var(--theme-secondary-200);
   --theme-tag-hover-border-color: transparent;
   --theme-topbar-height: calc(var(--su-static48) + var(--su-static8));
   --theme-topbar-background-color: var(--white);
@@ -7486,7 +7486,7 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --black-400: hsl(210, 8%, 42%);
   --black-500: hsl(210, 8%, 25%);
   --black-600: hsl(210, 8%, 5%);
-  --black: hsl(210, 8%, 5%);
+  --black: hsl(0, 0%, 0%);
   --orange-100: hsl(23, 85%, 97%);
   --orange-200: hsl(27, 85%, 87%);
   --orange-300: hsl(27, 85%, 72%);
@@ -7857,7 +7857,7 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --black-400: hsl(212, 8%, 35%);
   --black-500: hsl(210, 8%, 25%);
   --black-600: hsl(210, 8%, 5%);
-  --black: hsl(210, 8%, 5%);
+  --black: hsl(0, 0%, 0%);
   --orange-100: hsl(22, 85%, 97%);
   --orange-200: hsl(22, 85%, 97%);
   --orange-300: hsl(27, 90%, 55%);