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

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

window {
  padding: 0;
}

/* === BEGIN debugger.inc.css === */

/* Sources and breakpoints pane */

#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter {
  border-color: transparent;
}

#sources-pane > tabs {
  -moz-border-end-color: var(--theme-splitter-color);
}

.dbg-breakpoint-condition-thrown-message {
  display: none;
  color: var(--theme-highlight-red);
}

.dbg-breakpoint.dbg-breakpoint-condition-thrown .dbg-breakpoint-condition-thrown-message {
  display: block;
  -moz-padding-start: 0;
}

/* Sources toolbar */

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

#black-box {
  list-style-image: url("debugger-blackbox.png");
}

@media (min-resolution: 2dppx) {
  #black-box {
    list-style-image: url(debugger-blackbox@2x.png);
  }
}

#pretty-print {
  list-style-image: url(debugger-prettyprint.png);
}

@media (min-resolution: 2dppx) {
  #pretty-print {
    list-style-image: url(debugger-prettyprint@2x.png);
  }
}

#toggle-breakpoints {
  list-style-image: url("debugger-toggleBreakpoints.png");
}

@media (min-resolution: 2dppx) {
  #toggle-breakpoints {
    list-style-image: url(debugger-toggleBreakpoints@2x.png);
  }
}

#sources-toolbar .devtools-toolbarbutton:not([label]) {
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}

#sources-toolbar .devtools-toolbarbutton:not([label]):hover {
  -moz-image-region: rect(16px, 16px, 32px, 0px);
}

#sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

#sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover {
  -moz-image-region: rect(16px, 32px, 32px, 16px);
}

@media (min-resolution: 2dppx) {
  #sources-toolbar .devtools-toolbarbutton:not([label]) {
    -moz-image-region: rect(0px,32px,32px,0px);
  }

  #sources-toolbar .devtools-toolbarbutton:not([label]):hover {
    -moz-image-region: rect(32px,32px,64px,0px);
  }

  #sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
    -moz-image-region: rect(0px,64px,32px,32px);
  }

  #sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover {
    -moz-image-region: rect(32px,64px,64px,32px);
  }
}

#sources .black-boxed {
  color: #8050B0;
}

#sources .selected .black-boxed {
  color: #000000;
}

#sources .black-boxed ~ .dbg-breakpoint {
  display: none;
}

#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
  background-image: none;
/*  box-shadow: inset -1px 0 0 #222426; */
}

#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
  background-image: none;
/*  box-shadow: inset 1px 0 0 #222426; */
}

/* Debugger unblackbox button */

#black-boxed-message-button > .button-box > .button-icon {
  width: 16px;
  height: 16px;
  background-image: url("debugger-blackbox.png");
  background-position: -16px -16px;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  -moz-margin-end: 5px;
}

@media (min-resolution: 2dppx) {
  #black-boxed-message-button > .button-box > .button-icon {
    background-image: url("debugger-blackbox@2x.png");
  }
}

/* Black box message and source progress meter */

#black-boxed-message,
#source-progress-container {
  background-color: #A09090;
  /* Prevent the container deck from aquiring the size from this message. */
  min-width: 1px;
  min-height: 1px;
  color: #000000;
}

#source-progress {
  min-height: 2em;
  min-width: 40em;
}

#black-boxed-message-label,
#black-boxed-message-button {
  text-align: center;
  font-size: 120%;
}

#black-boxed-message-button {
  margin-top: 1em;
  padding: .25em;
}

/* Tracer */

#trace {
  list-style-image: url("tracer-icon.png");
  -moz-image-region: rect(0px,16px,16px,0px);
}

#trace:hover,
#trace[checked] {
  -moz-image-region: rect(0px,32px,16px,16px);
}

@media (min-resolution: 2dppx) {
  #trace {
    list-style-image: url(tracer-icon@2x.png);
    -moz-image-region: rect(0px,32px,32px,0px);
  }

  #trace:hover,
  #trace[checked] {
    -moz-image-region: rect(0px,64px,32px,32px);
  }
}

#clear-tracer {
  /* Make this button as narrow as the text inside it. */
  min-width: 1px;
}

.trace-name {
  -moz-padding-start: 4px !important;
}

/* Tracer dark+light theme */

.trace-item {
  color: var(--theme-content-color1);
}

.trace-item.black-boxed {
  color: #A09090;
}

.trace-item.selected-matching {
  background-color: #004242; /* Select highlight blue at 40% alpha */
}

.selected > .trace-item {
  background-color: #004242; /* Select highlight blue at 75% alpha */
}

.trace-call {
  color: var(--theme-highlight-blue);
}

.trace-return,
.trace-yield {
  color: var(--theme-highlight-green);
}

.trace-throw {
  color: var(--theme-highlight-red);
}

.trace-param {
  color: var(--theme-highlight-pink);
}

.trace-syntax {
  color: var(--theme-content-color2);
}

/* Breadcrumbs stack frames view */

.breadcrumbs-widget-item {
  max-width: none;
}

