Improve Hidden API colort (#8932)

Azure · Sep 9, 2024 · 5cabd4c · 5cabd4c
1 parent c178f06
commit 5cabd4c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 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
@@ -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
@@ -110,7 +110,7 @@
         }
 
         &.hidden-api .code-line-content {
-            filter: brightness(60%) saturate(60%);
+            filter: var(--hidden-api-filter);
         }
 
         .diff-change {