chore: add .light-only and .dark-only rules to LS CSS (#472)

snyk · Jun 13, 2024 · a4f6160 · a4f6160
1 parent 614d382
commit a4f6160
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 # Snyk Security Changelog
 
+## [2.12.2]
+- Add CSS rules for `.light-only` and `.dark-only` to the LSP implementation. This allows the LSP to apply different styles based on the current theme.
+
 ## [2.12.1]
 - Fix applying AI fixes on Windows.
 

diff --git a/media/views/snykCode/suggestion/suggestionLS.scss b/media/views/snykCode/suggestion/suggestionLS.scss
@@ -117,7 +117,7 @@ body {
 .vscode-high-contrast:not(.vscode-high-contrast-light) .example-line.added {
     background-color: #1C4428;
     color: #fff;
-}        
+}
 
 .ignore-action-container {
     background-color: var(--vscode-editor-background);
@@ -140,3 +140,13 @@ body {
 .sn-fix-wrapper {
     background-color: var(--vscode-editor-background);
 }
+
+.vscode-dark .light-only,
+.vscode-high-contrast:not(.vscode-high-contrast-light) .light-only {
+  display: none;
+}
+
+.vscode-light .dark-only,
+.vscode-high-contrast.vscode-high-contrast-light .dark-only {
+  display: none;
+}