#stackframes {
  min-height: 25px;
}

.dbg-stackframe-details {
  -moz-padding-start: 4px;
}

/* Classic stack frames view */

.dbg-classic-stackframe {
  display: block;
  padding: 0 4px;
}

.dbg-classic-stackframe-title {
  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-classic-stackframe-details-url {
  max-width: 90%;
  text-align: end;
  color: var(--theme-text-blue);
}

.dbg-classic-stackframe-details-sep {
  color: var(--theme-body-color-alt)
}

.dbg-classic-stackframe-details-line {
  color: var(--theme-highlight-blue);
}

#callstack-list .side-menu-widget-item.selected label {
  color: #FFCF00;
}

/* Sources and breakpoints view */

.dbg-breakpoint {
  -moz-margin-start: 4px;
}

.dbg-breakpoint-line {
  font-weight: 600;
}

.dbg-breakpoint-text {
  -moz-margin-start: 10px !important;
  font-style: italic;
  font-size: 90%;
}

.dbg-breakpoint-checkbox {
  width: 16px;
  height: 16px;
  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 .side-menu-widget-container,
#instruments-pane .side-menu-widget-empty-text {
/*  box-shadow: none !important; */
}

/* Watch expressions view */

#expressions {
  min-height: 10px;
  max-height: 125px;
}

.dbg-expression {
  height: 20px;
}

.dbg-expression-arrow {
  background-image: url("commandline-icon.png");
  background-position: -16px 0;
  background-repeat: no-repeat;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
  margin: 2px;
}

@media (min-resolution: 2dppx) {
  .dbg-expression-arrow {
    background-image: url(commandline-icon@2x.png);
  }
}

.dbg-expression-input {
  color: inherit;
}

.dbg-expression-button {
  border: none;
  background: none;
  text-decoration: underline;
  cursor: pointer;
  color: var(--theme-highlight-blue);
}

/* Event listeners view */

.dbg-event-listener {
  padding: 0 8px;
}

.dbg-event-listener-type {
  font-weight: 600;
}

.dbg-event-listener-separator {
  color: var(--theme-body-color-alt);
}

.dbg-event-listener-targets {
  color: var(--theme-highlight-blue);
}

.dbg-event-listener-location {
  color: var(--theme-highlight-pink);
}

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

/* Searchbox and the search operations help panel */

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

#filter-label {
  -moz-margin-start: 2px;
}

#searchbox-panel-operators {
  margin-top: 5px;
  margin-bottom: 8px;
  -moz-margin-start: 2px;
}

.searchbox-panel-operator-button {
  min-width: 26px;
  margin-top: 0;
  margin-bottom: 0;
  -moz-margin-start: 2px;
  -moz-margin-end: 6px;
  text-align: center;
}

.searchbox-panel-operator-label {
  padding-bottom: 2px;
}

/* Searchbox results panel */

.results-panel {
  padding: 4px;
}

.results-panel-item {
  border: 1px solid #A09090;
  border-top-color: #8050B0;
  padding: 5px;
  cursor: pointer;
}

.results-panel-item:first-of-type {
  border-top-color: #9C9CFF;
  border-radius: 4px 4px 0 0;
}

.results-panel-item:last-of-type {
  border-radius: 0 0 4px 4px;
}

.results-panel-item:only-of-type {
  border-radius: 4px;
}

.results-panel-item:not(.selected):not(:hover) {
/*  text-shadow: 0 1px #fff;*/
}

.results-panel-item-label-before {
  -moz-margin-end: 5px !important;
  color: var(--theme-content-color2);
  cursor: inherit;
}

.results-panel-item-label {
  color: var(--theme-highlight-blue);
  font-weight: 600;
  cursor: inherit;
}

.results-panel-item-label-below {
  color: var(--theme-content-color3);
  cursor: inherit;
}

/* Sources search view */

#globalsearch {
  min-height: 10px;
  max-height: 125px;
}

#globalsearch + .devtools-horizontal-splitter {
  -moz-border-top-colors: #9C9CFF;
}

.dbg-source-results {
  padding: 0;
  background: none !important;
}

.dbg-source-results:not(.selected):hover {
  background-color: #000000; /* Sidebar background */
}

.dbg-results-header {
  -moz-padding-start: 6px;
}

.dbg-results-header-location {
  font-weight: 600;
}

.dbg-results-header-match-count {
  -moz-padding-start: 6px;
  color: var(--theme-content-disabled);
}

.dbg-results-line-number {
  background-color: var(--theme-toolbar-background);
  min-width: 40px;
  -moz-border-end: 1px solid #9C9CFF;
  -moz-padding-end: 4px;
  padding-top: 2px;
  text-align: end;
  color: var(--theme-body-color);
}

