[update] Update MessageBar styles.

aleversn · Feb 20, 2024 · ae77b56 · ae77b56
1 parent 1775502
commit ae77b56
Showing 1 changed file with 37 additions and 39 deletions.
diff --git a/packages/dark-theme/MessageBar.scss b/packages/dark-theme/MessageBar.scss
@@ -2,61 +2,59 @@
 .fv-dark-MessageBar {
     @include fv-MessageBar();
 
-    &.dark {
-        border: rgba(39, 39, 39, 0.6) solid thin;
+    border: rgba(39, 39, 39, 0.6) solid thin;
 
-        &.normal {
-            background: rgba(39, 39, 39, 0.8);
-        }
-
-        &.warning {
-            background: rgba(67, 53, 25, 0.5);
-        }
+    &.normal {
+        background: rgba(39, 39, 39, 0.8);
+    }
 
-        &.correct {
-            background: rgba(57, 61, 27, 0.9);
-        }
+    &.warning {
+        background: rgba(67, 53, 25, 0.5);
+    }
 
-        &.error {
-            background: rgba(68, 39, 38, 0.9);
-        }
+    &.correct {
+        background: rgba(57, 61, 27, 0.9);
+    }
 
-        .msg-bar-block {
-            .icon-block {
-                color: black;
+    &.error {
+        background: rgba(68, 39, 38, 0.9);
+    }
 
-                &.normal {
-                    background: rgba(76, 195, 255, 1);
-                }
+    .msg-bar-block {
+        .icon-block {
+            color: black;
 
-                &.warning {
-                    background: rgba(252, 225, 0, 1);
-                }
+            &.normal {
+                background: rgba(76, 195, 255, 1);
+            }
 
-                &.correct {
-                    background: rgba(108, 203, 95, 1);
-                }
+            &.warning {
+                background: rgba(252, 225, 0, 1);
+            }
 
-                &.error {
-                    background: rgba(255, 153, 164, 1);
-                }
+            &.correct {
+                background: rgba(108, 203, 95, 1);
             }
 
-            .msg-content-block {
-                color: whitesmoke;
+            &.error {
+                background: rgba(255, 153, 164, 1);
             }
         }
 
-        .close-block {
+        .msg-content-block {
             color: whitesmoke;
+        }
+    }
 
-            &:hover {
-                background: rgba(200, 200, 200, 0.1);
-            }
+    .close-block {
+        color: whitesmoke;
 
-            &:active {
-                opacity: 0.8;
-            }
+        &:hover {
+            background: rgba(200, 200, 200, 0.1);
+        }
+
+        &:active {
+            opacity: 0.8;
         }
     }
 }