From 707304e12097e86cba940572b71c6ee00d960403 Mon Sep 17 00:00:00 2001
From: Kareem Zidane <kareem.mes@gmail.com>
Date: Sun, 10 Jul 2016 18:11:44 +0000
Subject: [PATCH] fixes CSS for some elements

* fixes acitve background colors for "Run" and "Preview" buttons.
* fixes hover background color for breakpoints in "Breakpoints" panel.
* fixes color for box showing when hovering keywords while debugging.
---
 .../themes/default-flat-dark.less                    | 12 ++++++------
 plugins/c9.ide.layout.classic/themes/flat-dark.less  |  5 +++--
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/plugins/c9.ide.layout.classic/themes/default-flat-dark.less b/plugins/c9.ide.layout.classic/themes/default-flat-dark.less
index 98a1e73b..e4e77358 100644
--- a/plugins/c9.ide.layout.classic/themes/default-flat-dark.less
+++ b/plugins/c9.ide.layout.classic/themes/default-flat-dark.less
@@ -730,7 +730,7 @@
 @breakpoint-list-item-border-top: transparent;
 @breakpoint-list-item-padding: 1px 10px 0 7px;
 @breakpoint-list-item-hover-color: darken(#e0e3e8, @darken-chrome);
-@breakpoint-list-item-hover-background: darken(#F6F6F6, @darken-chrome);
+@breakpoint-list-item-hover-background: darken(#252525, @darken-chrome);
 @breakpoint-list-item-hover-border-top: transparent;
 
 // Breakpoint Condition Dialog
@@ -774,7 +774,7 @@
 @immediate-font-smoothing: false;
 
 @immediate-dark-row-border-color: darken(rgb(29, 28, 28), @darken-chrome);
-@immediate-dark-return: darken(#252525, @darken-chrome);
+@immediate-dark-return: darken(#FFFFFF, @darken-chrome);
 @immediate-dark-warn: yellow;
 @immediate-dark-error: red;
 @immediate-dark-property: darken(#BEDB18, @darken-chrome);
@@ -1658,12 +1658,12 @@
 @stats-button-width: 100px;
 @stats-button-margin-left: 0;
 @stats-button-padding: 2px 5px 2px 7px;
-@stats-button-border-left: 1px solid #e0e0e0;
-@stats-button-border-right: 1px solid #e0e0e0;
+@stats-button-border-left: 1px solid #1c1c1c;
+@stats-button-border-right: 1px solid #1c1c1c;
 @stats-button-box-shadow: none;
 @stats-button-color: #666666;
-@stats-button-hover-background: #E9E9E9;
-@stats-button-active-background: white;
+@stats-button-hover-background: #494949;
+@stats-button-active-background: #494949;
 @stats-button-active-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
 
 @stats-button-item-padding: 4px 0 0 0;
diff --git a/plugins/c9.ide.layout.classic/themes/flat-dark.less b/plugins/c9.ide.layout.classic/themes/flat-dark.less
index 8902aa4f..6e05802b 100644
--- a/plugins/c9.ide.layout.classic/themes/flat-dark.less
+++ b/plugins/c9.ide.layout.classic/themes/flat-dark.less
@@ -5,9 +5,10 @@
 }
 
 .bartools .c9-toolbarbutton-glossymenuDown{
-    background-color: #ffffff;
+    background-color: #494949;
     box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.29);
-    border: 1px solid #dedede;
+    border-left: 1px solid #252525;
+    border-right: 1px solid #252525;
 }
 
 .output .toolbar .c9-toolbarbutton-glossyOver{