.dbg-results-line-contents {
  -moz-padding-start: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.dbg-results-line-contents-string {
  padding: 1px;
/*  color: var(--theme-body-color-alt);*/
}

.dbg-results-line-contents-string[match=true] {
  background: #E7ADE7;
  color: var(--theme-selection-color);
  padding: 0;
  border: 1px solid #9C9CFF;
  border-radius: 4px;
  cursor: pointer;
}

.dbg-results-line-contents-string[match=true][focusing] {
  transition: transform 0.3s ease-in-out;
}

.dbg-results-line-contents-string[match=true][focused] {
  transition-duration: 0.1s;
  transform: scale(1.75, 1.75);
}

/* Toolbar controls */

#toggle-panes {
  list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}

#toggle-panes:not([panesHidden]) {
  list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
}

#toggle-panes:hover,
#toggle-panes:hover:active {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

#debugger-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon,
#sources-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon {
  width: 16px;
  height: 16px;
}

#resume {
  list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png");
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}

#resume:hover {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

#resume[checked=true] {
  list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
}

@media (min-resolution: 2dppx) {
  #resume {
    list-style-image: url(debugger-pause@2x.png);
    -moz-image-region: rect(0px, 32px, 32px, 0px);
  }

  #resume:hover {
    -moz-image-region: rect(0px, 64px, 32px, 32px);
  }

  #resume[checked=true] {
    list-style-image: url(debugger-play@2x.png);
  }
}

#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:hover {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

#step-in {
  list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}
#step-in:hover {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

#step-out {
  list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}
#step-out:hover {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

@media (min-resolution: 2dppx) {
  #step-over {
    list-style-image: url(debugger-step-over@2x.png);
    -moz-image-region: rect(0px, 32px, 32px, 0);
  }

  #step-over:hover {
    -moz-image-region: rect(0px, 64px, 32px, 32px);
  }

  #step-in {
    list-style-image: url(debugger-step-in@2x.png);
    -moz-image-region: rect(0px, 32px, 32px, 0);
  }

  #step-in:hover {
    -moz-image-region: rect(0px, 64px, 32px, 32px);
  }

  #step-out {
    list-style-image: url(debugger-step-out@2x.png);
    -moz-image-region: rect(0px, 32px, 32px, 0);
  }

  #step-out:hover {
    -moz-image-region: rect(0px, 64px, 32px, 32px);
  }
}

#instruments-pane-toggle {
/*  background: none;
  box-shadow: none;
  border: none; */
  list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
  -moz-image-region: rect(0px,16px,16px,0px);
}

#instruments-pane-toggle[pane-collapsed] {
  list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
}

#instruments-pane-toggle:hover {
  -moz-image-region: rect(0px,32px,16px,16px);
}

@media (min-resolution: 2dppx) {
  #instruments-pane-toggle {
    list-style-image: url(debugger-collapse@2x.png);
    -moz-image-region: rect(0px,32px,32px,0px);
  }

  #instruments-pane-toggle[pane-collapsed] {
    list-style-image: url(debugger-expand@2x.png);
  }

  #instruments-pane-toggle:hover {
    -moz-image-region: rect(0px,64px,32px,32px);
  }
}

/* Horizontal vs. vertical layout */

#vertical-layout-panes-container {
  min-height: 35vh;
  max-height: 80vh;
}

#body[layout=vertical] #instruments-pane {
  margin: 0 !important;
  /* To prevent all the margin hacks to hide the sidebar. */
}

#body[layout=vertical] #sources-pane > tabs {
  -moz-border-end: none;
}

#body[layout=vertical] .side-menu-widget-container,
#body[layout=vertical] .side-menu-widget-empty-text {
  box-shadow: none !important;
}

#body[layout=vertical] .side-menu-widget-item-arrow {
  background-image: none !important;
}

/* === END debugger.inc.css === */
Commit	Line	Data
9099c61d RK	1	/* This Source Code Form is subject to the terms of the Mozilla Public
	2	* License, v. 2.0. If a copy of the MPL was not distributed with this
	3	* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
eec397be RK	4
	5	window {
	6	padding: 0;
	7	}
	8
45dc7657	9	/* === BEGIN debugger.inc.css === */
eec397be	10
45dc7657	11	/* Sources and breakpoints pane */
de57e474	12
dfa34f73 RK	13	#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter {
dfa34f73 RK	14	border-color: transparent;
eec397be RK	15	}
eec397be RK	16
45dc7657	17	#sources-pane > tabs {
de5e780d	18	-moz-border-end-color: var(--theme-splitter-color);
45dc7657 RK	19	}
45dc7657 RK	20
05148fed RK	21	.dbg-breakpoint-condition-thrown-message {
	22	display: none;
	23	color: var(--theme-highlight-red);
	24	}
	25
	26	.dbg-breakpoint.dbg-breakpoint-condition-thrown .dbg-breakpoint-condition-thrown-message {
	27	display: block;
	28	-moz-padding-start: 0;
	29	}
	30
	31	/* Sources toolbar */
	32
2a8b2b48 RK	33	#sources-toolbar > .devtools-toolbarbutton,
2a8b2b48 RK	34	#sources-controls > .devtools-toolbarbutton {
6568957a RK	35	min-width: 32px;
	36	}
	37
