.devtools-responsiveui-toolbar {
background: transparent;
+ /* text color is textColor from dark theme, since no theme is applied to
+ * the responsive toolbar.
+ */
+ color: #FF9F00;
margin: 10px 0;
padding: 0;
box-shadow: none;
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>\r
+\r
+<!-- This Source Code Form is subject to the terms of the Mozilla Public\r
+ - License, v. 2.0. If a copy of the MPL was not distributed with this\r
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
+\r
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\r
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64">\r
+ <path fill="#9C9CFF" d="M32.336,3.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5\r
+ S48.076,3.894,32.336,3.894z M44.86,36.966h-7.823v7.62c0,2.582-2.12,4.702-4.702,4.702c-2.584,0-4.704-2.12-4.704-4.702v-7.62\r
+ h-7.817c-2.52,0-4.572-2.056-4.572-4.572s2.053-4.572,4.572-4.572h7.817v-7.62c0-2.582,2.12-4.702,4.704-4.702\r
+ c2.582,0,4.702,2.12,4.702,4.702v7.62h7.823c2.514,0,4.57,2.056,4.57,4.572S47.374,36.966,44.86,36.966z"/>\r
+</svg>\r
border-radius: 3px;
}
-.devtools-tooltip.devtools-tooltip-panel .panel-arrowcontent {
+.devtools-tooltip .panel-arrowcontent {
/* If the tooltip uses a <panel> XUL element instead */
padding: 4px;
}
+.devtools-tooltip .panel-arrowcontainer {
+ /* Reseting the transition used when panels are shown */
+ transition: none;
+ /* Panels slide up/down/left/right when they appear using a transform.
+ Since we want to remove the transition, we don't need to transform anymore
+ plus it can interfeer by causing mouseleave events on the underlying nodes */
+ transform: none;
+}
+
+.devtools-tooltip[clamped-dimensions] {
+ max-height: 400px;
+ max-width: 400px;
+}
+.devtools-tooltip[clamped-dimensions] .panel-arrowcontent {
+ overflow: hidden;
+}
+
+/* Tooltip: Simple Text */
+
.devtools-tooltip-simple-text {
background: #000000;
max-width: 400px;
margin-bottom: -4px;
}
+/* Tooltip: Variables View */
+
+.devtools-tooltip-variables-view-box {
+ margin: -4px; /* Compensate for the .panel-arrowcontent padding. */
+}
+
+/* Tooltip: Tiles */
+
.devtools-tooltip-tiles {
background-color: #A09090;
background-image: linear-gradient(45deg, #9C9CFF 25%, transparent 25%, transparent 75%, #9C9CFF 75%, #9C9CFF),
background: #004242;
}
-.theme-bg-darker
-.cm-s-mozilla .CodeMirror-gutters {
+.theme-bg-darker {
background-color: rgba(0,0,0,0.5);
}
color: #FFCF00;
}
+/* Highlight for a line that contains an error. */
+div.CodeMirror div.error-line {
+ background: rgba(255,0,0,0.2);
+}
+
+/* Highlight for a line that represents a stack frame's location. */
+div.CodeMirror div.debug-line {
+ background: rgba(156,156,255,0.1);
+}
+
+/* Generic highlighted text */
+div.CodeMirror span.marked-text {
+ background: rgba(255,207,0,0.2);
+ border: 1px dashed rgba(156,156,255,0.6);
+ -moz-margin-start: -1px;
+ -moz-margin-end: -1px;
+}
+
+/* Highlight for evaluating current statement. */
+div.CodeMirror span.eval-text {
+ background-color: #403800;
+}
+
.cm-s-mozilla .CodeMirror-linenumber { /* line number text */
color: #A09090;
}
.cm-s-mozilla .CodeMirror-gutters { /* vertical line next to line numbers */
border-right-color: #A09090;
- background: #402800;
+ background-color: #402800;
}
.cm-s-markup-view pre {
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 {
/* Searchbox and the search operations help panel */
-.devtools-searchinput {
+#searchbox {
min-width: 220px;
-moz-margin-start: 1px;
}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
scrollbar {
- -moz-appearance: none !important;
position: relative;
background-color: transparent;
background-image: none;
z-index: 2147483647;
- padding: 2px;
+ /*padding: 2px;*/
}
scrollbar[orient="vertical"] {
-moz-margin-start: -10px;
- min-width: 10px;
- max-width: 10px;
+ min-width: 6px;
+ max-width: 6px;
}
scrollbar[orient="horizontal"] {
margin-top: -10px;
- min-height: 10px;
- max-height: 10px;
+ min-height: 6px;
+ max-height: 6px;
+}
+
+scrollbar slider {
+/* background-color: transparent; */
+ border-radius: 3px;
}
scrollbar thumb {
- -moz-appearance: none !important;
border-width: 0px !important;
- background-color: rgba(0,0,0,0.2) !important;
+/* background-color: rgba(0,0,0,0.2) !important;*/
+ background-image: none;
border-radius: 3px !important;
}
+++ /dev/null
-/* 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/. */
-
-.viewTooltip {
- display: none; /* TODO: add tooltips support, see bug 721752 */
- font-family: "Liberation Mono", Consolas, "Courier New", monospace;
- font-size: 13px;
- background-color: #9C9CFF;
- color: #000000;
- padding: 2px;
- border-radius: 4px;
- border: 1px solid #FFCF00;
- z-index: 100;
- position: fixed;
- overflow: hidden;
- white-space: pre;
-}
-
-.viewTooltip em {
- font-style: normal;
- font-weight: bold;
-}
-
-.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");
-}
+++ /dev/null
-/* 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;
-}
/* !important is required otherwise font-size will still be 1.4rem */
font-style: italic;
padding: 4px 0 0; /* To align it with the checkbox */
- color: #A09090;
}
.options-citation-label + label {
color: inherit;
}
+.jsterm-input-container {
+ border-top-width: 1px;
+ border-top-style: solid;
+}
+
#output-wrapper {
direction: ltr;
- border-bottom: 1px solid #9C9CFF;
overflow: auto;
}
.jsterm-complete-node {
-moz-padding-start: 16px;
margin: 3px 0 0 0;
+ background-color: transparent;
}
.jsterm-input-node {
background: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16) no-repeat;
- background-position: 0%;
}
:-moz-any(.jsterm-input-node,
overflow-x: hidden;
}
-.jsterm-complete-node > .textbox-input-box > .textbox-textarea {
- color: #8050B0;
-}
-
.inlined-variables-view .body {
display: flex;
flex-direction: column;
}
.navigation-marker .url {
- background-color: #000000;
-moz-padding-end: 9px;
text-decoration: none;
}
+
+/* Replace these values with CSS variables as available */
+.theme-dark .jsterm-input-container {
+ background-color: #000000; /* tabToolbarBackgroundColor */
+ border-color: #9C9CFF; /* mainBackgroundColor */
+}
+
+.theme-dark .jsterm-input-node {
+ color: #E7ADE7; /* textColor */
+}
+
+.theme-dark .jsterm-complete-node {
+ color: #A09090; /* commentColor */
+}
+
+.theme-dark .navigation-marker .url {
+ background: #000000; /* mainBackgroundColor */
+}
+
+/* Replace these values with CSS variables as available */
+.theme-light .jsterm-input-container {
+ background-color: #000000; /* tabToolbarBackgroundColor */
+ border-color: #9C9CFF; /* mainBackgroundColor */
+}
+
+.theme-light .jsterm-input-node {
+ color: #E7ADE7; /* textColor */
+}
+
+.theme-light .jsterm-complete-node {
+ color: #A09090; /* commentColor */
+}
+
+.theme-light .navigation-marker .url {
+ background: #000000; /* mainBackgroundColor */
+}
}
.variable-or-property > .title > .value {
+ -moz-box-flex: 1;
-moz-padding-start: 6px;
-moz-padding-end: 4px;
}
.variables-view-variable {
-moz-margin-start: 1px;
-moz-margin-end: 1px;
+}
+
+.variables-view-variable:not(:last-child) {
border-bottom: 1px solid #A09090;
}
}
.variables-view-container[aligned-values] .title > .value {
+ -moz-box-flex: 0;
width: 70vw;
}
/* Actions first */
-.variables-view-container[actions-first] .variables-view-delete {
+.variables-view-container[actions-first] .variables-view-delete,
+.variables-view-container[actions-first] .variables-view-add-property {
-moz-box-ordinal-group: 0;
}
+.variables-view-container[actions-first] [invisible] {
+ visibility: hidden;
+}
+
/* Variables and properties tooltips */
.variable-or-property > tooltip > label {
-moz-image-region: rect(0, 48px, 16px, 32px);
}
-.variables-view-delete > .toolbarbutton-text {
- display: none;
-}
-
.variables-view-edit {
background: url("chrome://browser/skin/devtools/vview-edit.png") center no-repeat;
width: 20px;
.variables-view-container.manifest-editor {
background-color: #000000;
- padding: 20px 13px;
+ padding: 20px 2px;
}
.manifest-editor .variable-or-property:focus > .title {
/* color: #27406A; */
}
-.manifest-editor .variable-or-property > .title > label {
+.manifest-editor .variable-or-property > .title > label,
+.manifest-editor textbox {
font-family: monospace;
}
.manifest-editor .variables-view-delete,
.manifest-editor .variables-view-delete:hover,
-.manifest-editor .variables-view-delete:active {
+.manifest-editor .variables-view-delete:active,
+.manifest-editor .variables-view-add-property:hover,
+.manifest-editor .variables-view-add-property:active {
list-style-image: none;
-moz-image-region: initial;
}
-.manifest-editor .variables-view-delete::before {
- width: 12px;
- height: 12px;
+.manifest-editor .variables-view-delete::before,
+.manifest-editor .variables-view-add-property::before {
+ width: 11px;
+ height: 11px;
content: "";
display: inline-block;
+ background-size: 11px auto;
+}
+
+.manifest-editor .variables-view-delete::before {
background-image: url("app-manager/remove.svg");
background-size: 12px auto;
}
+.manifest-editor .variables-view-add-property::before {
+ background-image: url("app-manager/add.svg");
+ -moz-margin-end: 2px;
+}
+
/* === END manifest-editor.inc.css === */
projects / themes.git / commitdiff
