From 884ab557162de8c96be75129f6d0ee41c4d18c65 Mon Sep 17 00:00:00 2001
From: Robert Kaiser <robert@widebook.box.kairo.at>
Date: Mon, 22 Oct 2012 15:33:26 +0200
Subject: [PATCH] make webconsole toolbar actually look correct

---
 LCARStrek/browser/devtools/common.css     |  2 --
 LCARStrek/browser/devtools/webconsole.css | 18 +++++++++---------
 LCARStrek/global/toolbarbutton.css        | 14 ++++++++++++--
 3 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css
index 3d73fe46..a65d1660 100644
--- a/LCARStrek/browser/devtools/common.css
+++ b/LCARStrek/browser/devtools/common.css
@@ -71,8 +71,6 @@ devtools-menulist:-moz-focusring,
 
 .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
 .devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
-  -moz-appearance: none !important;
-  list-style-image: url("chrome://browser/skin/devtools/dropmarker.png");
   -moz-box-align: center;
 }
 
diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css
index e6492647..db745405 100644
--- a/LCARStrek/browser/devtools/webconsole.css
+++ b/LCARStrek/browser/devtools/webconsole.css
@@ -141,12 +141,12 @@ window {
 
 /* Network styles */
 .webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before {
-  background-image: linear-gradient(#796400, #000000);
+  background-image: linear-gradient(#BF9B00, #7F6700);
   border-color: #FFCF00;
 }
 
 .webconsole-msg-network > .webconsole-msg-icon-container {
-  -moz-border-start: solid #000 6px;
+  -moz-border-start: solid #FFCF00 6px;
 }
 
 .webconsole-msg-network.webconsole-msg-error {
@@ -155,12 +155,12 @@ window {
 
 /* CSS styles */
 .webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before {
-  background-image: linear-gradient(#484879, #000000);
+  background-image: linear-gradient(#7575BF, #4E4E7F);
   border-color: #9C9CFF;
 }
 
 .webconsole-msg-cssparser > .webconsole-msg-icon-container {
-  -moz-border-start: solid #00b6f0 6px;
+  -moz-border-start: solid #9C9CFF 6px;
 }
 
 .webconsole-msg-cssparser.webconsole-msg-error {
@@ -172,13 +172,13 @@ window {
 }
 
 /* JS styles */
-webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before {
-   background-image: linear-gradient(#794900, #000000);
+.webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before {
+   background-image: linear-gradient(#BF7700, #7F4F00);
    border-color: #FF9F00;
 }
 
 .webconsole-msg-exception > .webconsole-msg-icon-container {
-  -moz-border-start: solid #fb9500 6px;
+  -moz-border-start: solid #FF9F00 6px;
 }
 
 .webconsole-msg-exception.webconsole-msg-error {
@@ -191,12 +191,12 @@ webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:befor
 
 /* Web Developer styles */
 .webconsole-filter-button[category="logging"] > .toolbarbutton-menubutton-button:before {
-   background-image: linear-gradient(#402858, #000000);
+   background-image: linear-gradient(#5F3B83, #3F2756);
    border-color: #8050B0;
 }
 
 .webconsole-msg-console > .webconsole-msg-icon-container {
-  -moz-border-start: solid #cbcbcb 6px;
+  -moz-border-start: solid #8050B0 6px;
 }
 
 .webconsole-msg-console.webconsole-msg-error,
diff --git a/LCARStrek/global/toolbarbutton.css b/LCARStrek/global/toolbarbutton.css
index 8dd96371..4b1aa875 100644
--- a/LCARStrek/global/toolbarbutton.css
+++ b/LCARStrek/global/toolbarbutton.css
@@ -132,6 +132,12 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
   background-color: #000000;
 }
 
+toolbarbutton[type="menu-button"][checked="true"] > .toolbarbutton-menubutton-button,
+toolbarbutton[type="menu-button"][checked="true"] > .toolbarbutton-menubutton-dropmarker {
+  background-color: #008484;
+  color: #FFCF00;
+}
+
 .toolbarbutton-menubutton-button[disabled="true"],
 .toolbarbutton-menubutton-dropmarker[disabled="true"] {
   background-color: #000000 !important;
@@ -139,7 +145,9 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
 }
 
 toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button,
-toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker {
+toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker,
+toolbarbutton[type="menu-button"][checked="true"]:hover > .toolbarbutton-menubutton-button,
+toolbarbutton[type="menu-button"][checked="true"]:hover > .toolbarbutton-menubutton-dropmarker {
   background-color: #FFCF00;
   color: #000000;
 }
@@ -147,7 +155,9 @@ toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker {
 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button,
 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button,
-toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
+toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
+toolbarbutton[type="menu-button"][checked="true"]:hover:active > .toolbarbutton-menubutton-button,
+toolbarbutton[type="menu-button"][checked="true"]:hover:active > .toolbarbutton-menubutton-dropmarker {
   background-color: #FF9F00;
   color: #000000;
 }
-- 
2.43.0