2a8b2b48 RK	38	#black-box {
	39	list-style-image: url("debugger-blackbox.png");
	40	}
	41
dccbbf95 RK	42	@media (min-resolution: 2dppx) {
	43	#black-box {
	44	list-style-image: url(debugger-blackbox@2x.png);
	45	}
	46	}
	47
3a0880a9	48	#pretty-print {
c1080df6 RK	49	list-style-image: url(debugger-prettyprint.png);
	50	}
	51
	52	@media (min-resolution: 2dppx) {
	53	#pretty-print {
	54	list-style-image: url(debugger-prettyprint@2x.png);
	55	}
3a0880a9 RK	56	}
3a0880a9 RK	57
2a8b2b48 RK	58	#toggle-breakpoints {
	59	list-style-image: url("debugger-toggleBreakpoints.png");
	60	}
	61
dccbbf95 RK	62	@media (min-resolution: 2dppx) {
	63	#toggle-breakpoints {
	64	list-style-image: url(debugger-toggleBreakpoints@2x.png);
	65	}
	66	}
	67
2a8b2b48	68	#sources-toolbar .devtools-toolbarbutton:not([label]) {
7600e0b1	69	-moz-image-region: rect(0px, 16px, 16px, 0px);
fe524e0c RK	70	}
fe524e0c RK	71
2a8b2b48 RK	72	#sources-toolbar .devtools-toolbarbutton:not([label]):hover {
	73	-moz-image-region: rect(16px, 16px, 32px, 0px);
	74	}
	75
	76	#sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
7600e0b1	77	-moz-image-region: rect(0px, 32px, 16px, 16px);
fe524e0c RK	78	}
fe524e0c RK	79
2a8b2b48 RK	80	#sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover {
	81	-moz-image-region: rect(16px, 32px, 32px, 16px);
	82	}
	83
dccbbf95 RK	84	@media (min-resolution: 2dppx) {
	85	#sources-toolbar .devtools-toolbarbutton:not([label]) {
	86	-moz-image-region: rect(0px,32px,32px,0px);
	87	}
	88
	89	#sources-toolbar .devtools-toolbarbutton:not([label]):hover {
	90	-moz-image-region: rect(32px,32px,64px,0px);
	91	}
	92
	93	#sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
	94	-moz-image-region: rect(0px,64px,32px,32px);
	95	}
	96
	97	#sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover {
	98	-moz-image-region: rect(32px,64px,64px,32px);
	99	}
	100	}
	101
7600e0b1	102	#sources .black-boxed {
1b13529a RK	103	color: #8050B0;
	104	}
	105
b3bf08b1	106	#sources .selected .black-boxed {
45dc7657 RK	107	color: #000000;
	108	}
	109
b3bf08b1	110	#sources .black-boxed ~ .dbg-breakpoint {
fe524e0c RK	111	display: none;
	112	}
	113
7600e0b1	114	#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
3a0880a9 RK	115	background-image: none;
	116	/* box-shadow: inset -1px 0 0 #222426; */
	117	}
	118
7600e0b1	119	#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
3a0880a9 RK	120	background-image: none;
	121	/* box-shadow: inset 1px 0 0 #222426; */
	122	}
	123
3d64e0ce RK	124	/* Debugger unblackbox button */
	125
	126	#black-boxed-message-button > .button-box > .button-icon {
	127	width: 16px;
	128	height: 16px;
	129	background-image: url("debugger-blackbox.png");
832af407 RK	130	background-position: -16px -16px;
832af407 RK	131	background-size: 32px 32px;
3d64e0ce RK	132	background-repeat: no-repeat;
	133	-moz-margin-end: 5px;
	134	}
	135
	136	@media (min-resolution: 2dppx) {
	137	#black-boxed-message-button > .button-box > .button-icon {
	138	background-image: url("debugger-blackbox@2x.png");
	139	}
	140	}
	141
3a0880a9	142	/* Black box message and source progress meter */
fe524e0c	143
3a0880a9 RK	144	#black-boxed-message,
	145	#source-progress-container {
	146	background-color: #A09090;
dfa34f73 RK	147	/* Prevent the container deck from aquiring the size from this message. */
dfa34f73 RK	148	min-width: 1px;
fe524e0c	149	min-height: 1px;
fe524e0c RK	150	color: #000000;
	151	}
	152
3a0880a9 RK	153	#source-progress {
	154	min-height: 2em;
	155	min-width: 40em;
	156	}
	157
fe524e0c RK	158	#black-boxed-message-label,
	159	#black-boxed-message-button {
	160	text-align: center;
	161	font-size: 120%;
	162	}
	163
	164	#black-boxed-message-button {
	165	margin-top: 1em;
	166	padding: .25em;
	167	}
	168
dfa34f73 RK	169	/* Tracer */
	170
	171	#trace {
	172	list-style-image: url("tracer-icon.png");
	173	-moz-image-region: rect(0px,16px,16px,0px);
	174	}
	175
	176	#trace:hover,
	177	#trace[checked] {
	178	-moz-image-region: rect(0px,32px,16px,16px);
	179	}
	180
