From e1719652405ee9c5d6cfe695fa4a4a93e2d55c27 Mon Sep 17 00:00:00 2001
From: Dan Cormier <dcormier@stackoverflow.com>
Date: Thu, 18 May 2023 12:17:46 -0400
Subject: [PATCH] chore(post-summary): use opacity for ignores/deleted states
 (#1370)

supersedes https://github.com/StackExchange/Stacks/pull/1362
---
 lib/components/post-summary/post-summary.less | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/lib/components/post-summary/post-summary.less b/lib/components/post-summary/post-summary.less
index a143ce1490..a7dc920835 100644
--- 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,