@stackoverflow/stacks 1.3.1 → 1.3.4

package/dist/css/stacks.css

@@ -2299,29 +2299,26 @@ body.theme-system .theme-dark__forced .s-popover--arrow {
   padding: var(--su2) var(--su4);
 }
 .s-post-summary--stats .s-post-summary--stats-item.has-answers {
-  color: var(--green-600);
-  border: 1px solid var(--green-600);
+  color: var(--green-700);
+  border: 1px solid var(--green-700);
 }
 .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
-  color: hsl(0, 0%, 100%);
-  background-color: var(--green-500);
-  border-color: var(--green-500);
-}
-body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
   color: var(--white);
+  background-color: var(--green-700);
+  border-color: var(--green-700);
 }
 .s-post-summary--stats .s-post-summary--stats-item.has-bounty {
   color: var(--white);
   background-color: var(--blue-600);
 }
 .s-post-summary--stats .s-post-summary--stats-item.is-warm {
-  color: var(--orange-800);
+  color: var(--yellow-900);
 }
 .s-post-summary--stats .s-post-summary--stats-item.is-hot {
-  color: var(--orange-600);
+  color: var(--orange-800);
 }
 .s-post-summary--stats .s-post-summary--stats-item.is-supernova {
-  color: var(--orange-400);
+  color: var(--red-800);
 }
 .s-post-summary--stats .s-post-summary--stats-item.is-published {
   color: var(--black-800);
@@ -2501,35 +2498,80 @@ body.theme-highcontrast .s-post-summary--answer:before {
 .s-post-summary__watched {
   background-color: var(--yellow-050);
 }
+.s-post-summary__watched .s-post-summary--stats {
+  color: var(--black-500);
+}
+.s-post-summary__watched .s-user-card .s-user-card--rep,
+.s-post-summary__watched .s-user-card .s-user-card--time {
+  color: var(--black-600);
+}
 .s-post-summary__deleted {
-  background-color: var(--red-050);
+  background-color: var(--red-025);
+}
+.s-post-summary__deleted .s-badge__filled {
+  color: var(--white);
+}
+@media (prefers-color-scheme: dark) {
+  body.theme-system .s-post-summary__deleted .s-badge__filled {
+    background-color: var(--red-800);
+  }
+}
+body.theme-dark .s-post-summary__deleted .s-badge__filled,
+.theme-dark__forced .s-post-summary__deleted .s-badge__filled,
+body.theme-system .theme-dark__forced .s-post-summary__deleted .s-badge__filled {
+  background-color: var(--red-800);
 }
 .s-post-summary__deleted .is-deleted {
-  color: hsl(0, 0%, 100%);
-  background-color: var(--red-500);
+  color: var(--white);
+  background-color: var(--red-600);
 }
-.s-post-summary__ignored .s-post-summary--content > *:not(.s-post-summary--content-menu-button):not(.s-post-summary--meta),
-.s-post-summary__deleted .s-post-summary--content > *:not(.s-post-summary--content-menu-button):not(.s-post-summary--meta) {
-  opacity: calc(var(--_o-disabled-static) * 1.2);
+.s-post-summary__deleted .s-post-summary--meta-tags > a,
+.s-post-summary__deleted .s-post-summary--meta-tags > .s-tag,
+.s-post-summary__deleted .s-post-summary--meta-tags > a:hover,
+.s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:hover,
+.s-post-summary__deleted .s-post-summary--meta-tags > a:active,
+.s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:active,
+.s-post-summary__deleted .s-post-summary--meta-tags > a:focus,
+.s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:focus {
+  background-color: var(--black-075);
 }
-.s-post-summary__ignored .s-post-summary--stats-item:not(.s-badge):not(.is-deleted),
-.s-post-summary__deleted .s-post-summary--stats-item:not(.s-badge):not(.is-deleted) {
-  opacity: calc(var(--_o-disabled-static) * 1.2);
-  filter: grayscale(100%);
+.s-post-summary__ignored .s-post-summary--stats {
+  color: var(--black-500);
 }
-.s-post-summary__ignored .s-post-summary--content-title a,
-.s-post-summary__deleted .s-post-summary--content-title a {
+.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.has-answers {
   color: var(--black-600);
+  border: 1px solid var(--black-075);
+  background-color: var(--black-075);
+}
+.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.has-answers .has-accepted-answer {
+  color: var(--black-600);
+  background-color: var(--black-075);
+  border-color: var(--black-075);
 }
-.s-post-summary__ignored .s-post-summary--content-title a:hover,
-.s-post-summary__deleted .s-post-summary--content-title a:hover,
-.s-post-summary__ignored .s-post-summary--content-title a:active,
-.s-post-summary__deleted .s-post-summary--content-title a:active {
+.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item__emphasized {
   color: var(--black-500);
 }
-.s-post-summary__ignored .s-post-summary--content-title a:visited,
-.s-post-summary__deleted .s-post-summary--content-title a:visited {
-  color: var(--black-700);
+.s-post-summary__ignored .s-post-summary--meta-tags > a,
+.s-post-summary__ignored .s-post-summary--meta-tags > .s-tag,
+.s-post-summary__ignored .s-post-summary--meta-tags > a:hover,
+.s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:hover,
+.s-post-summary__ignored .s-post-summary--meta-tags > a:active,
+.s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:active,
+.s-post-summary__ignored .s-post-summary--meta-tags > a:focus,
+.s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:focus {
+  background-color: var(--black-050);
+}
+.s-post-summary__ignored .s-post-summary--content-title > a,
+.s-post-summary__deleted .s-post-summary--content-title > a {
+  color: var(--black-500);
+}
+.s-post-summary__ignored .s-post-summary--content-title > a:hover,
+.s-post-summary__deleted .s-post-summary--content-title > a:hover,
+.s-post-summary__ignored .s-post-summary--content-title > a:active,
+.s-post-summary__deleted .s-post-summary--content-title > a:active,
+.s-post-summary__ignored .s-post-summary--content-title > a:visited,
+.s-post-summary__deleted .s-post-summary--content-title > a:visited {
+  color: var(--black-500);
 }
 .s-post-summary__ignored .s-post-summary--content-excerpt,
 .s-post-summary__deleted .s-post-summary--content-excerpt {
@@ -2537,13 +2579,35 @@ body.theme-highcontrast .s-post-summary--answer:before {
 }
 .s-post-summary__ignored .s-post-summary--meta > *:not(.s-post-summary--meta-tags),
 .s-post-summary__deleted .s-post-summary--meta > *:not(.s-post-summary--meta-tags) {
-  opacity: calc(var(--_o-disabled-static) * 1.2);
-  filter: grayscale(100%);
+  color: var(--black-600);
 }
 .s-post-summary__ignored .s-post-summary--meta-tags > a,
-.s-post-summary__deleted .s-post-summary--meta-tags > a {
-  opacity: calc(var(--_o-disabled-static) * 1.2);
-  filter: grayscale(100%);
+.s-post-summary__deleted .s-post-summary--meta-tags > a,
+.s-post-summary__ignored .s-post-summary--meta-tags > .s-tag,
+.s-post-summary__deleted .s-post-summary--meta-tags > .s-tag,
+.s-post-summary__ignored .s-post-summary--meta-tags > a:hover,
+.s-post-summary__deleted .s-post-summary--meta-tags > a:hover,
+.s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:hover,
+.s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:hover,
+.s-post-summary__ignored .s-post-summary--meta-tags > a:active,
+.s-post-summary__deleted .s-post-summary--meta-tags > a:active,
+.s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:active,
+.s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:active,
+.s-post-summary__ignored .s-post-summary--meta-tags > a:focus,
+.s-post-summary__deleted .s-post-summary--meta-tags > a:focus,
+.s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:focus,
+.s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:focus {
+  color: var(--black-600);
+}
+.s-post-summary__ignored .s-user-card .s-user-card--link,
+.s-post-summary__deleted .s-user-card .s-user-card--link {
+  color: var(--black-500);
+}
+.s-post-summary__ignored .s-user-card .s-user-card--rep,
+.s-post-summary__deleted .s-user-card .s-user-card--rep,
+.s-post-summary__ignored .s-user-card .s-user-card--time,
+.s-post-summary__deleted .s-user-card .s-user-card--time {
+  color: var(--black-500);
 }
 .s-progress,
 .s-progress--bar {
@@ -4352,6 +4416,7 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   color: var(--black-600);
   font-size: var(--fs-body2);
   font-weight: normal;
+  margin: 0;
 }
 .s-sidebarwidget--header:first-child {
   border-top-left-radius: var(--br-sm);
@@ -4871,6 +4936,7 @@ body.theme-system .theme-light__forced {
   --yellow-700: hsl(47, 79%, 40%);
   --yellow-800: hsl(47, 82%, 34%);
   --yellow-900: hsl(47, 84%, 28%);
+  --red-025: hsl(358, 80%, 98%);
   --red-050: hsl(358, 75%, 97%);
   --red-100: hsl(358, 76%, 90%);
   --red-200: hsl(358, 74%, 83%);
@@ -5044,6 +5110,7 @@ body:not(.theme-dark) .theme-dark__forced {
   --yellow-700: hsl(47, 84.5%, 64%);
   --yellow-800: hsl(47, 90%, 72.5%);
   --yellow-900: hsl(47, 93%, 83.5%);
+  --red-025: hsl(1, 10%, 24%);
   --red-050: hsl(1, 30%, 26.5%);
   --red-100: hsl(1, 35%, 33%);
   --red-200: hsl(1, 37%, 38.5%);
@@ -5215,6 +5282,7 @@ body:not(.theme-dark) .theme-dark__forced .themed {
     --yellow-700: hsl(47, 84.5%, 64%);
     --yellow-800: hsl(47, 90%, 72.5%);
     --yellow-900: hsl(47, 93%, 83.5%);
+    --red-025: hsl(1, 10%, 24%);
     --red-050: hsl(1, 30%, 26.5%);
     --red-100: hsl(1, 35%, 33%);
     --red-200: hsl(1, 37%, 38.5%);
@@ -5386,6 +5454,7 @@ body.theme-system.theme-highcontrast .theme-light__forced {
   --yellow-700: hsl(47, 100%, 19%);
   --yellow-800: hsl(47, 100%, 13%);
   --yellow-900: hsl(47, 100%, 7%);
+  --red-025: hsl(358, 100%, 97%);
   --red-050: hsl(358, 100%, 94%);
   --red-100: hsl(358, 100%, 92%);
   --red-200: hsl(358, 100%, 89%);
@@ -5508,6 +5577,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
   --yellow-700: hsl(47, 100%, 79%);
   --yellow-800: hsl(47, 100%, 87%);
   --yellow-900: hsl(47, 100%, 95%);
+  --red-025: hsl(358, 100%, 7%);
   --red-050: hsl(358, 100%, 9%);
   --red-100: hsl(358, 100%, 12%);
   --red-200: hsl(358, 100%, 17%);
@@ -5630,6 +5700,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
     --yellow-700: hsl(47, 100%, 79%);
     --yellow-800: hsl(47, 100%, 87%);
     --yellow-900: hsl(47, 100%, 95%);
+    --red-025: hsl(358, 100%, 7%);
     --red-050: hsl(358, 100%, 9%);
     --red-100: hsl(358, 100%, 12%);
     --red-200: hsl(358, 100%, 17%);
@@ -6190,6 +6261,9 @@ body.theme-highcontrast  .bc-black-200 {
 .bc-green-900 {
   border-color: var(--green-900) !important;
 }
+.bc-red-025 {
+  border-color: var(--red-025) !important;
+}
 .bc-red-050 {
   border-color: var(--red-050) !important;
 }
@@ -9502,6 +9576,38 @@ body.theme-dark .d\:bg-green-025,
 body.theme-system .theme-dark__forced .d\:bg-green-025 {
   background-color: var(--green-025) !important;
 }
+.fc-red-025,
+.h\:fc-red-025:hover,
+.f\:fc-red-025:focus,
+.f\:fc-red-025:focus-within {
+  color: var(--red-025) !important;
+}
+@media (prefers-color-scheme: dark) {
+  body.theme-system .d\:fc-red-025 {
+    color: var(--red-025) !important;
+  }
+}
+body.theme-dark .d\:fc-red-025,
+.theme-dark__forced .d\:fc-red-025,
+body.theme-system .theme-dark__forced .d\:fc-red-025 {
+  color: var(--red-025) !important;
+}
+.bg-red-025,
+.h\:bg-red-025:hover,
+.f\:bg-red-025:focus,
+.f\:bg-red-025:focus-within {
+  background-color: var(--red-025) !important;
+}
+@media (prefers-color-scheme: dark) {
+  body.theme-system .d\:bg-red-025 {
+    background-color: var(--red-025) !important;
+  }
+}
+body.theme-dark .d\:bg-red-025,
+.theme-dark__forced .d\:bg-red-025,
+body.theme-system .theme-dark__forced .d\:bg-red-025 {
+  background-color: var(--red-025) !important;
+}
 .fc-theme-primary-350,
 .h\:fc-theme-primary-350:hover,
 .f\:fc-theme-primary-350:focus,
@@ -20054,6 +20160,7 @@ button.s-link:focus {
   box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-muted);
 }
 .s-block-link.is-selected {
+  --_block-bs: inset var(--_block-bs-offset-x, 3px) 0 0 var(--theme-primary-color);
   color: var(--black-800);
   font-weight: bold;
   background-color: var(--black-050);
@@ -20069,10 +20176,21 @@ body.theme-system .theme-dark__forced .s-block-link.is-selected {
   background-color: var(--black-025);
 }
 .s-block-link.is-selected.s-block-link__right {
-  box-shadow: inset -3px 0 0 var(--theme-primary-color);
+  --_block-bs-offset-x: -3px;
+}
+.s-block-link.is-selected.s-block-link__left,
+.s-block-link.is-selected.s-block-link__right {
+  box-shadow: var(--_block-bs);
+}
+.s-block-link.is-selected.s-block-link__left:focus:not(:focus-visible),
+.s-block-link.is-selected.s-block-link__right:focus:not(:focus-visible),
+.s-block-link.is-selected.s-block-link__left:focus-visible,
+.s-block-link.is-selected.s-block-link__right:focus-visible {
+  outline: none;
 }
-.s-block-link.is-selected.s-block-link__left {
-  box-shadow: inset 3px 0 0 var(--theme-primary-color);
+.s-block-link.is-selected.s-block-link__left:focus-visible,
+.s-block-link.is-selected.s-block-link__right:focus-visible {
+  box-shadow: var(--_block-bs), 0 0 0 var(--su-static4) var(--focus-ring-muted);
 }
 .s-block-link.s-block-link__danger {
   color: var(--red-500);