From a87a8cda88ac6bad750fb387e6304a63f234f718 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Mon, 6 Jan 2025 12:49:48 +0530
Subject: [PATCH] fix: styling of bottom panels btn-alt-quiet

---
 src/styles/brackets_core_ui_variables.less |  2 ++
 src/styles/brackets_patterns_override.less | 27 ++++++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/src/styles/brackets_core_ui_variables.less b/src/styles/brackets_core_ui_variables.less
index 9266d8e41d..85ee606380 100644
--- a/src/styles/brackets_core_ui_variables.less
+++ b/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;
diff --git a/src/styles/brackets_patterns_override.less b/src/styles/brackets_patterns_override.less
index 9fcf724681..56bacb8c2e 100644
--- a/src/styles/brackets_patterns_override.less
+++ b/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;