fifth and final part of synching LCARStrek with windows theme changes in Firefox...

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

diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css
index b0be73be068c6292a3614b253b1d3c77138e4551..c50999180c58139097b474e97349e6cc1682b024 100644 (file)
--- a/LCARStrek/browser/devtools/debugger.css
+++ b/LCARStrek/browser/devtools/debugger.css
@@ -12,11 +12,15 @@ window {
   min-width: 50px;
 }
 
+#sources-pane > tabs {
+  -moz-border-end: 1px solid #9C9CFF; /* Match the sources list's dark margin. */
+}
+
 #sources-and-editor-splitter {
   -moz-border-start-color: transparent;
 }
 
-#sources-toolbar .devtools-toolbarbutton {
+#sources-toolbar > #sources-controls > .devtools-toolbarbutton {
   min-width: 32px;
 }
 
@@ -84,10 +88,12 @@ window {
   padding: 2px;
 }
 
+/* .theme-light / .theme-dark */
 .list-widget-item:not(.selected):not(.empty):hover {
 /*  background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), Highlight;*/
 }
 
+/* .theme-light / .theme-dark */
 .list-widget-item.selected.light {
 /*  background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight;
   color: #000;*/
@@ -103,7 +109,11 @@ window {
   /* padding: 4px; */
 }
 
-/* Stack frames view */
+/* Breadcrumbs stack frames view */
+
+.breadcrumbs-widget-item {
+  max-width: none;
+}
 
 #stackframes {
   min-height: 25px;
@@ -113,15 +123,42 @@ window {
   -moz-padding-start: 4px;
 }
 
-.dbg-stackframe-menuitem[checked] {
-  margin-top: 3px;
-  margin-bottom: 3px;
-  outline: 1px solid #008484;
+/* Classic stack frames view */
+
+.dbg-classic-stackframe {
+  display: block;
+  padding: 4px;
+}
+
+.dbg-classic-stackframe-title {
   font-weight: 600;
+  color: #9C9CFF;
+}
+
+.dbg-classic-stackframe-details:-moz-locale-dir(ltr) {
+  float: right;
 }
 
-.dbg-stackframe-menuitem-details {
-  -moz-padding-start: 16px;
+.dbg-classic-stackframe-details:-moz-locale-dir(rtl) {
+  float: left;
+}
+
+.dbg-classic-stackframe-details-url {
+  max-width: 90%;
+  text-align: end;
+  color: #3333FF;
+}
+
+.dbg-classic-stackframe-details-sep {
+  color: #A09090;
+}
+
+.dbg-classic-stackframe-details-line {
+  color: #9C9CFF;
+}
+
+#callstack-list .side-menu-widget-item.selected label {
+  color: #FFCF00;
 }
 
 /* Sources and breakpoints view */
@@ -146,6 +183,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 {
@@ -153,8 +218,9 @@ window {
   padding: 0 !important;
 }
 
-#instruments-pane > tabpanels > tabpanel {
-  background: #000000;
+#instruments-pane .side-menu-widget-container,
+#instruments-pane .side-menu-widget-empty-notice-container {
+/*  box-shadow: none !important; */
 }
 
 /* Watch expressions view */
@@ -176,6 +242,7 @@ window {
 
 .dbg-expression-input {
   -moz-padding-start: 2px !important;
+  color: inherit;
 }
 
 /* Event listeners view */
@@ -200,9 +267,13 @@ window {
   color: #E7ADE7;
 }
 
+#event-listeners .side-menu-widget-item.selected {
+  background: none !important;
+}
+
 /* Searchbox and the search operations help panel */
 
-.devtools-searchinput {
+#searchbox {
   min-width: 220px;
   -moz-margin-start: 1px;
 }
@@ -350,6 +421,11 @@ window {
 
 /* Toolbar controls */
 
+.devtools-sidebar-tabs > tabs > tab {
+/*  min-height: 25px !important;
+  padding: 0 !important; */
+}
+
 #toggle-panes {
   list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
@@ -373,15 +449,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);
@@ -447,7 +541,12 @@ window {
   /* To prevent all the margin hacks to hide the sidebar. */
 }
 
-#body[layout=vertical] .side-menu-widget-container {
+#body[layout=vertical] #sources-pane > tabs {
+  -moz-border-end: none;
+}
+
+#body[layout=vertical] .side-menu-widget-container,
+#body[layout=vertical] .side-menu-widget-empty-notice-container {
   box-shadow: none !important;
 }