dccbbf95 RK	181	@media (min-resolution: 2dppx) {
	182	#trace {
	183	list-style-image: url(tracer-icon@2x.png);
	184	-moz-image-region: rect(0px,32px,32px,0px);
	185	}
	186
	187	#trace:hover,
	188	#trace[checked] {
	189	-moz-image-region: rect(0px,64px,32px,32px);
	190	}
	191	}
	192
dfa34f73 RK	193	#clear-tracer {
	194	/* Make this button as narrow as the text inside it. */
	195	min-width: 1px;
	196	}
	197
dfa34f73 RK	198	.trace-name {
	199	-moz-padding-start: 4px !important;
	200	}
	201
dfa34f73 RK	202	/* Tracer dark+light theme */
dfa34f73 RK	203
dfa34f73	204	.trace-item {
de5e780d	205	color: var(--theme-content-color1);
dfa34f73 RK	206	}
dfa34f73 RK	207
a21f2959 RK	208	.trace-item.black-boxed {
	209	color: #A09090;
	210	}
	211
dfa34f73 RK	212	.trace-item.selected-matching {
	213	background-color: #004242; /* Select highlight blue at 40% alpha */
	214	}
	215
	216	.selected > .trace-item {
	217	background-color: #004242; /* Select highlight blue at 75% alpha */
	218	}
	219
	220	.trace-call {
de5e780d	221	color: var(--theme-highlight-blue);
dfa34f73 RK	222	}
	223
	224	.trace-return,
	225	.trace-yield {
de5e780d	226	color: var(--theme-highlight-green);
dfa34f73 RK	227	}
	228
	229	.trace-throw {
de5e780d	230	color: var(--theme-highlight-red);
dfa34f73 RK	231	}
	232
	233	.trace-param {
de5e780d	234	color: var(--theme-highlight-pink);
dfa34f73 RK	235	}
	236
	237	.trace-syntax {
de5e780d	238	color: var(--theme-content-color2);
dfa34f73 RK	239	}
dfa34f73 RK	240
de57e474 RK	241	/* Breadcrumbs stack frames view */
	242
	243	.breadcrumbs-widget-item {
	244	max-width: none;
	245	}
eec397be	246
f7774352 RK	247	#stackframes {
	248	min-height: 25px;
	249	}
	250
82b4252f	251	.dbg-stackframe-details {
eec397be	252	-moz-padding-start: 4px;
eec397be RK	253	}
eec397be RK	254
de57e474 RK	255	/* Classic stack frames view */
	256
	257	.dbg-classic-stackframe {
	258	display: block;
45dc7657	259	padding: 0 4px;
de57e474 RK	260	}
	261
	262	.dbg-classic-stackframe-title {
eec397be	263	font-weight: 600;
de57e474 RK	264	color: #9C9CFF;
	265	}
	266
	267	.dbg-classic-stackframe-details:-moz-locale-dir(ltr) {
	268	float: right;
	269	}
	270
	271	.dbg-classic-stackframe-details:-moz-locale-dir(rtl) {
	272	float: left;
eec397be RK	273	}
eec397be RK	274
de57e474 RK	275	.dbg-classic-stackframe-details-url {
	276	max-width: 90%;
	277	text-align: end;
de5e780d	278	color: var(--theme-text-blue);
de57e474 RK	279	}
	280
	281	.dbg-classic-stackframe-details-sep {
de5e780d	282	color: var(--theme-body-color-alt)
de57e474 RK	283	}
	284
	285	.dbg-classic-stackframe-details-line {
de5e780d	286	color: var(--theme-highlight-blue);
de57e474 RK	287	}
	288
	289	#callstack-list .side-menu-widget-item.selected label {
	290	color: #FFCF00;
990cba4b RK	291	}
990cba4b RK	292
82b4252f	293	/* Sources and breakpoints view */
889649fd	294
82b4252f	295	.dbg-breakpoint {
7600e0b1	296	-moz-margin-start: 4px;
990cba4b RK	297	}
990cba4b RK	298
82b4252f	299	.dbg-breakpoint-line {
889649fd RK	300	font-weight: 600;
	301	}
	302
	303	.dbg-breakpoint-text {
82b4252f RK	304	-moz-margin-start: 10px !important;
82b4252f RK	305	font-style: italic;
1b13529a RK	306	font-size: 90%;
	307	}
	308
	309	.dbg-breakpoint-checkbox {
	310	width: 16px;
	311	height: 16px;
	312	margin: 2px;
990cba4b RK	313	}
990cba4b RK	314
d2ce251d RK	315	/* Variable bubble view */
	316
	317	.devtools-tooltip-simple-text.token-undefined,
	318	.devtools-tooltip-simple-text.token-null {
	319	text-align: center;
	320	color: #A09090 !important; /* Override the theme's color. */
	321	}
	322
	323	.devtools-tooltip-simple-text.token-boolean {
	324	text-align: center;
	325	color: #9C9CFF !important;
	326	}
	327
	328	.devtools-tooltip-simple-text.token-number {
	329	text-align: center;
	330	color: #E7ADE7 !important;
	331	}
	332
	333	.devtools-tooltip-simple-text.token-string {
	334	text-align: start;
	335	color: #008484 !important;
	336	}
	337
	338	.devtools-tooltip-simple-text.token-other {
	339	text-align: center;
	340	color: #FF9F00 !important;
	341	}
	342
