chore: alert divs styling for low warnings

Author: abose

src/styles/brackets_core_ui_variables.less

@@ -196,7 +196,9 @@
 
 // Warning
 @dark-bc-warning-bg:                 #c95800;
+@dark-bc-warning-bg-low:             #ffd966;
 @dark-bc-warning-text:               #fff;
+@dark-bc-warning-text-low:           #333333;
 
 // Text
 @dark-bc-text:                       #ccc;

src/styles/brackets_patterns_override.less

@@ -2221,9 +2221,24 @@ dt,
     border: none;
 
     .dark & {
-        color: @dark-bc-warning-bg;
+        background: @dark-bc-warning-bg;
+        border-radius: 2px;
+        color: @dark-bc-warning-text;
     }
 }
+
+.alert.alert-warning {
+    text-shadow: none;
+    background-color: @bc-warning-bg;
+    border: none;
+
+    .dark & {
+        background: @dark-bc-warning-bg-low;
+        border-radius: 2px;
+        color: @dark-bc-warning-text-low;
+    }
+}
+
 .alert h4 {
     // Specified for the h4 to prevent conflicts of changing @headingsColor
     color: @bc-warning-bg;