fourth part of synching LCARStrek with windows theme changes in Firefox 28 cycle

[themes.git] / LCARStrek / browser / devtools / debugger.css

diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css
index 44f2d91248839aebf5a7d9f096e546c41a04f121..5229761ffdf5472783642fd05830340c6051788d 100644 (file)
--- a/LCARStrek/browser/devtools/debugger.css
+++ b/LCARStrek/browser/devtools/debugger.css
@@ -6,10 +6,6 @@ window {
   padding: 0;
 }
 
-#body {
-  background-color: #000000;
-}
-
 /* Sources and breakpoints pane */
 
 #sources-pane {
@@ -20,58 +16,38 @@ window {
   -moz-border-start-color: transparent;
 }
 
+#sources-toolbar .devtools-toolbarbutton {
+  min-width: 32px;
+}
+
 #pretty-print {
-  min-width: 0;
   font-weight: bold;
 }
 
-#sources .side-menu-widget-item-checkbox {
-  -moz-margin-end: -6px;
-  padding: 0;
-  opacity: 0;
-  transition: opacity .15s ease 0s;
-}
-
-/* Only show the checkbox when the source is hovered over, is selected, or if it
- * is not checked. */
-#sources .side-menu-widget-item:hover > .side-menu-widget-item-checkbox,
-#sources .side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
-#sources .side-menu-widget-item-checkbox:not([checked]) {
-  opacity: 1;
-  transition: opacity .15s ease-out 0s;
-}
-
-#sources .side-menu-widget-item-checkbox > .checkbox-check {
-  -moz-appearance: none;
-  background: none;
-  background-image: url("itemToggle.png");
-  background-repeat: no-repeat;
-  background-clip: content-box;
-  background-position: -16px 0;
-  background-size: 32px 16px;
-  width: 16px;
-  height: 16px;
-  border: 0;
+#black-box {
+  list-style-image: url("debugger-blackbox.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 
-#sources .side-menu-widget-item-checkbox[checked] > .checkbox-check {
-  background-position: 0 0;
+#black-box[checked],
+#black-box:hover {
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
-#sources .side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents {
+#sources .black-boxed {
   color: #8050B0;
 }
 
-#sources .side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents > .dbg-breakpoint {
+#sources .black-boxed > .dbg-breakpoint {
   display: none;
 }
 
-#sources .side-menu-widget-item.selected > .side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
+#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
   background-image: none;
 /*  box-shadow: inset -1px 0 0 #222426; */
 }
 
-#sources .side-menu-widget-item.selected > .side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
+#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
   background-image: none;
 /*  box-shadow: inset 1px 0 0 #222426; */
 }
@@ -151,7 +127,7 @@ window {
 /* Sources and breakpoints view */
 
 .dbg-breakpoint {
-  -moz-margin-start: -14px;
+  -moz-margin-start: 4px;
 }
 
 .dbg-breakpoint-line {
@@ -170,6 +146,34 @@ window {
   margin: 2px;
 }
 
+/* Variable bubble view */
+
+.devtools-tooltip-simple-text.token-undefined,
+.devtools-tooltip-simple-text.token-null {
+  text-align: center;
+  color: #A09090 !important; /* Override the theme's color. */
+}
+
+.devtools-tooltip-simple-text.token-boolean {
+  text-align: center;
+  color: #9C9CFF !important;
+}
+
+.devtools-tooltip-simple-text.token-number {
+  text-align: center;
+  color: #E7ADE7 !important;
+}
+
+.devtools-tooltip-simple-text.token-string {
+  text-align: start;
+  color: #008484 !important;
+}
+
+.devtools-tooltip-simple-text.token-other {
+  text-align: center;
+  color: #FF9F00 !important;
+}
+
 /* Instruments pane (watch expressions, variables, event listeners...) */
 
 #instruments-pane > tabs > tab {
@@ -226,7 +230,7 @@ window {
 
 /* Searchbox and the search operations help panel */
 
-.devtools-searchinput {
+#searchbox {
   min-width: 220px;
   -moz-margin-start: 1px;
 }
@@ -397,15 +401,33 @@ window {
 }
 
 #resume {
-  list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
+  list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
+/*  transition: background 0.15s ease-in-out; */
 }
 
-#resume[checked=true],
 #resume:hover {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
+#resume[checked=true] {
+/*  background: none; */
+  list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+#resume[checked=true]:hover {
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+#resume ~ toolbarbutton {
+/*  transition: opacity 0.15s ease-in-out; */
+}
+
+#resume:not([checked]) ~ toolbarbutton {
+/*  opacity: 0.5; */
+}
+
 #step-over {
   list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
@@ -430,13 +452,16 @@ window {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
-#debugger-controls > toolbarbutton {
+#debugger-controls > toolbarbutton,
+#sources-controls > toolbarbutton {
 }
 
-#debugger-controls > toolbarbutton:last-of-type {
+#debugger-controls > toolbarbutton:last-of-type,
+#sources-controls > toolbarbutton:last-of-type {
 }
 
-#debugger-controls {
+#debugger-controls,
+#sources-controls {
 }
 
 #instruments-pane-toggle {