3a0880a9 RK	343	/* Instruments pane (watch expressions, variables, event listeners...) */
3a0880a9 RK	344
de57e474	345	#instruments-pane .side-menu-widget-container,
45dc7657	346	#instruments-pane .side-menu-widget-empty-text {
de57e474	347	/* box-shadow: none !important; */
3a0880a9 RK	348	}
3a0880a9 RK	349
82b4252f	350	/* Watch expressions view */
990cba4b RK	351
990cba4b RK	352	#expressions {
990cba4b	353	min-height: 10px;
56ab361a	354	max-height: 125px;
990cba4b RK	355	}
	356
	357	.dbg-expression {
	358	height: 20px;
990cba4b RK	359	}
	360
	361	.dbg-expression-arrow {
dccbbf95	362	background-image: url("commandline-icon.png");
ed88669c	363	background-position: -16px 0;
dccbbf95 RK	364	background-repeat: no-repeat;
dccbbf95 RK	365	background-size: 32px 16px;
b27cc46e	366	width: 16px;
dccbbf95	367	height: 16px;
45dc7657	368	margin: 2px;
dccbbf95 RK	369	}
	370
	371	@media (min-resolution: 2dppx) {
	372	.dbg-expression-arrow {
	373	background-image: url(commandline-icon@2x.png);
	374	}
990cba4b RK	375	}
	376
	377	.dbg-expression-input {
de57e474	378	color: inherit;
990cba4b RK	379	}
990cba4b RK	380
45dc7657 RK	381	.dbg-expression-button {
	382	border: none;
	383	background: none;
45dc7657	384	text-decoration: underline;
dccbbf95	385	cursor: pointer;
de5e780d	386	color: var(--theme-highlight-blue);
45dc7657 RK	387	}
45dc7657 RK	388
3a0880a9 RK	389	/* Event listeners view */
	390
	391	.dbg-event-listener {
45dc7657	392	padding: 0 8px;
3a0880a9 RK	393	}
	394
	395	.dbg-event-listener-type {
	396	font-weight: 600;
	397	}
	398
	399	.dbg-event-listener-separator {
de5e780d	400	color: var(--theme-body-color-alt);
3a0880a9 RK	401	}
	402
	403	.dbg-event-listener-targets {
de5e780d	404	color: var(--theme-highlight-blue);
3a0880a9 RK	405	}
	406
	407	.dbg-event-listener-location {
de5e780d	408	color: var(--theme-highlight-pink);
3a0880a9 RK	409	}
3a0880a9 RK	410
de57e474 RK	411	#event-listeners .side-menu-widget-item.selected {
	412	background: none !important;
	413	}
	414
82b4252f	415	/* Searchbox and the search operations help panel */
56ab361a	416
d2ce251d	417	#searchbox {
82b4252f RK	418	min-width: 220px;
82b4252f RK	419	-moz-margin-start: 1px;
56ab361a RK	420	}
56ab361a RK	421
fe524e0c RK	422	#filter-label {
	423	-moz-margin-start: 2px;
	424	}
	425
	426	#searchbox-panel-operators {
	427	margin-top: 5px;
