/* See license.txt for terms of usage */

/******************************************************************************/
/* Firebug CodeMirror Theme */

.theme-firebug .CodeMirror {
  height: 100%;
  font-family: monospace;
  font-size: 11px;
  line-height: 1.2;
  cursor: text;
}

.theme-firebug .linehighlighting {
  background-color: lightgoldenrodyellow;
}

.theme-firebug .CodeMirror-activeline-background {
  /*background: #00FFFF;*/
  background: rgb(219, 236, 247);
}

/* Highlight for a line that represents a stack frame's location. */
.theme-firebug .debug-line {
   background: rgb(255,255,224);
   box-shadow:
     0 1px 0 0 #D9D9B6,
     0 -1px 0 0 #D9D9B6;
}

/* Active debug-line has different background than selected line */
.theme-firebug .debug-line .CodeMirror-activeline-background {
  background: transparent;
}

/* Text indent from the breakpoint column */
.theme-firebug pre {
  padding-left: 10px;
}

/*
 * Unset the padding when the Command Editor is hidden to prevent
 * "Unresponsive Warnings". See issue 6824
 */
.theme-firebug .CommandEditor-hidden pre {
  padding-left: 0px;
}

.theme-firebug .CodeMirror-scrollbar-filler {
  background-color: white;
}

.theme-firebug .CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: rgb(238, 238, 238);
  overflow: hidden;
  position: absolute; left: 0; top: 0;
  height: 100%;
  padding-bottom: 30px;
  z-index: 3;
}

/******************************************************************************/
/* Color Syntax */

.theme-firebug .cm-keyword {color: BlueViolet; font-weight: bold;}
.theme-firebug .cm-atom {color: #219;}
.theme-firebug .cm-number {color: #164;}
.theme-firebug .cm-def {color: #00f;}
.theme-firebug .cm-variable {color: black;}
.theme-firebug .cm-variable-2 {color: black;}
.theme-firebug .cm-variable-3 {color: black;}
.theme-firebug .cm-property {color: black;}
.theme-firebug .cm-operator {color: black;}
.theme-firebug .cm-comment {color: Silver;}
.theme-firebug .cm-string {color: Red;}
.theme-firebug .cm-string-2 {color: Red;}
.theme-firebug .cm-meta {color: rgb(120, 120, 120); font-style: italic;}
.theme-firebug .cm-error {color: #f00;}
.theme-firebug .cm-qualifier {color: #555;}
.theme-firebug .cm-builtin {color: #30a;}
.theme-firebug .cm-bracket {color: #997;}
.theme-firebug .cm-tag {color: blue;}
.theme-firebug .cm-attribute {color: rgb(0, 0, 136);}
.theme-firebug .cm-header {color: blue;}
.theme-firebug .cm-quote {color: #090;}
.theme-firebug .cm-hr {color: #999;}
.theme-firebug .cm-link {color: #00c;}

.theme-fg-color3,
.cm-s-mozilla .kind-Object .cm-variable{ /* dark blue */
  color: var(--theme-firebug-object);
  font-style: normal;
  font-weight: bold;
}

.console-string{
  color: var(--theme-firebug-string);
}


/******************************************************************************/
/* Gutters */

.theme-firebug .CodeMirror-gutter {
  cursor: default;
}

.theme-firebug .CodeMirror-gutter.breakpoints {
  width: 16px;
}

.theme-firebug .CodeMirror-gutter-elt {
  padding-left: 3px;
  padding-right: 4px;
  min-width: 1ch;
}

/* Line number indent from the breakpoint */
.theme-firebug .CodeMirror-linenumber.CodeMirror-gutter-elt {
  padding-left: 10px;
}

/******************************************************************************/
/* Breakpoints */

.theme-firebug .breakpoint {
  background-image: url(chrome://firebug/skin/breakpoint.svg);
  background-repeat: no-repeat;
  margin-right: 2px;
}

.theme-firebug .breakpointLoading {
  background-image: url(chrome://firebug/skin/loading.svg);
  background-repeat: no-repeat;
  margin-right: 2px;
}

.theme-firebug .breakpoint.condition {
  background-image: url(chrome://firebug/skin/breakpointCondition.svg), url(chrome://firebug/skin/breakpoint.svg);
  background-position: center;
  margin-right: 2px;
}

.theme-firebug .breakpoint.disabled:not(.debugLocation) {
  opacity: 0.5;
}

/******************************************************************************/
/* Debug Location */

.theme-firebug .debug-line .CodeMirror-gutter-elt .debugLocation {
  background-image: url(chrome://firebug/skin/executionPointer.svg);
  background-position: 1px 0;
  color: #000000;
  background-repeat: no-repeat;
}

.theme-firebug .debug-line .CodeMirror-gutter-elt .breakpoint {
  background-image: url(chrome://firebug/skin/executionPointer.svg), url(chrome://firebug/skin/breakpoint.svg);
  background-position: 1px 0, 0 0;
}

.theme-firebug .CodeMirror-debugLocation {
  outline: 1px solid #D9D9B6;
  background-color: rgb(255,255,224);
}

/******************************************************************************/
/* Highlighted Line */

.theme-firebug .CodeMirror-highlightedLine {
  background-color: rgb(196, 244, 255);
}

/******************************************************************************/
/* Executable Line */

.theme-firebug .CodeMirror-executableLine .CodeMirror-linenumber {
    color: green;
    font-weight: bold;
}

/******************************************************************************/
/* Auto-completion */

/* xxxsz: Workaround to let the popup look like the Completion List Popup.
 This can be removed when both popups share the same element structure. */
.CodeMirror-hints {
  font-size: inherit;
  /* xxxsz: This should be set dynamically, i.e. regard the
    text size setting of the UI */
  font-size-adjust: 0.547;
  -moz-user-select: none;
  -moz-border-top-colors: #BEBEBE #F0F0F0 #F0F0F0 #BEBEBE;
  -moz-border-right-colors: #BEBEBE #F0F0F0 #F0F0F0 #BEBEBE;
  -moz-border-bottom-colors: #BEBEBE #F0F0F0 #F0F0F0 #BEBEBE;
  -moz-border-left-colors: #BEBEBE #F0F0F0 #F0F0F0 #BEBEBE;
  border-width: 4px;
  border-radius: 5px;
  padding: 0;
}

.CodeMirror-hint {
  border-radius: 0;
}
