fix: styling of bottom panels btn-alt-quiet

Author: abose

src/styles/brackets_core_ui_variables.less

@@ -118,6 +118,7 @@
 @bc-btn-bg:                     #e5e9e9;
 @bc-btn-bg-down:                #d3d7d7;
 @bc-btn-bg-down-alt:            #404141;
+@bc-btn-bg-down-flush:          #b5b8b8;
 @bc-btn-border:                 #b2b5b5;
 @bc-btn-border-error:           #fa689d;
 @bc-btn-border-error-glow:      #ffb0cd;
@@ -229,6 +230,7 @@
 @dark-bc-btn-bg:                     #3f3f3f;
 @dark-bc-btn-bg-down:                #383838;
 @dark-bc-btn-bg-down-alt:            #404141;
+@dark-bc-btn-bg-down-flush:          #404141;
 @dark-bc-btn-border:                 #202020;
 @dark-bc-btn-border-error:           #fa689d;
 @dark-bc-btn-border-error-glow:      transparent;

src/styles/brackets_patterns_override.less

@@ -2072,6 +2072,33 @@ input[type="color"],
     }
 }
 
+.bottom-panel {
+    .btn-alt-quiet {    // No dark style required because these reside in the sidebar.
+        border: 1px solid transparent;
+        border-radius: @bc-border-radius;
+        text-decoration: none;
+
+        &:hover {
+            border: 1px solid @bc-shadow;
+            box-shadow: inset 0 1px 0 @bc-highlight;
+            .dark & {
+                border: 1px solid @dark-bc-shadow;
+                box-shadow: inset 0 1px 0 @dark-bc-highlight;
+            }
+        }
+        &:active {
+            background-color: @bc-btn-bg-down-flush;
+            border: 1px solid @bc-shadow;
+            box-shadow: inset 0 1px 0 @bc-shadow-small;
+            .dark & {
+                background-color: @dark-bc-btn-bg-down-flush;
+                border: 1px solid @dark-bc-shadow;
+                box-shadow: inset 0 1px 0 @dark-bc-shadow-small;
+            }
+        }
+    }
+}
+
 .btn-mini {
     padding: 2px 6px;
     font-size: 11px;