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 44f2d91248839aebf5a7d9f096e546c41a04f121..c50999180c58139097b474e97349e6cc1682b024 100644 (file)
--- a/LCARStrek/browser/devtools/debugger.css
+++ b/LCARStrek/browser/devtools/debugger.css
@@ -6,72 +6,52 @@ window {
   padding: 0;
 }
 
   padding: 0;
 }
 

-#body {
-  background-color: #000000;
-}
-

 /* Sources and breakpoints pane */
 
 #sources-pane {
   min-width: 50px;
 }
 
 /* Sources and breakpoints pane */
 
 #sources-pane {
   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-and-editor-splitter {
   -moz-border-start-color: transparent;
 }
 

+#sources-toolbar > #sources-controls > .devtools-toolbarbutton {
+  min-width: 32px;
+}
+

 #pretty-print {
 #pretty-print {

-  min-width: 0;

   font-weight: bold;
 }
 
   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;
 }
 
   color: #8050B0;
 }
 

-#sources .side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents > .dbg-breakpoint {
+#sources .black-boxed > .dbg-breakpoint {

   display: none;
 }
 
   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; */
 }
 
   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; */
 }
   background-image: none;
 /*  box-shadow: inset 1px 0 0 #222426; */
 }


@@ -108,10 +88,12 @@ window {
   padding: 2px;
 }
 
   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;*/
 }
 
 .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;*/
 .list-widget-item.selected.light {
 /*  background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight;
   color: #000;*/


@@ -127,7 +109,11 @@ window {
   /* padding: 4px; */
 }
 
   /* padding: 4px; */
 }
 

-/* Stack frames view */
+/* Breadcrumbs stack frames view */
+
+.breadcrumbs-widget-item {
+  max-width: none;
+}

 
 #stackframes {
   min-height: 25px;
 
 #stackframes {
   min-height: 25px;


@@ -137,21 +123,48 @@ window {
   -moz-padding-start: 4px;
 }
 
   -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;
   font-weight: 600;

+  color: #9C9CFF;
+}
+
+.dbg-classic-stackframe-details:-moz-locale-dir(ltr) {
+  float: right;
+}
+
+.dbg-classic-stackframe-details:-moz-locale-dir(rtl) {
+  float: left;

 }
 
 }
 

-.dbg-stackframe-menuitem-details {
-  -moz-padding-start: 16px;
+.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 */
 
 .dbg-breakpoint {
 }
 
 /* Sources and breakpoints view */
 
 .dbg-breakpoint {

-  -moz-margin-start: -14px;
+  -moz-margin-start: 4px;

 }
 
 .dbg-breakpoint-line {
 }
 
 .dbg-breakpoint-line {


@@ -170,6 +183,34 @@ window {
   margin: 2px;
 }
 
   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 {
 /* Instruments pane (watch expressions, variables, event listeners...) */
 
 #instruments-pane > tabs > tab {


@@ -177,8 +218,9 @@ window {
   padding: 0 !important;
 }
 
   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 */
 }
 
 /* Watch expressions view */


@@ -200,6 +242,7 @@ window {
 
 .dbg-expression-input {
   -moz-padding-start: 2px !important;
 
 .dbg-expression-input {
   -moz-padding-start: 2px !important;

+  color: inherit;

 }
 
 /* Event listeners view */
 }
 
 /* Event listeners view */


@@ -224,9 +267,13 @@ window {
   color: #E7ADE7;
 }
 
   color: #E7ADE7;
 }
 

+#event-listeners .side-menu-widget-item.selected {
+  background: none !important;
+}
+

 /* Searchbox and the search operations help panel */
 
 /* Searchbox and the search operations help panel */
 

-.devtools-searchinput {
+#searchbox {

   min-width: 220px;
   -moz-margin-start: 1px;
 }
   min-width: 220px;
   -moz-margin-start: 1px;
 }


@@ -374,6 +421,11 @@ window {
 
 /* Toolbar controls */
 
 
 /* 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);
 #toggle-panes {
   list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);


@@ -397,15 +449,33 @@ window {
 }
 
 #resume {
 }
 
 #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);
   -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: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);
 #step-over {
   list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);


@@ -430,13 +500,16 @@ window {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
   -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 {
 }
 
 #instruments-pane-toggle {


@@ -468,7 +541,12 @@ window {
   /* To prevent all the margin hacks to hide the sidebar. */
 }
 
   /* 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;
 }
 
   box-shadow: none !important;
 }