@stackoverflow/stacks 2.0.0-rc.10 → 2.0.0-rc.11

package/dist/css/stacks.css

@@ -692,15 +692,15 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
   vertical-align: middle;
   white-space: nowrap;
 }
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__gold,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__silver,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__bronze,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__rep,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__rep-down,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__votes:not(body.theme-highcontrast .s-badge__answered),
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__admin,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__moderator,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
+body.theme-highcontrast .s-badge__gold,
+body.theme-highcontrast .s-badge__silver,
+body.theme-highcontrast .s-badge__bronze,
+body.theme-highcontrast .s-badge__rep,
+body.theme-highcontrast .s-badge__rep-down,
+body.theme-highcontrast .s-badge__votes:not(.s-badge__answered),
+body.theme-highcontrast .s-badge__admin,
+body.theme-highcontrast .s-badge__moderator,
+body.theme-highcontrast .s-badge__staff {
   --_ba-bc: currentColor;
 }
 .s-badge.s-badge__xs,
@@ -768,7 +768,7 @@ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
   --_ba-fc: var(--black-500);
 }
 .s-badge.s-badge__admin {
-  --_ba-bc: var(--theme-primary-300);
+  --_ba-bc: var(--theme-primary-200);
   --_ba-bg: var(--theme-primary-100);
   --_ba-fc: var(--theme-primary-500);
 }
@@ -3001,6 +3001,7 @@ body.theme-system .theme-dark__forced .s-modal .s-modal--dialog {
   font-weight: normal;
   line-height: var(--lh-sm);
   margin-bottom: var(--su16);
+  margin-right: var(--su24);
 }
 .s-navigation {
   --_na-fd: row;
@@ -3697,7 +3698,7 @@ body.theme-system .theme-dark__forced .s-post-summary.s-post-summary__deleted .s
   color: var(--white);
 }
 .s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) {
-  --_ps-bg: var(--yellow-200);
+  --_ps-bg: var(--yellow-100);
   --_ps-stats-fc: var(--black-400);
   --_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400)));
   --_ps-content-title-a-fc-hover: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500)));
@@ -5756,12 +5757,12 @@ input[type="checkbox"].s-toggle-switch[disabled] {
   align-items: center;
 }
 body.theme-highcontrast .s-topbar {
-  --theme-topbar-search-color: var(--theme-topbar-item-color, var(--black-500));
+  --theme-topbar-search-color: var(--theme-topbar-item-color, var(--black-400));
   --theme-topbar-search-background: var(--theme-topbar-background-color, var(--white));
-  --theme-topbar-search-placeholder: var(--theme-topbar-item-color, var(--black-500));
-  --theme-topbar-search-border: var(--theme-topbar-item-color, var(--black-500));
-  --theme-topbar-search-border-focus: var(--theme-topbar-item-color, var(--black-500));
-  --theme-topbar-select-color: var(--theme-topbar-item-color, var(--black-500));
+  --theme-topbar-search-placeholder: var(--theme-topbar-item-color, var(--black-400));
+  --theme-topbar-search-border: var(--theme-topbar-item-color, var(--black-400));
+  --theme-topbar-search-border-focus: var(--theme-topbar-item-color, var(--black-400));
+  --theme-topbar-select-color: var(--theme-topbar-item-color, var(--black-400));
   --theme-topbar-select-background: var(--theme-topbar-background-color, var(--white));
   --theme-topbar-item-color: var(--black-600);
   --theme-topbar-item-color-hover: var(--black-600);
@@ -5805,7 +5806,7 @@ body.theme-highcontrast .s-topbar {
 .s-topbar .s-topbar--menu-btn span:after {
   width: var(--su-static16);
   height: var(--su-static2);
-  background-color: var(--theme-topbar-item-color, var(--black-500));
+  background-color: var(--theme-topbar-item-color, var(--black-400));
   position: relative;
 }
 .s-topbar .s-topbar--menu-btn span:before,
@@ -5844,12 +5845,22 @@ body.theme-highcontrast .s-topbar {
   box-shadow: var(--theme-topbar-search-shadow-focus, 0 0 0 var(--su-static4) var(--focus-ring));
 }
 .s-topbar .s-navigation .s-navigation--item:not(.is-selected) {
-  color: var(--theme-topbar-item-color, var(--black-500));
+  color: var(--theme-topbar-item-color, var(--black-400));
 }
 .s-topbar .s-navigation .s-navigation--item:not(.is-selected):hover {
   color: var(--theme-topbar-item-color-hover, var(--black-600));
   background-color: var(--theme-topbar-item-background-hover, var(--black-200));
 }
+.s-topbar .s-popover .s-navigation .s-navigation--item:focus-visible {
+  box-shadow: var(0 0 0 var(--su-static4) var(--focus-ring));
+}
+.s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected) {
+  color: var(--black-500);
+}
+.s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected):hover {
+  color: var(--black-600);
+  background-color: var(--black-200);
+}
 .s-topbar__light {
   --theme-topbar-background-color: var(--_white-static);
   --theme-topbar-bottom-border: 1px solid hsl(210, 8%, 85%);
@@ -5955,7 +5966,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
   border-color: transparent;
 }
 .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) {
-  color: var(--theme-topbar-item-color, var(--black-500));
+  color: var(--theme-topbar-item-color, var(--black-400));
   display: inline-flex;
   align-items: center;
   padding: 0 calc(var(--su12) - var(--su2));
@@ -6005,7 +6016,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
   flex-shrink: 0;
   border-color: transparent;
   background-color: transparent;
-  color: var(--theme-topbar-item-color, var(--black-500));
+  color: var(--theme-topbar-item-color, var(--black-400));
 }
 .s-topbar--notice:hover,
 .s-topbar--notice:focus {
@@ -6370,8 +6381,8 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   font-size: var(--fs-caption);
   grid-column: 1 / 3;
 }
-.s-user-card .s-user-card--type a {
-  color: inherit;
+.s-user-card .s-user-card--type a:not(.s-link) {
+  color: inherit !important;
 }
 @font-face {
   font-family: "Segoe UI Adjusted";