make webconsole toolbar actually look correct

diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css
index 3d73fe4694fcd2690d877a296e0e7edf5fd334a7..a65d166004158755e7f13f4b48a59fb040691082 100644 (file)
--- 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 e6492647db3304c6335e1df2076e33f3fd1e689e..db74540566db0e0975eacc285c505df0f2a5d0c9 100644 (file)
--- 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 8dd963715cbde84f3175dfaff9fbd05ea84393f5..4b1aa87503271845a2f28dd9504e3b7bf5c25ccd 100644 (file)
--- 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;
 }