npm - @stackoverflow/stacks - Versions diffs - 2.4.0 → 2.5.1 - Mend

@stackoverflow/stacks 2.4.0 → 2.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (104) hide show

package/dist/css/stacks.css CHANGED Viewed

@@ -5514,14 +5514,11 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
 }
 .s-tag {
   --_ta-bc: var(--theme-tag-border-color, var(--_ta-bg));
+  --_ta-bg: var(--theme-tag-background-color, var(--black-150));
+  --_ta-fc: var(--theme-tag-color, var(--black-500));
   --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--_ta-bg-hover));
-  --_ta-bc-selected: var(--theme-tag-selected-border-color, var(--_ta-bg-selected));
-  --_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-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-tag-selected-color, var(--theme-secondary-600));
+  --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--black-200));
+  --_ta-fc-hover: var(--theme-tag-hover-color, var(--black-600));
   --_ta-br: var(--br-sm);
   --_ta-fs: var(--fs-caption);
   --_ta-lh: 1.84615385;
@@ -5539,30 +5536,16 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   padding-right: var(--_ta-pr);
   align-items: center;
   display: inline-flex;
+  font-weight: 700;
   justify-content: center;
   min-width: 0;
   text-decoration: none;
   vertical-align: middle;
   white-space: nowrap;
 }
-body.theme-highcontrast .s-tag {
-  --_ta-bc: currentColor;
-  --_ta-bg-selected: var(--theme-secondary-400);
-  text-decoration: none;
-}
-.s-tag.is-selected,
-a.s-tag.is-selected,
-a.s-tag.is-selected:active,
-a.s-tag.is-selected:hover {
-  background-color: var(--_ta-bg-selected);
-  border-color: var(--_ta-bc-selected);
-  color: var(--_ta-fc-selected);
-}
-body.theme-highcontrast .s-tag.is-selected,
-body.theme-highcontrast a.s-tag.is-selected,
-body.theme-highcontrast a.s-tag.is-selected:active,
-body.theme-highcontrast a.s-tag.is-selected:hover {
-  --_ta-fc-selected: var(--white);
+body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):not(body.theme-highcontrast .s-tag__required) {
+  --_ta-bc: var(--theme-tag-border-color, var(--black-300));
+  --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--black-300));
 }
 .s-tag.s-tag__xs {
   --_ta-fs: var(--fs-fine);
@@ -5617,38 +5600,18 @@ body.theme-highcontrast a.s-tag.is-selected:hover {
 .s-tag.s-tag__moderator {
   --_ta-bc: var(--orange-300);
   --_ta-bg: var(--orange-100);
-  --_ta-fc: var(--orange-600);
+  --_ta-fc: var(--orange-500);
   --_ta-bc-hover: var(--orange-300);
   --_ta-bg-hover: var(--orange-200);
   --_ta-fc-hover: var(--orange-600);
-  --_ta-bc-selected: var(--orange-400);
-  --_ta-bg-selected: var(--orange-300);
-  --_ta-fc-selected: var(--orange-600);
-}
-body.theme-highcontrast .s-tag.s-tag__moderator {
-  --_ta-bg-selected: var(--orange-500);
-}
-.s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__required) {
-  --_ta-bg: var(--black-150);
-  --_ta-fc: var(--black-400);
-  --_ta-bg-hover: var(--black-200);
-  --_ta-fc-hover: var(--black-500);
-  --_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(--theme-tag-required-border-color, var(--_ta-bg));
-  --_ta-bc-hover: var(--theme-tag-required-hover-border-color, var(--_ta-bg-hover));
-  --_ta-bc-selected: var(--theme-tag-required-selected-border-color, var(--_ta-bg-selected));
-  --_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));
+  --_ta-bc: var(--theme-tag-required-border-color, var(--theme-tag-border-color, var(--black-400)));
+  --_ta-bg: var(--theme-tag-required-background-color, var(--theme-tag-background-color, var(--black-150)));
+  --_ta-fc: var(--theme-tag-required-color, var(--theme-tag-color, var(--black-500)));
+  --_ta-bc-hover: var(--theme-tag-required-hover-border-color, var(--theme-tag-hover-border-color, var(--black-600)));
+  --_ta-bg-hover: var(--theme-tag-required-hover-background-color, var(--theme-tag-hover-background-color, var(--black-200)));
+  --_ta-fc-hover: var(--theme-tag-required-hover-color, var(--theme-tag-hover-color, var(--black-600)));
 }
 .s-tag__watched,
 .s-tag.s-tag__watched {
@@ -5696,16 +5659,12 @@ body.theme-highcontrast .s-tag button.s-tag--dismiss:not(.s-btn):hover {
   width: 100%;
   height: 100%;
 }
-a.s-tag:not(.is-selected):hover,
-a.s-tag:not(.is-selected):active {
+a.s-tag:hover,
+a.s-tag:active {
   background-color: var(--_ta-bg-hover);
   border-color: var(--_ta-bc-hover);
   color: var(--_ta-fc-hover);
 }
-body.theme-highcontrast a.s-tag:not(.is-selected):hover,
-body.theme-highcontrast a.s-tag:not(.is-selected):active {
-  border-color: currentColor;
-}
 .s-tag:focus-visible {
   border-color: var(--focus-neutral) !important;
   box-shadow: 0 0 0 var(--su-static1) var(--focus-neutral), 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-theme);
@@ -6974,10 +6933,10 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   --highlight-comment: hsl(0, 0%, 60%);
   --highlight-deletion: var(--red-500);
   --highlight-keyword: var(--blue-400);
-  --highlight-literal: hsl(27, 85%, 61.5%);
-  --highlight-namespace: hsl(27, 85%, 61.5%);
+  --highlight-literal: hsl(27, 95%, 65%);
+  --highlight-namespace: hsl(27, 95%, 65%);
   --highlight-punctuation: hsl(0, 0%, 80%);
-  --highlight-symbol: hsl(306, 43%, 69%);
+  --highlight-symbol: hsl(306, 50%, 75%);
   --highlight-variable: hsl(65.5, 39%, 57.5%);
   --scrollbar: hsla(0, 0%, 100%, 0.2);
   --theme-primary: var(--theme-dark-primary-custom, var(--orange-400));
@@ -7106,10 +7065,10 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
     --highlight-comment: hsl(0, 0%, 60%);
     --highlight-deletion: var(--red-500);
     --highlight-keyword: var(--blue-400);
-    --highlight-literal: hsl(27, 85%, 61.5%);
-    --highlight-namespace: hsl(27, 85%, 61.5%);
+    --highlight-literal: hsl(27, 95%, 65%);
+    --highlight-namespace: hsl(27, 95%, 65%);
     --highlight-punctuation: hsl(0, 0%, 80%);
-    --highlight-symbol: hsl(306, 43%, 69%);
+    --highlight-symbol: hsl(306, 50%, 75%);
     --highlight-variable: hsl(65.5, 39%, 57.5%);
     --scrollbar: hsla(0, 0%, 100%, 0.2);
     --theme-primary: var(--theme-dark-primary-custom, var(--orange-400));
@@ -7242,7 +7201,7 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --highlight-namespace: hsl(16, 94%, 31%);
   --highlight-punctuation: var(--black-500);
   --highlight-symbol: hsl(309, 45%, 31%);
-  --highlight-variable: hsl(88, 100%, 19%);
+  --highlight-variable: hsl(88, 100%, 18%);
   --scrollbar: var(--black);
   --theme-primary: var(--orange-400);
   --theme-primary-100: var(--orange-100);