82b4252f RK	428	margin-bottom: 8px;
82b4252f RK	429	-moz-margin-start: 2px;
c29b709d RK	430	}
c29b709d RK	431
82b4252f RK	432	.searchbox-panel-operator-button {
	433	min-width: 26px;
	434	margin-top: 0;
	435	margin-bottom: 0;
	436	-moz-margin-start: 2px;
	437	-moz-margin-end: 6px;
	438	text-align: center;
56ab361a RK	439	}
56ab361a RK	440
82b4252f RK	441	.searchbox-panel-operator-label {
82b4252f RK	442	padding-bottom: 2px;
56ab361a RK	443	}
56ab361a RK	444
82b4252f	445	/* Searchbox results panel */
56ab361a	446
82b4252f RK	447	.results-panel {
82b4252f RK	448	padding: 4px;
56ab361a RK	449	}
56ab361a RK	450
82b4252f RK	451	.results-panel-item {
	452	border: 1px solid #A09090;
	453	border-top-color: #8050B0;
	454	padding: 5px;
56ab361a RK	455	cursor: pointer;
56ab361a RK	456	}
eec397be	457
82b4252f RK	458	.results-panel-item:first-of-type {
	459	border-top-color: #9C9CFF;
	460	border-radius: 4px 4px 0 0;
eec397be RK	461	}
eec397be RK	462
82b4252f RK	463	.results-panel-item:last-of-type {
82b4252f RK	464	border-radius: 0 0 4px 4px;
b8384c33 RK	465	}
b8384c33 RK	466
82b4252f RK	467	.results-panel-item:only-of-type {
82b4252f RK	468	border-radius: 4px;
c29b709d RK	469	}
c29b709d RK	470
82b4252f RK	471	.results-panel-item:not(.selected):not(:hover) {
82b4252f RK	472	/* text-shadow: 0 1px #fff;*/
85cfb236 RK	473	}
85cfb236 RK	474
45dc7657	475	.results-panel-item-label-before {
82b4252f	476	-moz-margin-end: 5px !important;
de5e780d	477	color: var(--theme-content-color2);
82b4252f	478	cursor: inherit;
56ab361a RK	479	}
56ab361a RK	480
45dc7657	481	.results-panel-item-label {
de5e780d	482	color: var(--theme-highlight-blue);
b8384c33	483	font-weight: 600;
82b4252f	484	cursor: inherit;
85cfb236 RK	485	}
85cfb236 RK	486
45dc7657	487	.results-panel-item-label-below {
de5e780d	488	color: var(--theme-content-color3);
82b4252f	489	cursor: inherit;
56ab361a RK	490	}
56ab361a RK	491
82b4252f	492	/* Sources search view */
eec397be	493
82b4252f RK	494	#globalsearch {
82b4252f RK	495	min-height: 10px;
82b4252f	496	max-height: 125px;
eec397be RK	497	}
eec397be RK	498
82b4252f RK	499	#globalsearch + .devtools-horizontal-splitter {
82b4252f RK	500	-moz-border-top-colors: #9C9CFF;
56ab361a RK	501	}
56ab361a RK	502
82b4252f RK	503	.dbg-source-results {
	504	padding: 0;
	505	background: none !important;
eec397be RK	506	}
eec397be RK	507
46e71434 RK	508	.dbg-source-results:not(.selected):hover {
	509	background-color: #000000; /* Sidebar background */
	510	}
	511
82b4252f	512	.dbg-results-header {
b8384c33	513	-moz-padding-start: 6px;
37953ab4 RK	514	}
37953ab4 RK	515
82b4252f	516	.dbg-results-header-location {
990cba4b RK	517	font-weight: 600;
	518	}
	519
82b4252f RK	520	.dbg-results-header-match-count {
82b4252f RK	521	-moz-padding-start: 6px;
de5e780d	522	color: var(--theme-content-disabled);
eec397be RK	523	}
eec397be RK	524
82b4252f	525	.dbg-results-line-number {
de5e780d	526	background-color: var(--theme-toolbar-background);
82b4252f RK	527	min-width: 40px;
	528	-moz-border-end: 1px solid #9C9CFF;
	529	-moz-padding-end: 4px;
	530	padding-top: 2px;
	531	text-align: end;
de5e780d	532	color: var(--theme-body-color);
eec397be RK	533	}
eec397be RK	534
82b4252f RK	535	.dbg-results-line-contents {
	536	-moz-padding-start: 4px;
	537	padding-top: 1px;
	538	padding-bottom: 1px;
eec397be RK	539	}
eec397be RK	540
82b4252f RK	541	.dbg-results-line-contents-string {
82b4252f RK	542	padding: 1px;
de5e780d	543	/* color: var(--theme-body-color-alt);*/
eec397be RK	544	}
eec397be RK	545
82b4252f RK	546	.dbg-results-line-contents-string[match=true] {
82b4252f RK	547	background: #E7ADE7;
de5e780d	548	color: var(--theme-selection-color);
82b4252f RK	549	padding: 0;
	550	border: 1px solid #9C9CFF;
	551	border-radius: 4px;
	552	cursor: pointer;
eec397be RK	553	}
eec397be RK	554
82b4252f RK	555	.dbg-results-line-contents-string[match=true][focusing] {
82b4252f RK	556	transition: transform 0.3s ease-in-out;
eec397be RK	557	}
eec397be RK	558
82b4252f RK	559	.dbg-results-line-contents-string[match=true][focused] {
	560	transition-duration: 0.1s;
	561	transform: scale(1.75, 1.75);
b8384c33 RK	562	}
b8384c33 RK	563
3a0880a9	564	/* Toolbar controls */
5322a392	565
c29b709d	566	#toggle-panes {
c29b709d RK	567	list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
	568	-moz-image-region: rect(0px, 16px, 16px, 0px);
	569	}
	570
b8384c33	571	#toggle-panes:not([panesHidden]) {
c29b709d RK	572	list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
	573	}
	574
	575	#toggle-panes:hover,
	576	#toggle-panes:hover:active {
	577	-moz-image-region: rect(0px, 32px, 16px, 16px);
	578	}
	579
dccbbf95 RK	580	#debugger-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon,
	581	#sources-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon {
	582	width: 16px;
	583	height: 16px;
	584	}
	585
5322a392	586	#resume {
3886293f	587	list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png");
5322a392 RK	588	-moz-image-region: rect(0px, 16px, 16px, 0px);
	589	}
	590
