chore(post-summary): use opacity for ignores/deleted states (#1370)

supersedes #1362
StackExchange · May 18, 2023 · e171965 · e171965
1 parent b0a4610
commit e171965
Showing 1 changed file with 15 additions and 4 deletions.
diff --git a/lib/components/post-summary/post-summary.less b/lib/components/post-summary/post-summary.less
@@ -50,13 +50,19 @@
     &&__ignored {
         --_ps-has-answers-bc: var(--black-300);
         --_ps-has-answers-bg: transparent;
-        --_ps-has-answers-fc: var(--black-500);
+        --_ps-has-answers-fc: var(--_ps-state-fc);
         --_ps-has-accepted-answers-bc: transparent;
-        --_ps-has-accepted-answers-bg: var(--black-075);
-        --_ps-has-accepted-answers-fc: var(--black-600);
+        --_ps-has-accepted-answers-bg: var(--black-050);
+        --_ps-has-accepted-answers-fc: var(--_ps-state-fc);
         --_ps-meta-tags-tag-bg: var(--black-050);
+        --_ps-meta-tags-tag-fc: var(--_ps-state-fc);
         --_ps-state-fc: var(--black-500);
 
+        .s-post-summary--content > *:not(.s-post-summary--content-menu-button),
+        .s-post-summary--stats > *:not(.s-badge__danger) {
+            opacity: 0.75;
+        }
+
         .s-post-summary--meta-tags {
             a, // TODO: remove rule for `a` once Core replaces `.post-tag` with `.s-tag`
             .post-tag,
@@ -65,8 +71,11 @@
                 &:active,
                 &:hover,
                 &:focus {
+                    .highcontrast-mode({
+                        border-color: currentColor;
+                    });
+
                     background-color: var(--_ps-meta-tags-tag-bg);
-                    border-color: transparent;
                     color: var(--black-600);
                 }
             }
@@ -92,6 +101,8 @@
 
     &&__deleted {
         --_ps-bg: var(--red-025);
+        --_ps-has-accepted-answers-bg: var(--black-075);
+        --_ps-has-accepted-answers-fc: var(--black-600);
         --_ps-meta-tags-tag-bg: var(--black-075);
 
         .is-deleted,