Fix colors to have more visible contrast ratio (#7766)

Fixes internal issue devdiv.visualstudio.com/DevDiv/_workitems/edit/2295981 The default color by the host is #E49400 which has a ratio of 2.38:1. New color is defined by vs-code (blue by default, them dependent setting) at #007FD4 getting the ratio to ~4:1 image
dotnet · Nov 12, 2024 · 2ac68d6 · 2ac68d6
1 parent abb26cd
commit 2ac68d6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/razor/src/csharp/csharpPreviewPanel.ts b/src/razor/src/csharp/csharpPreviewPanel.ts
@@ -126,6 +126,9 @@ export class CSharpPreviewPanel {
             vertical-align: middle;
             cursor: pointer;
         }
+        button:focus-visible {
+            outline-color: var(--vscode-focusBorder)
+        }
     </style>
 
     <script type="text/javascript">

diff --git a/src/razor/src/html/htmlPreviewPanel.ts b/src/razor/src/html/htmlPreviewPanel.ts
@@ -127,6 +127,9 @@ export class HtmlPreviewPanel {
             vertical-align: middle;
             cursor: pointer;
         }
+        button:focus-visible {
+            outline-color: var(--vscode-focusBorder)
+        }
     </style>
 
     <script type="text/javascript">