Fix #4300 - take css classes outside .opt-decoration in dark theme (#…

…4301) * Fix #4300 - take css classes outside .opt-decoraiton in dark theme * Apply reviewers comments * Make default-theme.scss match dark-theme.scss for opt-remarks
compiler-explorer · Nov 19, 2022 · 8be6ca1 · 8be6ca1
1 parent 4212cb6
commit 8be6ca1
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 13 deletions.
diff --git a/static/styles/themes/dark-theme.scss b/static/styles/themes/dark-theme.scss
@@ -458,20 +458,23 @@ textarea.form-control {
 }
 
 .opt-decoration {
-    .analysis,
-    .mixed {
+
+    &.analysis,
+    &.mixed {
         background: #fdfd96 !important;
     }
 
-    .passed {
+    &.passed {
         background: #77dd77 !important;
     }
 
-    .missed {
+    &.missed {
         background: #ff6961 !important;
     }
 }
 
+
+
 .popover,
 .popover-content,
 .libs-container,

diff --git a/static/styles/themes/default-theme.scss b/static/styles/themes/default-theme.scss
@@ -185,17 +185,19 @@ a.navbar-brand img.logo.normal {
     color: black;
 }
 
-.analysis,
-.mixed {
-    background: #fdfd96;
-}
+.opt-decoration {
+    &.analysis,
+    &.mixed {
+        background: #fdfd96;
+    }
 
-.passed {
-    background: #77dd77;
-}
+    &.passed {
+        background: #77dd77;
+    }
 
-.missed {
-    background: #ff6961;
+    &.missed {
+        background: #ff6961;
+    }
 }
 
 .conformance-wrapper {