From 5cabd4cce2e69852f513c99df209e1b5c93b2a93 Mon Sep 17 00:00:00 2001
From: Chidozie Ononiwu <31145988+chidozieononiwu@users.noreply.github.com>
Date: Mon, 9 Sep 2024 10:05:29 -0700
Subject: [PATCH] Improve Hidden API colort (#8932)

---
 .../APIView/APIViewWeb/Client/css/shared/theme-colors.scss | 7 +++++++
 .../app/_components/code-panel/code-panel.component.scss   | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/shared/theme-colors.scss b/src/dotnet/APIView/APIViewWeb/Client/css/shared/theme-colors.scss
index 05cdc5a85e2..f9d76b0d143 100644
--- a/src/dotnet/APIView/APIViewWeb/Client/css/shared/theme-colors.scss
+++ b/src/dotnet/APIView/APIViewWeb/Client/css/shared/theme-colors.scss
@@ -49,6 +49,7 @@
     --code-comment: green;
     --literal-color: #008509;
     --enum-color: #8700BD;
+    --hidden-api-filter: saturate(50%) opacity(0.5);
     --java-doc-color: #8c8c8c;
     --java-comment-color: #8c8c8c;
     --java-field-name-color: #871094;
@@ -135,6 +136,9 @@
     --name-color: #{$base-text-color};
     --code-color: #db3984;
     --code-comment: green;
+    --literal-color: #008509;
+    --enum-color: #8700BD;
+    --hidden-api-filter: brightness(60%) saturate(60%);
     --java-doc-color: #629755;
     --java-comment-color: #808080;
     --java-field-name-color: #9876AA;
@@ -223,6 +227,9 @@
     --class-color: #ffc66d;
     --name-color: #{$base-text-color};
     --code-color: #db3984;
+    --literal-color: #008509;
+    --enum-color: #8700BD;
+    --hidden-api-filter: brightness(60%) saturate(60%);
     --code-comment: #8a9898;
     --java-doc-color: #629755;
     --java-comment-color: #808080;
diff --git a/src/dotnet/APIView/ClientSPA/src/app/_components/code-panel/code-panel.component.scss b/src/dotnet/APIView/ClientSPA/src/app/_components/code-panel/code-panel.component.scss
index c84ad39dcfb..7a4e2b1c301 100644
--- a/src/dotnet/APIView/ClientSPA/src/app/_components/code-panel/code-panel.component.scss
+++ b/src/dotnet/APIView/ClientSPA/src/app/_components/code-panel/code-panel.component.scss
@@ -110,7 +110,7 @@
         }
 
         &.hidden-api .code-line-content {
-            filter: brightness(60%) saturate(60%);
+            filter: var(--hidden-api-filter);
         }
 
         .diff-change {