add orion styling just so that scratchpad and style editor work in newer builds ...

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

diff --git a/LCARStrek/browser/devtools/orion.css b/LCARStrek/browser/devtools/orion.css
new file mode 100644 (file)
index 0000000..6c0a553
--- /dev/null
+++ b/LCARStrek/browser/devtools/orion.css
@@ -0,0 +1,191 @@
+/* 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: #cddae5; /* This will be seen as the continuation of the ruler */
+  font-family: monospace;
+  font-size: inherit; /* inherit browser's default monospace font size */
+}
+
+.view {
+  color: #FF9F00; /* Default text color */
+  background: #000000; /* Background of the editor */
+  padding-left: 4px;
+}
+
+.readonly > .view {
+  background: #000000;
+}
+
+.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;
+}
+.annotationHTML.task {
+  background-image: url("chrome://browser/skin/devtools/orion-task.png");
+}
+.annotationHTML.breakpoint {
+  background-image: url("chrome://browser/skin/devtools/orion-breakpoint.png");
+}
+.annotationHTML.debugLocation {
+  background-image: url("chrome://browser/skin/devtools/orion-debug-location.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 {
+  color: #33CC33; /* green */
+}
+
+.token_multiline_comment {
+  color: #33CC33; /* green */
+}
+
+.token_doc_comment {
+  color: #33CC33; /* green */
+}
+
+.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; /* blue */
+  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; /* lighter than the background */
+}
+
+.readonly .line_caret,
+.readonly .annotationLine.currentLine {
+  background: #402800; /* a bit darker than the background */
+}
+
+/* Styling for html syntax highlighting */
+.entity-name-tag {
+  color: #E7ADE7; /* purple */
+}
+
+.entity-other-attribute-name {
+  color: #E7ADE7; /* purple */
+}
+
+.punctuation-definition-comment {
+  color: #33CC33; /* green */
+}
+
+.comment {
+  color: #33CC33; /* green */
+}
+
+.string-quoted {
+  color: #9C9CFF; /* blue */
+  font-style: italic;
+}
+
+.invalid {
+  color: red;
+  font-weight: bold;
+}