5322a392 RK	591	#resume:hover {
	592	-moz-image-region: rect(0px, 32px, 16px, 16px);
	593	}
	594
3886293f	595	#resume[checked=true] {
3886293f	596	list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
3886293f RK	597	}
3886293f RK	598
dccbbf95 RK	599	@media (min-resolution: 2dppx) {
	600	#resume {
	601	list-style-image: url(debugger-pause@2x.png);
	602	-moz-image-region: rect(0px, 32px, 32px, 0px);
	603	}
	604
	605	#resume:hover {
	606	-moz-image-region: rect(0px, 64px, 32px, 32px);
	607	}
	608
	609	#resume[checked=true] {
	610	list-style-image: url(debugger-play@2x.png);
dccbbf95 RK	611	}
	612	}
	613
3886293f RK	614	#resume ~ toolbarbutton {
	615	/* transition: opacity 0.15s ease-in-out; */
	616	}
	617
	618	#resume:not([checked]) ~ toolbarbutton {
	619	/* opacity: 0.5; */
	620	}
	621
5322a392 RK	622	#step-over {
	623	list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
	624	-moz-image-region: rect(0px, 16px, 16px, 0px);
	625	}
	626	#step-over:hover {
	627	-moz-image-region: rect(0px, 32px, 16px, 16px);
	628	}
	629
	630	#step-in {
	631	list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
	632	-moz-image-region: rect(0px, 16px, 16px, 0px);
	633	}
	634	#step-in:hover {
	635	-moz-image-region: rect(0px, 32px, 16px, 16px);
	636	}
	637
	638	#step-out {
	639	list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
	640	-moz-image-region: rect(0px, 16px, 16px, 0px);
	641	}
	642	#step-out:hover {
	643	-moz-image-region: rect(0px, 32px, 16px, 16px);
	644	}
	645
dccbbf95 RK	646	@media (min-resolution: 2dppx) {
	647	#step-over {
	648	list-style-image: url(debugger-step-over@2x.png);
	649	-moz-image-region: rect(0px, 32px, 32px, 0);
	650	}
	651
	652	#step-over:hover {
	653	-moz-image-region: rect(0px, 64px, 32px, 32px);
	654	}
	655
	656	#step-in {
	657	list-style-image: url(debugger-step-in@2x.png);
	658	-moz-image-region: rect(0px, 32px, 32px, 0);
	659	}
	660
	661	#step-in:hover {
	662	-moz-image-region: rect(0px, 64px, 32px, 32px);
	663	}
	664
	665	#step-out {
	666	list-style-image: url(debugger-step-out@2x.png);
	667	-moz-image-region: rect(0px, 32px, 32px, 0);
	668	}
	669
	670	#step-out:hover {
	671	-moz-image-region: rect(0px, 64px, 32px, 32px);
	672	}
	673	}
	674
82b4252f	675	#instruments-pane-toggle {
f7774352	676	/* background: none;
82b4252f	677	box-shadow: none;
f7774352	678	border: none; */
ed1a91c6	679	list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
82b4252f RK	680	-moz-image-region: rect(0px,16px,16px,0px);
	681	}
	682
ed1a91c6 RK	683	#instruments-pane-toggle[pane-collapsed] {
ed1a91c6 RK	684	list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
82b4252f RK	685	}
82b4252f RK	686
dccbbf95	687	#instruments-pane-toggle:hover {
82b4252f RK	688	-moz-image-region: rect(0px,32px,16px,16px);
82b4252f RK	689	}
3a0880a9	690
dccbbf95 RK	691	@media (min-resolution: 2dppx) {
	692	#instruments-pane-toggle {
	693	list-style-image: url(debugger-collapse@2x.png);
	694	-moz-image-region: rect(0px,32px,32px,0px);
	695	}
	696
	697	#instruments-pane-toggle[pane-collapsed] {
	698	list-style-image: url(debugger-expand@2x.png);
	699	}
	700
	701	#instruments-pane-toggle:hover {
	702	-moz-image-region: rect(0px,64px,32px,32px);
	703	}
	704	}
	705
3a0880a9 RK	706	/* Horizontal vs. vertical layout */
	707
	708	#vertical-layout-panes-container {
	709	min-height: 35vh;
	710	max-height: 80vh;
	711	}
	712
	713	#body[layout=vertical] #instruments-pane {
	714	margin: 0 !important;
	715	/* To prevent all the margin hacks to hide the sidebar. */
	716	}
	717
de57e474 RK	718	#body[layout=vertical] #sources-pane > tabs {
	719	-moz-border-end: none;
	720	}
	721
	722	#body[layout=vertical] .side-menu-widget-container,
45dc7657	723	#body[layout=vertical] .side-menu-widget-empty-text {
3a0880a9 RK	724	box-shadow: none !important;
	725	}
	726
	727	#body[layout=vertical] .side-menu-widget-item-arrow {
	728	background-image: none !important;
	729	}
45dc7657 RK	730
45dc7657 RK	731	/* === END debugger.inc.css === */