tweaks for making devtools look nicer

[themes.git] / LCARStrek / browser / devtools / orion.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/. */

.viewContainer {
  background: #000000; /* This will be seen as the continuation of the ruler */
  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
  /* font-size: inherit; * inherit browser's default monospace font size */
  font-size: 11px; /* use typical LCARStrek font size */
}

.view {
  color: #FF9F00; /* Default text color */
  background: #000000; /* Background of the editor */
  padding-left: 4px;
}

.readonly > .view {
  background: #000000; /* super light green */
}

.ruler {
  background: #402800;
  color: #E7ADE7;
}
.ruler.annotations {
  width: 16px;
  padding-left: 4px;
}
.ruler.lines {
  border-right: 1px solid #794900;
  min-width: 1.4em;
  padding-left: 4px;
  padding-right: 4px;
  text-align: end;
}

.ruler.linesWithAnnotations {
  min-width: 0;
  padding-left: 0;
}

.ruler.overview {
  border-left: 1px solid #794900;
  width: 14px;
  text-align: start;
}

/* Styles for the annotation ruler (first line) */
.annotationHTML {
  cursor: pointer;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
}
.annotation.task .annotationHTML {
  background-image: url("chrome://browser/skin/devtools/orion-task.png");
}
.annotation.breakpoint .annotationHTML {
  background-image: url("chrome://browser/skin/devtools/orion-breakpoint.png");
}
.annotation.debugLocation .annotationHTML {
  background-image: url("chrome://browser/skin/devtools/orion-debug-location.png");
}
.annotation.breakpoint.debugLocation .annotationHTML,
.annotation.task.debugLocation .annotationHTML {
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-size: 75%, 100%;
}
.annotation.breakpoint.debugLocation .annotationHTML {
  background-image: url("chrome://browser/skin/devtools/orion-debug-location.png"),
                    url("chrome://browser/skin/devtools/orion-breakpoint.png");
}

.annotation.task.debugLocation .annotationHTML {
  background-image: url("chrome://browser/skin/devtools/orion-debug-location.png"),
                    url("chrome://browser/skin/devtools/orion-task.png");
}

/* Styles for the overview ruler  */
.annotationOverview {
  cursor: pointer;
  border-radius: 2px;
  left: 2px;
  width: 8px;
}
.annotationOverview.task {
  background-color: #004000;
  border: 1px solid #33FF33;
}
.annotationOverview.breakpoint {
  background-color: #262640;
  border: 1px solid #9C9CFF;
}
.annotationOverview.debugLocation {
  background-color: #404000;
  border: 1px solid #33FF33;
}
.annotationOverview.currentBracket {
  background-color: #808080;
  border: 1px solid #FF0000;
}
.annotationOverview.matchingBracket {
  background-color: #808080;
  border: 1px solid #FF0000;
}

/* Styles for text range */
.annotationRange {
  background-repeat: repeat-x;
  background-position: left bottom;
}
.annotationRange.task {
  outline: 1px dashed rgba(0, 255, 0, 0.5);
}
.annotationRange.matchingBracket {
  outline: 1px solid #008484;
}

.token_singleline_comment,
.token_multiline_comment,
.token_doc_comment {
  color: #33CC33;  /* grey */
}

.token_doc_html_markup {
  color: #E7ADE7; /* purple */
}

.token_doc_tag {
  color: #E7ADE7; /* purple */
}

.token_task_tag { /* "TODO" */
  color: black;
  background: #FFCF00;
}

.token_string {
  color: #9C9CFF; /* green */
  font-style: italic;
}

.token_keyword {
  color: #E7ADE7; /* purple */
}

.token_space {
  /* images/white_space.png */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAABnRSTlMA/wAAAACkwsAdAAAAIUlEQVR4nGP4z8CAC+GUIEXuABhgkTuABEiRw2cmae4EAH05X7xDolNRAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center center;
}

.token_tab {
  /* images/white_tab.png */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAIAAACJ2loDAAAABnRSTlMA/wD/AP83WBt9AAAAMklEQVR4nGP4TwRgoK6i52c3bz5w6zMSA6tJn28d2Lx589nnCAYu63AaSLxJRLoJPwAAeNk0aG4opfMAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: left center;
}

.line_caret,
.annotationLine.currentLine { /* Current line */
  background: #402800;
}

.readonly .line_caret,
.readonly .annotationLine.currentLine {
  background: #402800;
}

/* Styling for html syntax highlighting */
.entity-name-tag {
  color: #E7ADE7; /* blue */
}

.entity-other-attribute-name {
  color: #E7ADE7; /* blue */
}

.punctuation-definition-comment {
  color: #33CC33; /* grey */
}

.comment {
  color: #33CC33; /* grey */
}

.string-quoted {
  color: #9C9CFF; /* orange */
}

.invalid {
  color: red;
  font-weight: bold;
}