mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-02-05 05:30:29 +00:00
Bug 957117 - DevTools Themes: Use light theme for top tabbar and toolbars OVERRIDE HOOK;r=vporof
This commit is contained in:
Brian Grinstead
parent
cf8b3a9804
commit
0f4ec447f4
@ -410,7 +410,7 @@
|
||||
<button id="black-boxed-message-button"
|
||||
class="devtools-toolbarbutton"
|
||||
label="&debuggerUI.blackBoxMessage.unBlackBoxButton;"
|
||||
image="chrome://browser/skin/devtools/debugger-blackboxMessageEye.png"
|
||||
image="chrome://browser/skin/devtools/debugger-blackbox-eye.png"
|
||||
command="unBlackBoxCommand"/>
|
||||
</vbox>
|
||||
<vbox id="source-progress-container"
|
||||
@ -432,7 +432,7 @@
|
||||
<tabpanels flex="1">
|
||||
<tabpanel id="variables-tabpanel">
|
||||
<vbox id="expressions"/>
|
||||
<splitter class="devtools-horizontal-splitter"/>
|
||||
<splitter class="devtools-horizontal-splitter devtools-invisible splitter"/>
|
||||
<vbox id="variables" flex="1"/>
|
||||
</tabpanel>
|
||||
<tabpanel id="events-tabpanel">
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
<link rel="stylesheet" href="chrome://browser/skin/devtools/font-inspector.css" type="text/css"/>
|
||||
<script type="application/javascript;version=1.8" src="chrome://browser/content/devtools/theme-switching.js"/>
|
||||
</head>
|
||||
<body class="theme-body devtools-monospace" role="application">
|
||||
<body class="theme-sidebar devtools-monospace" role="application">
|
||||
<script type="application/javascript;version=1.8" src="font-inspector.js"></script>
|
||||
<div id="root">
|
||||
<ul id="all-fonts"></ul>
|
||||
|
||||
@ -53,6 +53,7 @@ function SelectorSearch(aInspector, aContentDocument, aInputNode) {
|
||||
autoSelect: true,
|
||||
position: "before_start",
|
||||
direction: "ltr",
|
||||
theme: "auto",
|
||||
onClick: this._onListBoxKeypress,
|
||||
onKeypress: this._onListBoxKeypress,
|
||||
};
|
||||
|
||||
@ -35,7 +35,7 @@
|
||||
</popupset>
|
||||
|
||||
<box id="body"
|
||||
class="devtools-responsive-container theme-body"
|
||||
class="devtools-responsive-container theme-sidebar"
|
||||
flex="1">
|
||||
<vbox id="network-table" flex="1">
|
||||
<toolbar id="requests-menu-toolbar"
|
||||
@ -119,6 +119,7 @@
|
||||
tabindex="0"/>
|
||||
</toolbar>
|
||||
<label id="requests-menu-empty-notice"
|
||||
class="side-menu-widget-empty-text"
|
||||
value="&netmonitorUI.emptyNotice2;"/>
|
||||
<vbox id="requests-menu-contents" flex="1" context="network-request-popup">
|
||||
<hbox id="requests-menu-item-template" hidden="true">
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
<script type="text/javascript" src="sidebar.js"/>
|
||||
<box flex="1" id="profiler-chrome"
|
||||
class="devtools-responsive-container theme-body">
|
||||
<vbox class="profiler-sidebar">
|
||||
<vbox class="profiler-sidebar theme-sidebar">
|
||||
<toolbar class="devtools-toolbar">
|
||||
<hbox id="profiler-controls">
|
||||
<toolbarbutton id="profiler-start"
|
||||
@ -40,7 +40,7 @@
|
||||
</vbox>
|
||||
</vbox>
|
||||
|
||||
<splitter class="devtools-side-splitter"/>
|
||||
<splitter class="devtools-side-splitter devtools-invisible-splitter"/>
|
||||
|
||||
<vbox flex="1" id="profiler-report">
|
||||
<!-- Example:
|
||||
|
||||
@ -38,7 +38,7 @@ this.SideMenuWidget = function SideMenuWidget(aNode, aOptions={}) {
|
||||
|
||||
// Create an internal scrollbox container.
|
||||
this._list = this.document.createElement("scrollbox");
|
||||
this._list.className = "side-menu-widget-container theme-body";
|
||||
this._list.className = "side-menu-widget-container theme-sidebar";
|
||||
this._list.setAttribute("flex", "1");
|
||||
this._list.setAttribute("orient", "vertical");
|
||||
this._list.setAttribute("with-arrows", this._showArrows);
|
||||
|
||||
@ -72,7 +72,7 @@
|
||||
|
||||
<xul:keyset id="sourceEditorKeys"/>
|
||||
|
||||
<xul:box id="style-editor-chrome" class="splitview-root loading"
|
||||
<xul:box id="style-editor-chrome" class="theme-body splitview-root loading"
|
||||
context="sidebar-context">
|
||||
<xul:box class="splitview-controller">
|
||||
<xul:box class="splitview-main">
|
||||
@ -87,7 +87,7 @@
|
||||
label="&importButton.label;"/>
|
||||
</xul:toolbar>
|
||||
</xul:box>
|
||||
<xul:box id="splitview-resizer-target" class="splitview-nav-container"
|
||||
<xul:box id="splitview-resizer-target" class="theme-sidebar splitview-nav-container"
|
||||
persist="height">
|
||||
<ol class="splitview-nav" tabindex="0"></ol>
|
||||
<div class="splitview-nav placeholder empty">
|
||||
@ -99,7 +99,7 @@
|
||||
</div>
|
||||
</xul:box> <!-- .splitview-nav-container -->
|
||||
</xul:box> <!-- .splitview-controller -->
|
||||
<xul:splitter class="devtools-side-splitter splitview-landscape-splitter"/>
|
||||
<xul:splitter class="devtools-side-splitter splitview-landscape-splitter devtools-invisible-splitter"/>
|
||||
<xul:box class="splitview-side-details"/>
|
||||
|
||||
<div id="splitview-templates" hidden="true">
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
class="theme-body">
|
||||
class="theme-sidebar">
|
||||
|
||||
<head>
|
||||
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
class="theme-body">
|
||||
class="theme-sidebar">
|
||||
|
||||
<head>
|
||||
<title>&ruleViewTitle;</title>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1005 B |
Binary file not shown.
|
Before Width: | Height: | Size: 836 B |
Binary file not shown.
|
Before Width: | Height: | Size: 693 B |
Binary file not shown.
|
Before Width: | Height: | Size: 669 B |
Binary file not shown.
|
Before Width: | Height: | Size: 496 B |
Binary file not shown.
|
Before Width: | Height: | Size: 686 B |
Binary file not shown.
|
Before Width: | Height: | Size: 451 B |
Binary file not shown.
|
Before Width: | Height: | Size: 473 B |
Binary file not shown.
|
Before Width: | Height: | Size: 599 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
@ -1,131 +0,0 @@
|
||||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
#style-editor-chrome {
|
||||
background-color: hsl(208,11%,27%);
|
||||
}
|
||||
|
||||
.stylesheet-title,
|
||||
.stylesheet-name {
|
||||
text-decoration: none;
|
||||
color: hsl(207,17%,88%);
|
||||
}
|
||||
|
||||
.stylesheet-name {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.stylesheet-rule-count,
|
||||
.stylesheet-saveButton {
|
||||
color: hsl(211,12%,60%);
|
||||
}
|
||||
|
||||
.stylesheet-saveButton {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.splitview-active .stylesheet-title,
|
||||
.splitview-active .stylesheet-name {
|
||||
color: hsl(0,0%,100%);
|
||||
}
|
||||
|
||||
.splitview-active .stylesheet-rule-count,
|
||||
.splitview-active .stylesheet-saveButton {
|
||||
color: hsl(200,66%,70%);
|
||||
}
|
||||
|
||||
.splitview-nav:focus {
|
||||
outline: 0; /* focus ring is on the stylesheet name */
|
||||
}
|
||||
|
||||
.splitview-nav > li.unsaved > hgroup .stylesheet-name {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
|
||||
.splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.splitview-nav.empty > p {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.stylesheet-enabled {
|
||||
padding: 8px 0;
|
||||
margin: 0 8px;
|
||||
background-image: url(itemToggle.png);
|
||||
background-repeat: no-repeat;
|
||||
background-clip: content-box;
|
||||
background-position: 0 8px;
|
||||
width: 24px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.disabled > .stylesheet-enabled {
|
||||
background-position: -24px 8px;
|
||||
}
|
||||
|
||||
.splitview-nav > li > .stylesheet-enabled:focus,
|
||||
.splitview-nav > li:hover > .stylesheet-enabled {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.stylesheet-error-message {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.stylesheet-more > h3 {
|
||||
font-size: 11px;
|
||||
-moz-margin-end: 2px;
|
||||
}
|
||||
|
||||
.devtools-searchinput {
|
||||
max-width: 25ex;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.placeholder a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
font-size: inherit;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* portrait mode */
|
||||
@media (max-width: 550px) {
|
||||
.splitview-nav {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.splitview-nav > li.splitview-active {
|
||||
background-size: 0 0, 0 0, auto;
|
||||
}
|
||||
|
||||
.stylesheet-enabled {
|
||||
padding: 0;
|
||||
background-position: 0 0;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.disabled > .stylesheet-enabled {
|
||||
background-position: -24px 0;
|
||||
}
|
||||
|
||||
.splitview-nav > li > hgroup.stylesheet-info {
|
||||
-moz-box-align: baseline;
|
||||
}
|
||||
}
|
||||
@ -153,6 +153,7 @@ browser.jar:
|
||||
* skin/classic/browser/devtools/common.css (../shared/devtools/common.css)
|
||||
* skin/classic/browser/devtools/dark-theme.css (../shared/devtools/dark-theme.css)
|
||||
* skin/classic/browser/devtools/light-theme.css (../shared/devtools/light-theme.css)
|
||||
skin/classic/browser/devtools/filters.svg (../shared/devtools/filters.svg)
|
||||
skin/classic/browser/devtools/controls.png (../shared/devtools/controls.png)
|
||||
* skin/classic/browser/devtools/widgets.css (devtools/widgets.css)
|
||||
skin/classic/browser/devtools/commandline-icon.png (devtools/commandline-icon.png)
|
||||
@ -181,36 +182,37 @@ browser.jar:
|
||||
skin/classic/browser/devtools/breadcrumbs-divider@2x.png (../shared/devtools/images/breadcrumbs-divider@2x.png)
|
||||
skin/classic/browser/devtools/breadcrumbs-scrollbutton.png (../shared/devtools/images/breadcrumbs-scrollbutton.png)
|
||||
skin/classic/browser/devtools/breadcrumbs-scrollbutton@2x.png (../shared/devtools/images/breadcrumbs-scrollbutton@2x.png)
|
||||
skin/classic/browser/devtools/splitview.css (devtools/splitview.css)
|
||||
skin/classic/browser/devtools/styleeditor.css (devtools/styleeditor.css)
|
||||
skin/classic/browser/devtools/splitview.css (../shared/devtools/splitview.css)
|
||||
skin/classic/browser/devtools/styleeditor.css (../shared/devtools/styleeditor.css)
|
||||
* skin/classic/browser/devtools/shadereditor.css (devtools/shadereditor.css)
|
||||
* skin/classic/browser/devtools/debugger.css (devtools/debugger.css)
|
||||
* skin/classic/browser/devtools/profiler.css (devtools/profiler.css)
|
||||
* skin/classic/browser/devtools/netmonitor.css (devtools/netmonitor.css)
|
||||
* skin/classic/browser/devtools/scratchpad.css (devtools/scratchpad.css)
|
||||
skin/classic/browser/devtools/magnifying-glass.png (devtools/magnifying-glass.png)
|
||||
skin/classic/browser/devtools/option-icon.png (devtools/option-icon.png)
|
||||
skin/classic/browser/devtools/itemToggle.png (devtools/itemToggle.png)
|
||||
skin/classic/browser/devtools/option-icon.png (../shared/devtools/images/option-icon.png)
|
||||
skin/classic/browser/devtools/itemToggle.png (../shared/devtools/images/itemToggle.png)
|
||||
skin/classic/browser/devtools/itemToggle-light.png (../shared/devtools/images/itemToggle-light.png)
|
||||
skin/classic/browser/devtools/itemArrow-dark-rtl.png (../shared/devtools/images/itemArrow-dark-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-dark-ltr.png (../shared/devtools/images/itemArrow-dark-ltr.png)
|
||||
skin/classic/browser/devtools/itemArrow-rtl.png (../shared/devtools/images/itemArrow-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-ltr.png (../shared/devtools/images/itemArrow-ltr.png)
|
||||
skin/classic/browser/devtools/itemArrow-rtl.svg (../shared/devtools/images/itemArrow-rtl.svg)
|
||||
skin/classic/browser/devtools/itemArrow-ltr.svg (../shared/devtools/images/itemArrow-ltr.svg)
|
||||
skin/classic/browser/devtools/background-noise-toolbar.png (devtools/background-noise-toolbar.png)
|
||||
skin/classic/browser/devtools/noise.png (devtools/noise.png)
|
||||
skin/classic/browser/devtools/inspect-button.png (devtools/inspect-button.png)
|
||||
skin/classic/browser/devtools/dropmarker.png (devtools/dropmarker.png)
|
||||
skin/classic/browser/devtools/layout-background-grid.png (devtools/layout-background-grid.png)
|
||||
skin/classic/browser/devtools/layoutview.css (devtools/layoutview.css)
|
||||
skin/classic/browser/devtools/debugger-collapse.png (devtools/debugger-collapse.png)
|
||||
skin/classic/browser/devtools/debugger-expand.png (devtools/debugger-expand.png)
|
||||
skin/classic/browser/devtools/debugger-pause.png (devtools/debugger-pause.png)
|
||||
skin/classic/browser/devtools/debugger-play.png (devtools/debugger-play.png)
|
||||
skin/classic/browser/devtools/debugger-step-in.png (devtools/debugger-step-in.png)
|
||||
skin/classic/browser/devtools/debugger-step-out.png (devtools/debugger-step-out.png)
|
||||
skin/classic/browser/devtools/debugger-step-over.png (devtools/debugger-step-over.png)
|
||||
skin/classic/browser/devtools/debugger-blackbox.png (devtools/debugger-blackbox.png)
|
||||
skin/classic/browser/devtools/debugger-blackboxMessageEye.png (devtools/debugger-blackboxMessageEye.png)
|
||||
skin/classic/browser/devtools/debugger-toggleBreakpoints.png (devtools/debugger-toggleBreakpoints.png)
|
||||
skin/classic/browser/devtools/debugger-collapse.png (../shared/devtools/images/debugger-collapse.png)
|
||||
skin/classic/browser/devtools/debugger-expand.png (../shared/devtools/images/debugger-expand.png)
|
||||
skin/classic/browser/devtools/debugger-pause.png (../shared/devtools/images/debugger-pause.png)
|
||||
skin/classic/browser/devtools/debugger-play.png (../shared/devtools/images/debugger-play.png)
|
||||
skin/classic/browser/devtools/debugger-step-in.png (../shared/devtools/images/debugger-step-in.png)
|
||||
skin/classic/browser/devtools/debugger-step-out.png (../shared/devtools/images/debugger-step-out.png)
|
||||
skin/classic/browser/devtools/debugger-step-over.png (../shared/devtools/images/debugger-step-over.png)
|
||||
skin/classic/browser/devtools/debugger-blackbox-eye.png (../shared/devtools/images/debugger-blackbox-eye.png)
|
||||
skin/classic/browser/devtools/debugger-blackbox.png (../shared/devtools/images/debugger-blackbox.png)
|
||||
skin/classic/browser/devtools/debugger-toggleBreakpoints.png (../shared/devtools/images/debugger-toggleBreakpoints.png)
|
||||
skin/classic/browser/devtools/tracer-icon.png (devtools/tracer-icon.png)
|
||||
skin/classic/browser/devtools/tracer-icon@2x.png (devtools/tracer-icon@2x.png)
|
||||
skin/classic/browser/devtools/responsive-se-resizer.png (devtools/responsive-se-resizer.png)
|
||||
@ -223,7 +225,7 @@ browser.jar:
|
||||
skin/classic/browser/devtools/floating-scrollbars.css (devtools/floating-scrollbars.css)
|
||||
skin/classic/browser/devtools/floating-scrollbars-light.css (devtools/floating-scrollbars-light.css)
|
||||
skin/classic/browser/devtools/inspector.css (devtools/inspector.css)
|
||||
skin/classic/browser/devtools/profiler-stopwatch.png (devtools/profiler-stopwatch.png)
|
||||
skin/classic/browser/devtools/profiler-stopwatch.png (../shared/devtools/images/profiler-stopwatch.png)
|
||||
skin/classic/browser/devtools/tool-options.svg (../shared/devtools/images/tool-options.svg)
|
||||
skin/classic/browser/devtools/tool-webconsole.svg (../shared/devtools/images/tool-webconsole.svg)
|
||||
skin/classic/browser/devtools/tool-debugger.svg (../shared/devtools/images/tool-debugger.svg)
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1005 B |
Binary file not shown.
|
Before Width: | Height: | Size: 836 B |
Binary file not shown.
|
Before Width: | Height: | Size: 693 B |
Binary file not shown.
|
Before Width: | Height: | Size: 669 B |
Binary file not shown.
|
Before Width: | Height: | Size: 496 B |
Binary file not shown.
|
Before Width: | Height: | Size: 686 B |
Binary file not shown.
|
Before Width: | Height: | Size: 451 B |
Binary file not shown.
|
Before Width: | Height: | Size: 473 B |
Binary file not shown.
|
Before Width: | Height: | Size: 599 B |
Binary file not shown.
|
Before Width: | Height: | Size: 886 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
@ -1,112 +0,0 @@
|
||||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
.splitview-nav-container {
|
||||
background-color: hsl(208,11%,27%);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.loading .splitview-nav-container {
|
||||
background-image: url(chrome://global/skin/icons/loading_16.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.splitview-nav {
|
||||
-moz-appearance: none;
|
||||
margin: 0;
|
||||
box-shadow: inset -1px 0 0 #222426;
|
||||
}
|
||||
|
||||
.splitview-nav > li {
|
||||
color: white;
|
||||
background-clip: padding-box;
|
||||
border-bottom: 1px solid hsla(210,16%,76%,.1);
|
||||
box-shadow: inset 0 -1px 0 hsla(210,8%,5%,.25);
|
||||
-moz-padding-end: 8px;
|
||||
-moz-box-align: center;
|
||||
}
|
||||
|
||||
.splitview-nav {
|
||||
list-style-image: none;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.splitview-nav > li {
|
||||
outline: 0;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
-moz-box-flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.splitview-nav > li.splitview-active {
|
||||
background-image: url(itemArrow-ltr.png),
|
||||
linear-gradient(to right, black, black),
|
||||
linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%));
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
background-position: center right, top right, top left;
|
||||
background-size: auto, 1px 100%, auto;
|
||||
border-bottom: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
||||
}
|
||||
|
||||
.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png),
|
||||
linear-gradient(to right, black, black),
|
||||
linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%));
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
background-position: center left, top left, top right;
|
||||
}
|
||||
|
||||
/* Toolbars */
|
||||
|
||||
.splitview-main > .devtools-toolbar {
|
||||
background-origin: border-box;
|
||||
background-clip: border-box;
|
||||
border-bottom: 1px solid hsla(210,8%,5%,.65);
|
||||
}
|
||||
|
||||
.splitview-main > toolbar:-moz-locale-dir(ltr) {
|
||||
border-right: 1px solid hsla(210,8%,5%,.5);
|
||||
}
|
||||
|
||||
.splitview-main > toolbar:-moz-locale-dir(rtl) {
|
||||
border-left: 1px solid hsla(210,8%,5%,.5);
|
||||
}
|
||||
|
||||
.splitview-main > .devtools-toolbarbutton {
|
||||
font-size: 11px;
|
||||
padding: 0 8px;
|
||||
width: auto;
|
||||
min-width: 48px;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Resizers */
|
||||
|
||||
.splitview-landscape-splitter {
|
||||
-moz-border-start-color: transparent;
|
||||
}
|
||||
|
||||
.splitview-portrait-resizer {
|
||||
-moz-appearance: none;
|
||||
background: linear-gradient(black 1px, rgba(255,255,255,0.2) 1px),
|
||||
linear-gradient(hsl(210,11%,36%), hsl(210,11%,18%));
|
||||
height: 12px;
|
||||
background-size: 10px 2px, 100% 12px;
|
||||
background-clip: content-box, border-box;
|
||||
background-repeat: repeat-y, no-repeat;
|
||||
background-position: center center;
|
||||
padding: 2px 0;
|
||||
border-top: 1px solid hsla(210,8%,5%,.5);
|
||||
border-bottom: 1px solid hsla(210,8%,5%,.5);
|
||||
}
|
||||
@ -1,131 +0,0 @@
|
||||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
#style-editor-chrome {
|
||||
background-color: hsl(208,11%,27%);
|
||||
}
|
||||
|
||||
.stylesheet-title,
|
||||
.stylesheet-name {
|
||||
text-decoration: none;
|
||||
color: hsl(207,17%,88%);
|
||||
}
|
||||
|
||||
.stylesheet-name {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.stylesheet-rule-count,
|
||||
.stylesheet-saveButton {
|
||||
color: hsl(211,12%,60%);
|
||||
}
|
||||
|
||||
.stylesheet-saveButton {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.splitview-active .stylesheet-title,
|
||||
.splitview-active .stylesheet-name {
|
||||
color: hsl(0,0%,100%);
|
||||
}
|
||||
|
||||
.splitview-active .stylesheet-rule-count,
|
||||
.splitview-active .stylesheet-saveButton {
|
||||
color: hsl(200,66%,70%);
|
||||
}
|
||||
|
||||
.splitview-nav:focus {
|
||||
outline: 0; /* focus ring is on the stylesheet name */
|
||||
}
|
||||
|
||||
.splitview-nav > li.unsaved > hgroup .stylesheet-name {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
|
||||
.splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.splitview-nav.empty > p {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.stylesheet-enabled {
|
||||
padding: 8px 0;
|
||||
margin: 0 8px;
|
||||
background-image: url(itemToggle.png);
|
||||
background-repeat: no-repeat;
|
||||
background-clip: content-box;
|
||||
background-position: 0 8px;
|
||||
width: 24px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.disabled > .stylesheet-enabled {
|
||||
background-position: -24px 8px;
|
||||
}
|
||||
|
||||
.splitview-nav > li > .stylesheet-enabled:focus,
|
||||
.splitview-nav > li:hover > .stylesheet-enabled {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.stylesheet-error-message {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.stylesheet-more > h3 {
|
||||
font-size: 11px;
|
||||
-moz-margin-end: 2px;
|
||||
}
|
||||
|
||||
.devtools-searchinput {
|
||||
max-width: 25ex;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.placeholder a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
font-size: inherit;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* portrait mode */
|
||||
@media (max-width: 550px) {
|
||||
.splitview-nav {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.splitview-nav > li.splitview-active {
|
||||
background-size: 0 0, 0 0, auto;
|
||||
}
|
||||
|
||||
.stylesheet-enabled {
|
||||
padding: 0;
|
||||
background-position: 0 0;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.disabled > .stylesheet-enabled {
|
||||
background-position: -24px 0;
|
||||
}
|
||||
|
||||
.splitview-nav > li > hgroup.stylesheet-info {
|
||||
-moz-box-align: baseline;
|
||||
}
|
||||
}
|
||||
@ -260,6 +260,7 @@ browser.jar:
|
||||
* skin/classic/browser/devtools/common.css (../shared/devtools/common.css)
|
||||
* skin/classic/browser/devtools/dark-theme.css (../shared/devtools/dark-theme.css)
|
||||
* skin/classic/browser/devtools/light-theme.css (../shared/devtools/light-theme.css)
|
||||
skin/classic/browser/devtools/filters.svg (../shared/devtools/filters.svg)
|
||||
skin/classic/browser/devtools/controls.png (../shared/devtools/controls.png)
|
||||
* skin/classic/browser/devtools/widgets.css (devtools/widgets.css)
|
||||
skin/classic/browser/devtools/commandline-icon.png (devtools/commandline-icon.png)
|
||||
@ -288,36 +289,37 @@ browser.jar:
|
||||
skin/classic/browser/devtools/breadcrumbs-divider@2x.png (../shared/devtools/images/breadcrumbs-divider@2x.png)
|
||||
skin/classic/browser/devtools/breadcrumbs-scrollbutton.png (../shared/devtools/images/breadcrumbs-scrollbutton.png)
|
||||
skin/classic/browser/devtools/breadcrumbs-scrollbutton@2x.png (../shared/devtools/images/breadcrumbs-scrollbutton@2x.png)
|
||||
skin/classic/browser/devtools/splitview.css (devtools/splitview.css)
|
||||
skin/classic/browser/devtools/styleeditor.css (devtools/styleeditor.css)
|
||||
skin/classic/browser/devtools/splitview.css (../shared/devtools/splitview.css)
|
||||
skin/classic/browser/devtools/styleeditor.css (../shared/devtools/styleeditor.css)
|
||||
* skin/classic/browser/devtools/shadereditor.css (devtools/shadereditor.css)
|
||||
* skin/classic/browser/devtools/debugger.css (devtools/debugger.css)
|
||||
* skin/classic/browser/devtools/profiler.css (devtools/profiler.css)
|
||||
* skin/classic/browser/devtools/netmonitor.css (devtools/netmonitor.css)
|
||||
* skin/classic/browser/devtools/scratchpad.css (devtools/scratchpad.css)
|
||||
skin/classic/browser/devtools/magnifying-glass.png (devtools/magnifying-glass.png)
|
||||
skin/classic/browser/devtools/option-icon.png (devtools/option-icon.png)
|
||||
skin/classic/browser/devtools/itemToggle.png (devtools/itemToggle.png)
|
||||
skin/classic/browser/devtools/option-icon.png (../shared/devtools/images/option-icon.png)
|
||||
skin/classic/browser/devtools/itemToggle.png (../shared/devtools/images/itemToggle.png)
|
||||
skin/classic/browser/devtools/itemToggle-light.png (../shared/devtools/images/itemToggle-light.png)
|
||||
skin/classic/browser/devtools/itemArrow-dark-rtl.png (../shared/devtools/images/itemArrow-dark-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-dark-ltr.png (../shared/devtools/images/itemArrow-dark-ltr.png)
|
||||
skin/classic/browser/devtools/itemArrow-rtl.png (../shared/devtools/images/itemArrow-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-ltr.png (../shared/devtools/images/itemArrow-ltr.png)
|
||||
skin/classic/browser/devtools/itemArrow-rtl.svg (../shared/devtools/images/itemArrow-rtl.svg)
|
||||
skin/classic/browser/devtools/itemArrow-ltr.svg (../shared/devtools/images/itemArrow-ltr.svg)
|
||||
skin/classic/browser/devtools/background-noise-toolbar.png (devtools/background-noise-toolbar.png)
|
||||
skin/classic/browser/devtools/noise.png (devtools/noise.png)
|
||||
skin/classic/browser/devtools/inspect-button.png (devtools/inspect-button.png)
|
||||
skin/classic/browser/devtools/dropmarker.png (devtools/dropmarker.png)
|
||||
skin/classic/browser/devtools/layout-background-grid.png (devtools/layout-background-grid.png)
|
||||
skin/classic/browser/devtools/layoutview.css (devtools/layoutview.css)
|
||||
skin/classic/browser/devtools/debugger-collapse.png (devtools/debugger-collapse.png)
|
||||
skin/classic/browser/devtools/debugger-expand.png (devtools/debugger-expand.png)
|
||||
skin/classic/browser/devtools/debugger-pause.png (devtools/debugger-pause.png)
|
||||
skin/classic/browser/devtools/debugger-play.png (devtools/debugger-play.png)
|
||||
skin/classic/browser/devtools/debugger-step-in.png (devtools/debugger-step-in.png)
|
||||
skin/classic/browser/devtools/debugger-step-out.png (devtools/debugger-step-out.png)
|
||||
skin/classic/browser/devtools/debugger-step-over.png (devtools/debugger-step-over.png)
|
||||
skin/classic/browser/devtools/debugger-blackbox.png (devtools/debugger-blackbox.png)
|
||||
skin/classic/browser/devtools/debugger-blackboxMessageEye.png (devtools/debugger-blackboxMessageEye.png)
|
||||
skin/classic/browser/devtools/debugger-toggleBreakpoints.png (devtools/debugger-toggleBreakpoints.png)
|
||||
skin/classic/browser/devtools/debugger-collapse.png (../shared/devtools/images/debugger-collapse.png)
|
||||
skin/classic/browser/devtools/debugger-expand.png (../shared/devtools/images/debugger-expand.png)
|
||||
skin/classic/browser/devtools/debugger-pause.png (../shared/devtools/images/debugger-pause.png)
|
||||
skin/classic/browser/devtools/debugger-play.png (../shared/devtools/images/debugger-play.png)
|
||||
skin/classic/browser/devtools/debugger-step-in.png (../shared/devtools/images/debugger-step-in.png)
|
||||
skin/classic/browser/devtools/debugger-step-out.png (../shared/devtools/images/debugger-step-out.png)
|
||||
skin/classic/browser/devtools/debugger-step-over.png (../shared/devtools/images/debugger-step-over.png)
|
||||
skin/classic/browser/devtools/debugger-blackbox.png (../shared/devtools/images/debugger-blackbox.png)
|
||||
skin/classic/browser/devtools/debugger-blackbox-eye.png (../shared/devtools/images/debugger-blackbox-eye.png)
|
||||
skin/classic/browser/devtools/debugger-toggleBreakpoints.png (../shared/devtools/images/debugger-toggleBreakpoints.png)
|
||||
skin/classic/browser/devtools/tracer-icon.png (devtools/tracer-icon.png)
|
||||
skin/classic/browser/devtools/tracer-icon@2x.png (devtools/tracer-icon@2x.png)
|
||||
skin/classic/browser/devtools/floating-scrollbars.css (devtools/floating-scrollbars.css)
|
||||
@ -330,7 +332,7 @@ browser.jar:
|
||||
skin/classic/browser/devtools/dock-bottom@2x.png (../shared/devtools/images/dock-bottom@2x.png)
|
||||
skin/classic/browser/devtools/dock-side@2x.png (../shared/devtools/images/dock-side@2x.png)
|
||||
* skin/classic/browser/devtools/inspector.css (devtools/inspector.css)
|
||||
skin/classic/browser/devtools/profiler-stopwatch.png (devtools/profiler-stopwatch.png)
|
||||
skin/classic/browser/devtools/profiler-stopwatch.png (../shared/devtools/images/profiler-stopwatch.png)
|
||||
skin/classic/browser/devtools/tool-options.svg (../shared/devtools/images/tool-options.svg)
|
||||
skin/classic/browser/devtools/tool-webconsole.svg (../shared/devtools/images/tool-webconsole.svg)
|
||||
skin/classic/browser/devtools/tool-debugger.svg (../shared/devtools/images/tool-debugger.svg)
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
border-bottom: 1px solid black;
|
||||
border-bottom: 1px solid #aaa;
|
||||
min-height: 3px;
|
||||
height: 3px;
|
||||
margin-top: -3px;
|
||||
@ -39,7 +39,7 @@
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
-moz-border-end: 1px solid black;
|
||||
-moz-border-end: 1px solid #aaa;
|
||||
min-width: 3px;
|
||||
width: 3px;
|
||||
-moz-margin-start: -3px;
|
||||
|
||||
@ -11,6 +11,11 @@
|
||||
color: #8fa1b2;
|
||||
}
|
||||
|
||||
.theme-sidebar {
|
||||
background: #131c26;
|
||||
color: #8fa1b2;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background-color: #1d4f73;
|
||||
color: #f5f7fa;
|
||||
@ -148,10 +153,11 @@
|
||||
}
|
||||
|
||||
.theme-toolbar,
|
||||
.devtools-toolbar { /* General toolbar styling */
|
||||
color: hsl(210,30%,85%);
|
||||
.devtools-toolbar,
|
||||
.devtools-sidebar-tabs > tabs { /* General toolbar styling */
|
||||
color: #b6babf;
|
||||
background-color: #343c45;
|
||||
border-color: #060a0d;
|
||||
border-color: hsla(210,8%,5%,.6);
|
||||
}
|
||||
|
||||
.theme-fg-contrast { /* To be used for text on theme-bg-contrast */
|
||||
@ -302,4 +308,18 @@ div.CodeMirror span.eval-text {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.devtools-horizontal-splitter {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
|
||||
.devtools-side-splitter {
|
||||
-moz-border-end: 1px solid black;
|
||||
}
|
||||
|
||||
.devtools-textinput,
|
||||
.devtools-searchinput {
|
||||
background-color: rgba(24, 29, 32, 1);
|
||||
color: rgba(184, 200, 217, 1);
|
||||
}
|
||||
|
||||
%include toolbars.inc.css
|
||||
|
||||
@ -5,17 +5,28 @@
|
||||
|
||||
/* Sources and breakpoints pane */
|
||||
|
||||
#sources-pane > tabs {
|
||||
-moz-border-end: 1px solid #222426; /* Match the sources list's dark margin. */
|
||||
}
|
||||
|
||||
#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
#sources-pane > tabs {
|
||||
-moz-border-end: 1px solid;
|
||||
}
|
||||
|
||||
#sources-pane .devtools-toolbar {
|
||||
border: none; /* Remove the devtools-toolbar's black bottom border. */
|
||||
-moz-border-end: 1px solid #222426; /* Match the sources list's dark margin. */
|
||||
border: none; /* Remove the devtools-toolbar bottom border. */
|
||||
-moz-border-end: 1px solid;
|
||||
}
|
||||
|
||||
.theme-dark #sources-pane > tabs,
|
||||
.theme-dark #sources-pane .devtools-toolbar {
|
||||
-moz-border-end-color: black; /* Match the splitter. */
|
||||
}
|
||||
|
||||
.theme-light #sources-pane > tabs,
|
||||
.theme-light #sources-pane .devtools-toolbar {
|
||||
-moz-border-end-color: #aaa; /* Match the splitter color. */
|
||||
}
|
||||
|
||||
/* Sources and breakpoints list */
|
||||
|
||||
9
browser/themes/shared/devtools/filters.svg
Normal file
9
browser/themes/shared/devtools/filters.svg
Normal file
@ -0,0 +1,9 @@
|
||||
<svg height="0" xmlns="http://www.w3.org/2000/svg">
|
||||
<filter id="invert" x="0%" y="0%" width="100%" height="100%" >
|
||||
<feComponentTransfer>
|
||||
<feFuncR type="table" tableValues=".1 0"/>
|
||||
<feFuncG type="table" tableValues=".1 0"/>
|
||||
<feFuncB type="table" tableValues=".1 0"/>
|
||||
</feComponentTransfer>
|
||||
</filter>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 321 B |
BIN
browser/themes/shared/devtools/images/debugger-blackBoxMessageEye.png
Executable file
BIN
browser/themes/shared/devtools/images/debugger-blackBoxMessageEye.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 326 B |
BIN
browser/themes/shared/devtools/images/debugger-blackbox-eye.png
Executable file
BIN
browser/themes/shared/devtools/images/debugger-blackbox-eye.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 326 B |
BIN
browser/themes/shared/devtools/images/debugger-blackbox.png
Normal file
BIN
browser/themes/shared/devtools/images/debugger-blackbox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 547 B |
BIN
browser/themes/shared/devtools/images/debugger-collapse.png
Normal file
BIN
browser/themes/shared/devtools/images/debugger-collapse.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 311 B |
BIN
browser/themes/shared/devtools/images/debugger-expand.png
Normal file
BIN
browser/themes/shared/devtools/images/debugger-expand.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 310 B |
BIN
browser/themes/shared/devtools/images/debugger-pause.png
Normal file
BIN
browser/themes/shared/devtools/images/debugger-pause.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
BIN
browser/themes/shared/devtools/images/debugger-play.png
Normal file
BIN
browser/themes/shared/devtools/images/debugger-play.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 288 B |
BIN
browser/themes/shared/devtools/images/debugger-step-in.png
Normal file
BIN
browser/themes/shared/devtools/images/debugger-step-in.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 206 B |
BIN
browser/themes/shared/devtools/images/debugger-step-out.png
Normal file
BIN
browser/themes/shared/devtools/images/debugger-step-out.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 214 B |
BIN
browser/themes/shared/devtools/images/debugger-step-over.png
Normal file
BIN
browser/themes/shared/devtools/images/debugger-step-over.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 306 B |
|
Before Width: | Height: | Size: 886 B After Width: | Height: | Size: 886 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
4
browser/themes/shared/devtools/images/itemArrow-ltr.svg
Normal file
4
browser/themes/shared/devtools/images/itemArrow-ltr.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 7 12">
|
||||
<path fill="#f7f7f7" d="M7,11.6 7,.4 1.5,6z"/>
|
||||
<path fill="#ababab" d="M7,0 6,0 0,6 6,12 7,12 7,11.6 1.5,6 7,.4z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 281 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
4
browser/themes/shared/devtools/images/itemArrow-rtl.svg
Executable file
4
browser/themes/shared/devtools/images/itemArrow-rtl.svg
Executable file
@ -0,0 +1,4 @@
|
||||
<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 7 12">
|
||||
<path fill="#f7f7f7" d="M0,11.6 0,.4 5.5,6z"/>
|
||||
<path fill="#ababab" d="M1,0 0,0 0,.4 5.5,6 0,11.6 0,12 1,12 7,6z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 281 B |
BIN
browser/themes/shared/devtools/images/itemToggle-light.png
Normal file
BIN
browser/themes/shared/devtools/images/itemToggle-light.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 507 B |
BIN
browser/themes/shared/devtools/images/itemToggle.png
Normal file
BIN
browser/themes/shared/devtools/images/itemToggle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 571 B |
BIN
browser/themes/shared/devtools/images/option-icon.png
Normal file
BIN
browser/themes/shared/devtools/images/option-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 679 B |
BIN
browser/themes/shared/devtools/images/profiler-stopwatch.png
Normal file
BIN
browser/themes/shared/devtools/images/profiler-stopwatch.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 754 B |
@ -7,8 +7,13 @@
|
||||
* https://bugzilla.mozilla.org/show_bug.cgi?id=715472#c17
|
||||
*/
|
||||
.theme-body {
|
||||
background: white;
|
||||
color: black;
|
||||
background: #fcfcfc; /* Background - Editor */
|
||||
color: #18191a;
|
||||
}
|
||||
|
||||
.theme-sidebar {
|
||||
background: #f7f7f7; /* Background - Sidebars */
|
||||
color: #18191a;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
@ -151,10 +156,11 @@
|
||||
}
|
||||
|
||||
.theme-toolbar,
|
||||
.devtools-toolbar { /* General toolbar styling */
|
||||
color: hsl(210,30%,85%);
|
||||
background-color: #343c45;
|
||||
border-color: #060a0d;
|
||||
.devtools-toolbar,
|
||||
.devtools-sidebar-tabs > tabs { /* General toolbar styling */
|
||||
color: #585959;
|
||||
background-color: #f0f1f2;
|
||||
border-color: #aaa;
|
||||
}
|
||||
|
||||
.ruleview-colorswatch,
|
||||
@ -165,8 +171,8 @@
|
||||
|
||||
.variables-view-scope:focus > .title,
|
||||
.variable-or-property:focus > .title {
|
||||
background: hsl(208,56%,40%); /* fg-color2 */
|
||||
color: white;
|
||||
background: #4c9ed9; /* fg-color2 */
|
||||
color: #f5f7fa;
|
||||
}
|
||||
|
||||
/* CodeMirror specific styles.
|
||||
|
||||
@ -3,20 +3,25 @@
|
||||
* 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/. */
|
||||
|
||||
#body {
|
||||
background: url(background-noise-toolbar.png), #343c45; /* Dark toolbars */
|
||||
}
|
||||
|
||||
#requests-menu-empty-notice {
|
||||
background: url(background-noise-toolbar.png), #343c45; /* Dark toolbars */
|
||||
margin: 0;
|
||||
padding: 12px;
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
.theme-dark #requests-menu-empty-notice {
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-light #requests-menu-empty-notice {
|
||||
color: #585959; /* Grey foreground text */
|
||||
}
|
||||
|
||||
%filter substitution
|
||||
%define tableBorderLight rgba(0,0,0,0.2)
|
||||
%define tableBorderDark rgba(128,128,128,0.15)
|
||||
%define table_itemDarkStartBorder rgba(0,0,0,0.2)
|
||||
%define table_itemDarkEndBorder rgba(128,128,128,0.15)
|
||||
%define table_itemLightStartBorder rgba(128,128,128,0.25)
|
||||
%define table_itemLightEndBorder transparent
|
||||
|
||||
/* Network requests table */
|
||||
|
||||
@ -33,16 +38,26 @@
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.requests-menu-header:not(:last-child):-moz-locale-dir(ltr),
|
||||
.requests-menu-subitem:not(:last-child):-moz-locale-dir(ltr) {
|
||||
-moz-border-end: 1px solid @tableBorderLight@;
|
||||
box-shadow: 1px 0 0 @tableBorderDark@;
|
||||
.theme-dark .requests-menu-header:not(:last-child),
|
||||
.theme-dark .requests-menu-subitem:not(:last-child) {
|
||||
-moz-border-end: 1px solid @table_itemDarkStartBorder@;
|
||||
box-shadow: 1px 0 0 @table_itemDarkEndBorder@;
|
||||
}
|
||||
|
||||
.requests-menu-header:not(:last-child):-moz-locale-dir(rtl),
|
||||
.requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) {
|
||||
-moz-border-end: 1px solid @tableBorderLight@;
|
||||
box-shadow: -1px 0 0 @tableBorderDark@;
|
||||
.theme-dark .requests-menu-header:not(:last-child):-moz-locale-dir(rtl),
|
||||
.theme-dark .requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) {
|
||||
box-shadow: -1px 0 0 @table_itemDarkEndBorder@;
|
||||
}
|
||||
|
||||
.theme-light .requests-menu-header:not(:last-child),
|
||||
.theme-light .requests-menu-subitem:not(:last-child) {
|
||||
-moz-border-end: 1px solid @table_itemLightStartBorder@;
|
||||
box-shadow: 1px 0 0 @table_itemLightEndBorder@;
|
||||
}
|
||||
|
||||
.theme-light .requests-menu-header:not(:last-child):-moz-locale-dir(rtl),
|
||||
.theme-light .requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) {
|
||||
box-shadow: -1px 0 0 @table_itemLightEndBorder@;
|
||||
}
|
||||
|
||||
.requests-menu-header-button {
|
||||
@ -130,48 +145,84 @@ box.requests-menu-status {
|
||||
transition: box-shadow 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
box.requests-menu-status:not([code]) {
|
||||
.theme-dark box.requests-menu-status:not([code]) {
|
||||
box-shadow:
|
||||
0 0 0 1px rgba(255,255,255,0.4) inset,
|
||||
0 -6px 4px 0 rgba(32,32,32,1.0) inset,
|
||||
0 0 8px 0 rgba(32,0,0,0.4);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="1"] {
|
||||
.theme-light box.requests-menu-status:not([code]) {
|
||||
box-shadow:
|
||||
0 0 0 1px rgba(255,255,255,0.4) inset,
|
||||
0 -6px 4px 0 rgba(32,32,32, 0.5) inset;
|
||||
}
|
||||
|
||||
.theme-dark box.requests-menu-status[code^="1"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(0,0,64,1.0) inset,
|
||||
0 0 8px 0 rgba(0,0,128,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="2"] {
|
||||
.theme-light box.requests-menu-status[code^="1"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(0,0,128,1) inset;
|
||||
}
|
||||
|
||||
.theme-dark box.requests-menu-status[code^="2"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(0,64,0,1.0) inset,
|
||||
0 0 8px 0 rgba(0,128,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="3"] {
|
||||
.theme-light box.requests-menu-status[code^="2"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(0,128,0,1) inset;
|
||||
}
|
||||
|
||||
.theme-dark box.requests-menu-status[code^="3"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,32,0,1.0) inset,
|
||||
0 0 8px 0 rgba(128,128,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="4"] {
|
||||
.theme-light box.requests-menu-status[code^="3"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(128,64,0,1) inset;
|
||||
}
|
||||
|
||||
.theme-dark box.requests-menu-status[code^="4"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,0,0,1.0) inset,
|
||||
0 0 8px 0 rgba(128,0,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="5"] {
|
||||
.theme-light box.requests-menu-status[code^="4"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(128,0,0,1) inset;
|
||||
}
|
||||
|
||||
.theme-dark box.requests-menu-status[code^="5"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,0,64,1.0) inset,
|
||||
0 0 8px 0 rgba(128,0,128,1.0);
|
||||
}
|
||||
|
||||
.theme-light box.requests-menu-status[code^="5"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(128,0,128,1.0) inset;
|
||||
}
|
||||
|
||||
/* Network requests table: waterfall header */
|
||||
|
||||
#requests-menu-waterfall-label {
|
||||
@ -183,12 +234,12 @@ box.requests-menu-status[code^="5"] {
|
||||
width: 100px;
|
||||
padding-top: 2px;
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #999;
|
||||
font-size: 75%;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:not(:first-child) {
|
||||
-moz-border-start: 1px dotted;
|
||||
-moz-margin-start: -100px !important; /* Don't affect layout. */
|
||||
}
|
||||
|
||||
@ -200,26 +251,41 @@ box.requests-menu-status[code^="5"] {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division[division-scale=millisecond] {
|
||||
.theme-dark .requests-menu-timings-division[division-scale=millisecond] {
|
||||
-moz-border-start-color: #f5f7fa !important; /* Light foreground text */
|
||||
}
|
||||
|
||||
.requests-menu-timings-division[division-scale=second] {
|
||||
.theme-light .requests-menu-timings-division[division-scale=millisecond] {
|
||||
-moz-border-start-color: #585959 !important; /* Grey foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .requests-menu-timings-division[division-scale=second] {
|
||||
-moz-border-start-color: #d99b28 !important; /* Light orange highlight color */
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division[division-scale=minute] {
|
||||
.theme-light .requests-menu-timings-division[division-scale=second] {
|
||||
-moz-border-start-color: #d97e00 !important; /* Light orange highlight color */
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.theme-dark .requests-menu-timings-division[division-scale=minute] {
|
||||
-moz-border-start-color: #eb5368 !important; /* Red highlight color */
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.theme-light .requests-menu-timings-division[division-scale=minute] {
|
||||
-moz-border-start-color: #ed2655 !important; /* Red highlight color */
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Network requests table: waterfall items */
|
||||
|
||||
.requests-menu-subitem.requests-menu-waterfall {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-padding-end: 4px;
|
||||
background-repeat: repeat-y; /* Background created on a <canvas> in js. */
|
||||
background-position: -1px center;
|
||||
margin-top: -1px; /* Compensate borders. */
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
@ -252,8 +318,16 @@ box.requests-menu-status[code^="5"] {
|
||||
|
||||
.requests-menu-timings-cap {
|
||||
width: 4px;
|
||||
height: 9px;
|
||||
border: 1px solid #fff;
|
||||
height: 8px;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.theme-dark .requests-menu-timings-cap {
|
||||
border: 1px solid #b8c8d9; /* Light content text */
|
||||
}
|
||||
|
||||
.theme-light .requests-menu-timings-cap {
|
||||
border: 1px solid #292e33; /* Dark content text */
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start {
|
||||
@ -285,51 +359,81 @@ box.requests-menu-status[code^="5"] {
|
||||
}
|
||||
|
||||
.requests-menu-timings-box {
|
||||
height: 9px;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.theme-dark .requests-menu-timings-box {
|
||||
border-top: 1px solid #b8c8d9; /* Light content text */
|
||||
border-bottom: 1px solid #b8c8d9;
|
||||
}
|
||||
|
||||
.theme-light .requests-menu-timings-box {
|
||||
border-top: 1px solid #292e33; /* Dark content text */
|
||||
border-bottom: 1px solid #292e33;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.blocked,
|
||||
.requests-menu-timings-cap.blocked {
|
||||
background-color: rgba(255,32,32,0.8);
|
||||
box-shadow: 0 0 8px 0 rgba(128,32,32,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
box-shadow: 0 0 2px 0 rgba(128,32,32,0.8),
|
||||
0 0 1px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.dns,
|
||||
.requests-menu-timings-cap.dns {
|
||||
background-color: rgba(255,128,255,0.6);
|
||||
box-shadow: 0 0 8px 0 rgba(128,128,255,1.0),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
box-shadow: 0 0 2px 0 rgba(128,128,255,1.0),
|
||||
0 0 1px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.connect,
|
||||
.requests-menu-timings-cap.connect {
|
||||
background-color: rgba(255,128,16,0.4);
|
||||
box-shadow: 0 0 8px 0 rgba(128,128,16,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
box-shadow: 0 0 2px 0 rgba(128,128,16,0.8),
|
||||
0 0 1px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.send,
|
||||
.requests-menu-timings-cap.send {
|
||||
/* Use custom colors for dark and light theme on remaining timing types. */
|
||||
.theme-dark .requests-menu-timings-box.send,
|
||||
.theme-dark .requests-menu-timings-cap.send {
|
||||
background-color: rgba(255,255,128,0.4);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,128,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
box-shadow: 0 0 2px 0 rgba(128,255,128,0.8),
|
||||
0 0 1px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.wait,
|
||||
.requests-menu-timings-cap.wait {
|
||||
.theme-light .requests-menu-timings-box.send,
|
||||
.theme-light .requests-menu-timings-cap.send {
|
||||
background-color: rgba(255,255,128,0.4);
|
||||
box-shadow: 0 0 2px 0 rgba(128,255,128,0.8),
|
||||
0 0 1px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.theme-dark .requests-menu-timings-box.wait,
|
||||
.theme-dark .requests-menu-timings-cap.wait {
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,255,0.4),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
box-shadow: 0 0 2px 0 rgba(128,255,255,0.4),
|
||||
0 0 1px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.receive,
|
||||
.requests-menu-timings-cap.receive {
|
||||
.theme-light .requests-menu-timings-box.wait,
|
||||
.theme-light .requests-menu-timings-cap.wait {
|
||||
background-color: rgba(200, 200, 200, 0.8);
|
||||
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4),
|
||||
0 0 1px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.theme-dark .requests-menu-timings-box.receive,
|
||||
.theme-dark .requests-menu-timings-cap.receive {
|
||||
background-color: rgba(255,255,255,1.0);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,255,1.0),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
box-shadow: 0 0 2px 0 rgba(128,255,255,1.0),
|
||||
0 0 1px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.theme-light .requests-menu-timings-box.receive,
|
||||
.theme-light .requests-menu-timings-cap.receive {
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.8),
|
||||
0 0 1px 0 rgba(0,0,0,1.0) inset;
|
||||
}
|
||||
|
||||
/* SideMenuWidget */
|
||||
@ -338,31 +442,17 @@ box.requests-menu-status[code^="5"] {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item:not(.selected)[odd] {
|
||||
.theme-dark .side-menu-widget-item:not(.selected)[odd] {
|
||||
background: rgba(255,255,255,0.05);
|
||||
}
|
||||
|
||||
/* The network monitor table is temporarily always dark.
|
||||
The redesign will be taken care of in bug 909251. */
|
||||
|
||||
.theme-light .side-menu-widget-container {
|
||||
background: url(background-noise-toolbar.png), #343c45; /* Toolbars */
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item {
|
||||
border-top: 1px solid @tableBorderLight@;
|
||||
border-bottom: 1px solid @tableBorderDark@;
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item:last-of-type {
|
||||
box-shadow: inset 0 -1px 0 @tableBorderLight@;
|
||||
.theme-light .side-menu-widget-item:not(.selected)[odd] {
|
||||
background: rgba(128,128,128,0.05);
|
||||
}
|
||||
|
||||
/* Network request details */
|
||||
|
||||
#details-pane {
|
||||
background: #343c45; /* Dark toolbars */
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
@ -384,11 +474,14 @@ box.requests-menu-status[code^="5"] {
|
||||
|
||||
/* Network request details tabpanels */
|
||||
|
||||
.tabpanel-content {
|
||||
background: url(background-noise-toolbar.png), #343c45; /* Dark toolbars */
|
||||
.theme-dark .tabpanel-content {
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .tabpanel-summary-label {
|
||||
color: #f5f7fa; /* Dark foreground text */
|
||||
}
|
||||
|
||||
.tabpanel-summary-container {
|
||||
padding: 1px;
|
||||
}
|
||||
@ -397,7 +490,6 @@ box.requests-menu-status[code^="5"] {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-padding-end: 3px;
|
||||
font-weight: 600;
|
||||
color: #f5f7fa; /* Dark foreground text */
|
||||
}
|
||||
|
||||
.tabpanel-summary-value {
|
||||
@ -449,6 +541,7 @@ box.requests-menu-status[code^="5"] {
|
||||
|
||||
#timings-tabpanel .requests-menu-timings-box {
|
||||
transition: transform 0.2s ease-out;
|
||||
border: none;
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
@ -477,7 +570,7 @@ box.requests-menu-status[code^="5"] {
|
||||
/* Footer */
|
||||
|
||||
#requests-menu-footer {
|
||||
box-shadow: inset 0 1px 16px hsla(210,5%,5%,.3);
|
||||
border-top: solid 1px hsla(210,5%,5%,.3);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button,
|
||||
@ -486,17 +579,32 @@ box.requests-menu-status[code^="5"] {
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 2px 1.5vw;
|
||||
}
|
||||
|
||||
.theme-dark .requests-menu-footer-button,
|
||||
.theme-dark .requests-menu-footer-label {
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-light .requests-menu-footer-button,
|
||||
.theme-light .requests-menu-footer-label {
|
||||
color: #18191a; /* Dark foreground text */
|
||||
}
|
||||
|
||||
.requests-menu-footer-spacer {
|
||||
min-width: 2px;
|
||||
}
|
||||
|
||||
.requests-menu-footer-spacer:not(:first-of-type),
|
||||
.requests-menu-footer-button:not(:first-of-type) {
|
||||
-moz-border-start: 1px solid @tableBorderDark@;
|
||||
box-shadow: -1px 0 0 @tableBorderLight@;
|
||||
.theme-dark .requests-menu-footer-spacer:not(:first-of-type),
|
||||
.theme-dark .requests-menu-footer-button:not(:first-of-type) {
|
||||
-moz-border-start: 1px solid @table_itemDarkStartBorder@;
|
||||
box-shadow: -1px 0 0 @table_itemDarkEndBorder@;
|
||||
}
|
||||
|
||||
.theme-light .requests-menu-footer-spacer:not(:first-of-type),
|
||||
.theme-light .requests-menu-footer-button:not(:first-of-type) {
|
||||
-moz-border-start: 1px solid @table_itemLightStartBorder@;
|
||||
box-shadow: -1px 0 0 @table_itemLightEndBorder@;
|
||||
}
|
||||
|
||||
.requests-menu-footer-button {
|
||||
|
||||
@ -20,6 +20,19 @@
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.profiler-sidebar .devtools-toolbar {
|
||||
-moz-border-end: 1px solid;
|
||||
}
|
||||
|
||||
.theme-dark .profiler-sidebar .devtools-toolbar {
|
||||
-moz-border-end-color: black; /* Match the splitter. */
|
||||
}
|
||||
|
||||
.theme-light .profiler-sidebar .devtools-toolbar {
|
||||
-moz-border-end-color: #aaa; /* Match the splitter color. */
|
||||
}
|
||||
|
||||
|
||||
.profiler-sidebar-item {
|
||||
padding: 3px 5px;
|
||||
}
|
||||
@ -36,7 +49,6 @@
|
||||
|
||||
.profiler-sidebar-item > hbox {
|
||||
margin-top: 2px;
|
||||
color: rgb(140, 152, 165);
|
||||
}
|
||||
|
||||
.profiler-sidebar-item > hbox > a {
|
||||
@ -49,8 +61,12 @@
|
||||
display: block;
|
||||
}
|
||||
|
||||
.selected .profiler-sidebar-item > hbox {
|
||||
color: rgb(128, 195, 228);
|
||||
.theme-dark .selected .profiler-sidebar-item > hbox {
|
||||
color: #b6babf;
|
||||
}
|
||||
|
||||
.theme-light .selected .profiler-sidebar-item > hbox {
|
||||
color: #ebeced;
|
||||
}
|
||||
|
||||
#profiler-controls > toolbarbutton {
|
||||
|
||||
@ -3,25 +3,30 @@
|
||||
* 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/. */
|
||||
|
||||
.splitview-nav-container {
|
||||
background-color: hsl(208,11%,27%);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.loading .splitview-nav-container {
|
||||
background-image: url(chrome://global/skin/icons/loading_16.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.theme-dark .splitview-nav-container {
|
||||
background: url(background-noise-toolbar.png), #343c45;
|
||||
}
|
||||
|
||||
.splitview-nav {
|
||||
-moz-appearance: none;
|
||||
margin: 0;
|
||||
box-shadow: inset -1px 0 0 #222426;
|
||||
}
|
||||
|
||||
.theme-dark .splitview-nav {
|
||||
box-shadow: inset -1px 0 0 black; /* Match the splitter. */
|
||||
}
|
||||
|
||||
.theme-light .splitview-nav {
|
||||
box-shadow: inset -1px 0 0 #aaa; /* Match the splitter color. */
|
||||
}
|
||||
|
||||
.splitview-nav > li {
|
||||
color: white;
|
||||
background-clip: padding-box;
|
||||
border-bottom: 1px solid hsla(210,16%,76%,.1);
|
||||
box-shadow: inset 0 -1px 0 hsla(210,8%,5%,.25);
|
||||
@ -47,23 +52,31 @@
|
||||
}
|
||||
|
||||
.splitview-nav > li.splitview-active {
|
||||
background-image: url(itemArrow-ltr.png),
|
||||
linear-gradient(to right, black, black),
|
||||
linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%));
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
background-position: center right, top right, top left;
|
||||
background-size: auto, 1px 100%, auto;
|
||||
background-image: url(itemArrow-dark-ltr.png),
|
||||
linear-gradient(#1d4f73, #1d4f73);
|
||||
background-repeat: no-repeat, repeat-x;
|
||||
background-position: center right, top left;
|
||||
background-size: auto, auto;
|
||||
border-bottom: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
||||
}
|
||||
|
||||
.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-dark-rtl.png),
|
||||
linear-gradient(#1d4f73, #1d4f73);
|
||||
background-repeat: no-repeat, repeat-x;
|
||||
background-position: center left, top right;
|
||||
}
|
||||
|
||||
.theme-light .splitview-nav > li.splitview-active {
|
||||
background-image: url(itemArrow-ltr.svg),
|
||||
linear-gradient(#4c9ed9, #4c9ed9);
|
||||
}
|
||||
|
||||
.theme-light .splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png),
|
||||
linear-gradient(to right, black, black),
|
||||
linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%));
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
background-position: center left, top left, top right;
|
||||
linear-gradient(#4c9ed9, #4c9ed9);
|
||||
}
|
||||
|
||||
/* Toolbars */
|
||||
@ -71,15 +84,16 @@
|
||||
.splitview-main > .devtools-toolbar {
|
||||
background-origin: border-box;
|
||||
background-clip: border-box;
|
||||
border-bottom: 1px solid hsla(210,8%,5%,.65);
|
||||
}
|
||||
|
||||
.splitview-main > toolbar:-moz-locale-dir(ltr) {
|
||||
border-right: 1px solid hsla(210,8%,5%,.5);
|
||||
.theme-dark .splitview-main > toolbar,
|
||||
.theme-dark .loading .splitview-nav-container {
|
||||
-moz-border-end: 1px solid black; /* Match the splitter. */
|
||||
}
|
||||
|
||||
.splitview-main > toolbar:-moz-locale-dir(rtl) {
|
||||
border-left: 1px solid hsla(210,8%,5%,.5);
|
||||
.theme-light .splitview-main > toolbar,
|
||||
.theme-light .loading .splitview-nav-container {
|
||||
-moz-border-end: 1px solid #aaa; /* Match the splitter. */
|
||||
}
|
||||
|
||||
.splitview-main > .devtools-toolbarbutton {
|
||||
@ -93,10 +107,6 @@
|
||||
|
||||
/* Resizers */
|
||||
|
||||
.splitview-landscape-splitter {
|
||||
-moz-border-start-color: transparent;
|
||||
}
|
||||
|
||||
.splitview-portrait-resizer {
|
||||
-moz-appearance: none;
|
||||
background: linear-gradient(black 1px, rgba(255,255,255,0.2) 1px),
|
||||
@ -3,23 +3,33 @@
|
||||
* 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/. */
|
||||
|
||||
#style-editor-chrome {
|
||||
background-color: hsl(211,21%,26%);
|
||||
}
|
||||
|
||||
.stylesheet-title,
|
||||
.stylesheet-name {
|
||||
text-decoration: none;
|
||||
color: hsl(210,30%,85%);
|
||||
}
|
||||
|
||||
.stylesheet-name {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.stylesheet-rule-count,
|
||||
.stylesheet-saveButton {
|
||||
color: hsl(210,16%,53%);
|
||||
.theme-dark .stylesheet-title,
|
||||
.theme-dark .stylesheet-name {
|
||||
color: #f5f7fa;
|
||||
}
|
||||
|
||||
.theme-dark .stylesheet-rule-count,
|
||||
.theme-dark .stylesheet-saveButton {
|
||||
color: #b6babf;
|
||||
}
|
||||
|
||||
.theme-light .stylesheet-title,
|
||||
.theme-light .stylesheet-name {
|
||||
color: #585959;
|
||||
}
|
||||
|
||||
.theme-light .stylesheet-rule-count,
|
||||
.theme-light .stylesheet-saveButton {
|
||||
color: #18191a;
|
||||
}
|
||||
|
||||
.stylesheet-saveButton {
|
||||
@ -28,13 +38,10 @@
|
||||
}
|
||||
|
||||
.splitview-active .stylesheet-title,
|
||||
.splitview-active .stylesheet-name {
|
||||
color: hsl(0,0%,100%);
|
||||
}
|
||||
|
||||
.splitview-active .stylesheet-rule-count,
|
||||
.splitview-active .stylesheet-saveButton {
|
||||
color: hsl(205,50%,70%);
|
||||
.splitview-active .stylesheet-name,
|
||||
.theme-light .splitview-active .stylesheet-rule-count,
|
||||
.theme-light .splitview-active .stylesheet-saveButton {
|
||||
color: #f5f7fa;
|
||||
}
|
||||
|
||||
.splitview-nav:focus {
|
||||
@ -65,6 +72,10 @@
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.theme-light .stylesheet-enabled {
|
||||
background-image: url(itemToggle-light.png);
|
||||
}
|
||||
|
||||
.disabled > .stylesheet-enabled {
|
||||
background-position: -24px 8px;
|
||||
}
|
||||
@ -88,10 +99,6 @@
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.placeholder a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@ -128,4 +135,4 @@ h3 {
|
||||
.splitview-nav > li > hgroup.stylesheet-info {
|
||||
-moz-box-align: baseline;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -20,13 +20,46 @@
|
||||
-moz-box-align: center;
|
||||
min-width: 78px;
|
||||
min-height: 22px;
|
||||
text-shadow: 0 -1px 0 hsla(210,8%,5%,.45);
|
||||
text-shadow: none;
|
||||
border: 1px solid hsla(210,8%,5%,.45);
|
||||
border-radius: 3px;
|
||||
background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset, 0 0 0 1px hsla(210,16%,76%,.15) inset, 0 1px 0 hsla(210,16%,76%,.15);
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.theme-dark .devtools-menulist,
|
||||
.theme-dark .devtools-toolbarbutton {
|
||||
background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
color: inherit;
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset, 0 0 0 1px hsla(210,16%,76%,.15) inset, 0 1px 0 hsla(210,16%,76%,.15);
|
||||
}
|
||||
|
||||
.theme-light .devtools-menulist,
|
||||
.theme-light .devtools-toolbarbutton {
|
||||
background: #f7f7f7;
|
||||
color: #18191a;
|
||||
border-color: #bbb;
|
||||
}
|
||||
|
||||
.theme-light .devtools-menulist[open=true],
|
||||
.theme-light .devtools-toolbarbutton[open=true],
|
||||
.theme-light .devtools-toolbarbutton[open=true]:hover,
|
||||
.theme-light .devtools-toolbarbutton[open=true]:hover:active,
|
||||
.theme-light .devtools-toolbarbutton[checked=true],
|
||||
.theme-light .devtools-toolbarbutton[checked=true]:hover,
|
||||
.theme-light .devtools-toolbarbutton[checked=true]:hover:active {
|
||||
background: #ddd;
|
||||
}
|
||||
|
||||
.theme-light .devtools-toolbarbutton:hover {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.theme-light .devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
|
||||
color: #667380;
|
||||
}
|
||||
|
||||
.theme-light .devtools-toolbarbutton[type=menu-button][checked=true] > .toolbarbutton-menubutton-button {
|
||||
color: #18191a;
|
||||
}
|
||||
|
||||
.devtools-toolbarbutton > .toolbarbutton-menubutton-button {
|
||||
@ -51,15 +84,15 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
.devtools-toolbarbutton:not([checked]):hover:active {
|
||||
.theme-dark .devtools-toolbarbutton:not([checked]):hover:active {
|
||||
border-color: hsla(210,8%,5%,.6);
|
||||
background: linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15);
|
||||
}
|
||||
|
||||
.devtools-menulist[open=true],
|
||||
.devtools-toolbarbutton[open=true],
|
||||
.devtools-toolbarbutton[checked=true] {
|
||||
.theme-dark .devtools-menulist[open=true],
|
||||
.theme-dark .devtools-toolbarbutton[open=true],
|
||||
.theme-dark .devtools-toolbarbutton[checked=true] {
|
||||
border-color: hsla(210,8%,5%,.6) !important;
|
||||
background: linear-gradient(hsla(220,6%,10%,.6), hsla(210,11%,18%,.45) 75%, hsla(210,11%,30%,.4));
|
||||
box-shadow: 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15);
|
||||
@ -105,14 +138,21 @@
|
||||
-moz-appearance: none;
|
||||
color: inherit;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.theme-dark .devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
|
||||
-moz-border-end: 1px solid hsla(210,8%,5%,.45);
|
||||
box-shadow: -1px 0 0 hsla(210,16%,76%,.15) inset, 1px 0 0 hsla(210,16%,76%,.15);
|
||||
}
|
||||
|
||||
.devtools-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button {
|
||||
.theme-dark .devtools-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button {
|
||||
box-shadow: 1px 0 0 hsla(210,16%,76%,.15) inset, -1px 0 0 hsla(210,16%,76%,.15);
|
||||
}
|
||||
|
||||
.theme-light .devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
|
||||
-moz-border-end: 1px solid #bbb;
|
||||
}
|
||||
|
||||
.devtools-toolbarbutton[type=menu-button] {
|
||||
padding: 0 1px;
|
||||
-moz-box-align: stretch;
|
||||
@ -138,9 +178,7 @@
|
||||
%else
|
||||
border-radius: 2px;
|
||||
%endif
|
||||
background-color: rgba(24, 29, 32, 1);
|
||||
padding: 4px 6px;
|
||||
color: rgba(184, 200, 217, 1);
|
||||
}
|
||||
|
||||
.devtools-searchinput {
|
||||
@ -219,20 +257,23 @@
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.theme-light .devtools-sidebar-tabs > tabpanels {
|
||||
background: #f7f7f7;
|
||||
color: #18191a;
|
||||
}
|
||||
|
||||
.devtools-sidebar-tabs > tabs {
|
||||
-moz-appearance: none;
|
||||
position: static;
|
||||
font: inherit;
|
||||
color: #b6babf;
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
background-color: #343c45;
|
||||
border-width: 0 0 1px 0;
|
||||
border-color: hsla(210,8%,5%,.6);
|
||||
border-style: solid;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.devtools-sidebar-tabs > tabs > .tabs-right,
|
||||
.devtools-sidebar-tabs > tabs > .tabs-left {
|
||||
display: none;
|
||||
@ -252,7 +293,6 @@
|
||||
* -1px because the parent element (<tabs>) comes with a 1px bottom border.
|
||||
*/
|
||||
min-height: 32px;
|
||||
text-shadow: 0 -1px 0 hsla(210,8%,5%,.45);
|
||||
text-align: center;
|
||||
color: inherit;
|
||||
-moz-box-flex: 1;
|
||||
@ -284,39 +324,61 @@
|
||||
background-image: linear-gradient(transparent, transparent), @smallSeparator@;
|
||||
}
|
||||
|
||||
.devtools-sidebar-tabs > tabs > tab:hover {
|
||||
.theme-dark .devtools-sidebar-tabs > tabs > tab:hover {
|
||||
background-image: linear-gradient(hsla(206,37%,4%,.2), hsla(206,37%,4%,.2)), @smallSeparator@;
|
||||
}
|
||||
|
||||
.devtools-sidebar-tabs > tabs > tab:hover:active {
|
||||
.theme-dark .devtools-sidebar-tabs > tabs > tab:hover:active {
|
||||
background-image: linear-gradient(hsla(206,37%,4%,.4), hsla(206,37%,4%,.4)), @smallSeparator@;
|
||||
}
|
||||
|
||||
.devtools-sidebar-tabs > tabs > tab[selected] + tab {
|
||||
.theme-dark .devtools-sidebar-tabs > tabs > tab[selected] + tab {
|
||||
background-image: linear-gradient(transparent, transparent), @solidSeparator@;
|
||||
}
|
||||
|
||||
.devtools-sidebar-tabs > tabs > tab[selected] + tab:hover {
|
||||
.theme-dark .devtools-sidebar-tabs > tabs > tab[selected] + tab:hover {
|
||||
background-image: linear-gradient(hsla(206,37%,4%,.2), hsla(206,37%,4%,.2)), @solidSeparator@;
|
||||
}
|
||||
|
||||
.devtools-sidebar-tabs > tabs > tab[selected] + tab:hover:active {
|
||||
.theme-dark .devtools-sidebar-tabs > tabs > tab[selected] + tab:hover:active {
|
||||
background-image: linear-gradient(hsla(206,37%,4%,.4), hsla(206,37%,4%,.4)), @solidSeparator@;
|
||||
}
|
||||
|
||||
.devtools-sidebar-tabs > tabs > tab[selected] {
|
||||
.theme-dark .devtools-sidebar-tabs > tabs > tab[selected] {
|
||||
color: #f5f7fa;
|
||||
background-image: linear-gradient(#1d4f73, #1d4f73), @solidSeparator@;
|
||||
}
|
||||
|
||||
.devtools-sidebar-tabs > tabs > tab[selected]:hover {
|
||||
.theme-dark .devtools-sidebar-tabs > tabs > tab[selected]:hover {
|
||||
background-image: linear-gradient(#274f64, #274f64), @solidSeparator@;
|
||||
}
|
||||
|
||||
.devtools-sidebar-tabs > tabs > tab[selected]:hover:active {
|
||||
.theme-dark .devtools-sidebar-tabs > tabs > tab[selected]:hover:active {
|
||||
background-image: linear-gradient(#1f3e4f, #1f3e4f), @solidSeparator@;
|
||||
}
|
||||
|
||||
.theme-light .devtools-sidebar-tabs > tabs > tab:hover {
|
||||
background-image: linear-gradient(#ddd, #ddd), @smallSeparator@;
|
||||
}
|
||||
|
||||
.theme-light .devtools-sidebar-tabs > tabs > tab:hover:active {
|
||||
background-image: linear-gradient(#ddd, #ddd), @smallSeparator@;
|
||||
}
|
||||
|
||||
.theme-light .devtools-sidebar-tabs > tabs > tab[selected] + tab {
|
||||
background-image: linear-gradient(transparent, transparent), @solidSeparator@;
|
||||
}
|
||||
|
||||
.theme-light .devtools-sidebar-tabs > tabs > tab[selected] + tab:hover {
|
||||
background-image: linear-gradient(#ddd, #ddd), @solidSeparator@;
|
||||
}
|
||||
|
||||
.theme-light .devtools-sidebar-tabs > tabs > tab[selected],
|
||||
.theme-light .devtools-sidebar-tabs > tabs > tab[selected]:hover:active {
|
||||
color: #f5f7fa;
|
||||
background-image: linear-gradient(#4c9ed9, #4c9ed9), @solidSeparator@;
|
||||
}
|
||||
|
||||
/* Toolbox - moved from toolbox.css.
|
||||
* Rules that apply to the global toolbox like command buttons,
|
||||
* devtools tabs, docking buttons, etc. */
|
||||
@ -505,6 +567,30 @@
|
||||
-moz-box-align: center;
|
||||
}
|
||||
|
||||
.theme-light .devtools-tabbar {
|
||||
background: #ebeced;
|
||||
border-bottom-color: #aaa;
|
||||
}
|
||||
|
||||
.theme-light .devtools-tab,
|
||||
.theme-light .devtools-tab:hover {
|
||||
color: #18191a;
|
||||
border-color: #aaa;
|
||||
}
|
||||
|
||||
.theme-light .devtools-tab:hover {
|
||||
background-color: #ddd;
|
||||
box-shadow: 0 -2px 0 rgba(0,0,0,.1) inset;
|
||||
}
|
||||
|
||||
.theme-light .devtools-tab:not([selected])[highlighted] {
|
||||
background-color: rgba(44, 187, 15, .2);
|
||||
}
|
||||
|
||||
.theme-light .devtools-tab:last-child {
|
||||
-moz-border-end: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.devtools-tab:first-child {
|
||||
-moz-border-start-width: 0;
|
||||
}
|
||||
@ -557,6 +643,10 @@
|
||||
0 -2px 0 rgba(0,0,0,.2) inset;
|
||||
}
|
||||
|
||||
.theme-light #toolbox-tabs .devtools-tab[selected] {
|
||||
background-color: #4c9ed9;
|
||||
}
|
||||
|
||||
.devtools-tab[selected]:not(:first-child),
|
||||
.devtools-tab[highlighted]:not(:first-child) {
|
||||
border-width: 0;
|
||||
@ -574,19 +664,62 @@
|
||||
-moz-padding-start: 1px;
|
||||
}
|
||||
|
||||
.devtools-tab:not([selected])[highlighted] {
|
||||
color: #f5f7fa;
|
||||
.theme-dark .devtools-tab:not([selected])[highlighted] {
|
||||
background-color: hsla(99,100%,14%,.2);
|
||||
box-shadow: 0 2px 0 #7bc107 inset;
|
||||
}
|
||||
|
||||
.theme-dark #toolbox-tabs .devtools-tab[selected] {
|
||||
color: #f5f7fa;
|
||||
}
|
||||
|
||||
.devtools-tab:not([highlighted]) > .highlighted-icon,
|
||||
.devtools-tab[selected] > .highlighted-icon,
|
||||
.devtools-tab:not([selected])[highlighted] > .default-icon {
|
||||
visibility: collapse;
|
||||
}
|
||||
|
||||
/* Invert the colors of certain dark theme images for displaying
|
||||
* inside of the light theme.
|
||||
*/
|
||||
.theme-light .devtools-tab > image,
|
||||
.theme-light #toolbox-dock-buttons > toolbarbutton > image,
|
||||
.theme-light .command-button > image,
|
||||
.theme-light .command-button:active > image,
|
||||
.theme-light .devtools-closebutton > image,
|
||||
.theme-light .devtools-toolbarbutton > image,
|
||||
.theme-light .devtools-option-toolbarbutton > image,
|
||||
.theme-light #breadcrumb-separator-normal,
|
||||
.theme-light .scrollbutton-up > .toolbarbutton-icon,
|
||||
.theme-light .scrollbutton-down > .toolbarbutton-icon,
|
||||
.theme-light #black-boxed-message-button .button-icon {
|
||||
filter: url(filters.svg#invert);
|
||||
}
|
||||
|
||||
/* Since selected backgrounds are blue, we want to use the normal
|
||||
* (light) icons. */
|
||||
.theme-light .command-button[checked=true]:not(:active) > image,
|
||||
.theme-light .devtools-tab[selected] > image,
|
||||
.theme-light .devtools-tab[highlighted] > image,
|
||||
.theme-light .devtools-option-toolbarbutton[open] > image,
|
||||
.theme-light #resume[checked] > image {
|
||||
filter: none !important;
|
||||
}
|
||||
|
||||
.theme-light .command-button:hover {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.theme-light .command-button:hover:active,
|
||||
.theme-light .command-button[checked=true]:not(:hover) {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.hidden-labels-box:not(.visible) > label,
|
||||
.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.devtools-invisible-splitter {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
@ -303,6 +303,10 @@ a {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.devtools-side-splitter ~ #webconsole-sidebar[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Security styles */
|
||||
|
||||
.message[category=security] > .icon {
|
||||
|
||||
@ -118,12 +118,12 @@
|
||||
|
||||
#breadcrumb-separator-before,
|
||||
#breadcrumb-separator-after:after {
|
||||
background: #1d4f73;
|
||||
background: #1d4f73; /* Select Highlight Blue */
|
||||
}
|
||||
|
||||
#breadcrumb-separator-after,
|
||||
#breadcrumb-separator-before:after {
|
||||
background: #343c45;
|
||||
background: #343c45; /* Toolbars */
|
||||
}
|
||||
|
||||
/* This chevron arrow cannot be replicated easily in CSS, so we are using
|
||||
@ -168,7 +168,7 @@
|
||||
|
||||
.breadcrumbs-widget-item[checked] {
|
||||
background: -moz-element(#breadcrumb-separator-before) no-repeat 0 0;
|
||||
background-color: #1d4f73;
|
||||
background-color: #1d4f73; /* Select Highlight Blue */
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-child {
|
||||
@ -204,17 +204,52 @@
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag,
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id,
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes {
|
||||
color: #f5f7fa;
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes,
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-classes {
|
||||
color: #f5f7fa; /* Foreground (Text) - Light */
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item-id,
|
||||
.breadcrumbs-widget-item-classes {
|
||||
color: #b6babf;
|
||||
.theme-dark .breadcrumbs-widget-item-id,
|
||||
.theme-dark .breadcrumbs-widget-item-classes,
|
||||
.theme-dark .breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-classes {
|
||||
color: #b6babf; /* Foreground (Text) - Grey */
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item-pseudo-classes {
|
||||
color: #d99b28;
|
||||
.theme-dark .breadcrumbs-widget-item-pseudo-classes {
|
||||
color: #d99b28; /* Light Orange */
|
||||
}
|
||||
|
||||
.theme-light .breadcrumbs-widget-item[checked] {
|
||||
background: -moz-element(#breadcrumb-separator-before) no-repeat 0 0;
|
||||
background-color: #4c9ed9; /* Select Highlight Blue */
|
||||
}
|
||||
|
||||
.theme-light .breadcrumbs-widget-item:first-child {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.theme-light #breadcrumb-separator-before,
|
||||
.theme-light #breadcrumb-separator-after:after {
|
||||
background: #4c9ed9; /* Select Highlight Blue */
|
||||
}
|
||||
|
||||
.theme-light #breadcrumb-separator-after,
|
||||
.theme-light #breadcrumb-separator-before:after {
|
||||
background: #f0f1f2; /* Toolbars */
|
||||
}
|
||||
|
||||
.theme-light .breadcrumbs-widget-item,
|
||||
.theme-light .breadcrumbs-widget-item-id,
|
||||
.theme-light .breadcrumbs-widget-item-classes {
|
||||
color: #585959; /* Foreground (Text) - Grey */
|
||||
}
|
||||
|
||||
.theme-light .breadcrumbs-widget-item-pseudo-classes {
|
||||
color: #585959; /* Foreground (Text) - Grey */
|
||||
}
|
||||
|
||||
.theme-light .breadcrumbs-widget-item:not([checked]):hover label {
|
||||
color: #18191a; /* Foreground (Text) - Dark */
|
||||
}
|
||||
|
||||
/* SimpleListWidget */
|
||||
@ -278,9 +313,9 @@
|
||||
/* SideMenuWidget */
|
||||
|
||||
%filter substitution
|
||||
%define smw_selectionGradient linear-gradient(hsl(206,59%,39%), hsl(206,59%,29%))
|
||||
%define smw_selectionTextColor #fff
|
||||
%define smw_margin #222426
|
||||
%define smw_selectionTextColor #f5f7fa
|
||||
%define smw_marginDark #222426
|
||||
%define smw_marginLight #aaa
|
||||
%define smw_itemDarkTopBorder rgba(0,0,0,0.2)
|
||||
%define smw_itemDarkBottomBorder rgba(128,128,128,0.15)
|
||||
%define smw_itemLightTopBorder rgba(128,128,128,0.15)
|
||||
@ -291,21 +326,31 @@
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
/* SideMenuWidget container */
|
||||
|
||||
.theme-dark .side-menu-widget-container,
|
||||
.theme-dark .side-menu-widget-empty-text {
|
||||
background: url(background-noise-toolbar.png), #343c45; /* Toolbars */
|
||||
}
|
||||
|
||||
/* SideMenuWidget container */
|
||||
.theme-dark .side-menu-widget-container:-moz-locale-dir(ltr),
|
||||
.theme-dark .side-menu-widget-empty-text:-moz-locale-dir(ltr) {
|
||||
box-shadow: inset -1px 0 0 @smw_marginDark@;
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-container:-moz-locale-dir(rtl),
|
||||
.theme-dark .side-menu-widget-empty-text:-moz-locale-dir(rtl) {
|
||||
box-shadow: inset 1px 0 0 @smw_marginDark@;
|
||||
}
|
||||
|
||||
.side-menu-widget-container:-moz-locale-dir(ltr),
|
||||
.side-menu-widget-empty-text:-moz-locale-dir(ltr) {
|
||||
box-shadow: inset -1px 0 0 @smw_margin@;
|
||||
box-shadow: inset -1px 0 0 @smw_marginLight@;
|
||||
}
|
||||
|
||||
.side-menu-widget-container:-moz-locale-dir(rtl),
|
||||
.side-menu-widget-empty-text:-moz-locale-dir(rtl) {
|
||||
box-shadow: inset 1px 0 0 @smw_margin@;
|
||||
box-shadow: inset 1px 0 0 @smw_marginLight@;
|
||||
}
|
||||
|
||||
.side-menu-widget-group {
|
||||
@ -340,6 +385,7 @@
|
||||
/* To compensate for the top and bottom borders */
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-item {
|
||||
@ -362,14 +408,22 @@
|
||||
box-shadow: inset 0 -1px 0 @smw_itemLightTopBorder@;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected {
|
||||
background: @smw_selectionGradient@ repeat-x top left;
|
||||
.theme-dark .side-menu-widget-item.selected {
|
||||
background-color: #1d4f73; /* Select Highlight Blue */
|
||||
color: @smw_selectionTextColor@;
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item.selected {
|
||||
background-color: #4c9ed9; /* Select Highlight Blue */
|
||||
color: @smw_selectionTextColor@;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-arrow {
|
||||
-moz-margin-start: -7px;
|
||||
width: 7px; /* The image's width is 7 pixels */
|
||||
/* Cover the border of the side-menu-widget-item */
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
|
||||
@ -386,19 +440,19 @@
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: url(itemArrow-dark-ltr.png), linear-gradient(to right, @smw_margin@, @smw_margin@);
|
||||
background-image: url(itemArrow-dark-ltr.png), linear-gradient(to right, @smw_marginDark@, @smw_marginDark@);
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-dark-rtl.png), linear-gradient(to right, @smw_margin@, @smw_margin@);
|
||||
background-image: url(itemArrow-dark-rtl.png), linear-gradient(to right, @smw_marginDark@, @smw_marginDark@);
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: url(itemArrow-ltr.png), linear-gradient(to right, @smw_margin@, @smw_margin@);
|
||||
background-image: url(itemArrow-ltr.svg), linear-gradient(to right, @smw_marginLight@, @smw_marginLight@);
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png), linear-gradient(to right, @smw_margin@, @smw_margin@);
|
||||
background-image: url(itemArrow-rtl.svg), linear-gradient(to right, @smw_marginLight@, @smw_marginLight@);
|
||||
}
|
||||
|
||||
/* SideMenuWidget items contents */
|
||||
@ -472,7 +526,7 @@
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-empty-text {
|
||||
color: #b6babf; /* Light foreground text */
|
||||
color: #b6babf; /* Foreground (Text) - Grey */
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-empty-text {
|
||||
@ -491,7 +545,7 @@
|
||||
}
|
||||
|
||||
.theme-dark .variables-view-empty-notice {
|
||||
color: #b6babf; /* Light foreground text */
|
||||
color: #b6babf; /* Foreground (Text) - Grey */
|
||||
}
|
||||
|
||||
.theme-light .variables-view-empty-notice {
|
||||
@ -499,7 +553,9 @@
|
||||
}
|
||||
|
||||
.variables-view-scope > .title {
|
||||
color: #fff;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
/* Generic variables traits */
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1005 B |
Binary file not shown.
|
Before Width: | Height: | Size: 836 B |
Binary file not shown.
|
Before Width: | Height: | Size: 970 B |
Binary file not shown.
|
Before Width: | Height: | Size: 936 B |
Binary file not shown.
|
Before Width: | Height: | Size: 496 B |
Binary file not shown.
|
Before Width: | Height: | Size: 686 B |
Binary file not shown.
|
Before Width: | Height: | Size: 451 B |
Binary file not shown.
|
Before Width: | Height: | Size: 473 B |
Binary file not shown.
|
Before Width: | Height: | Size: 599 B |
Binary file not shown.
|
Before Width: | Height: | Size: 886 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
@ -1,112 +0,0 @@
|
||||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
.splitview-nav-container {
|
||||
background-color: hsl(211,21%,26%);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.loading .splitview-nav-container {
|
||||
background-image: url(chrome://global/skin/icons/loading_16.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.splitview-nav {
|
||||
-moz-appearance: none;
|
||||
margin: 0;
|
||||
box-shadow: inset -1px 0 0 #222426;
|
||||
}
|
||||
|
||||
.splitview-nav > li {
|
||||
color: white;
|
||||
background-clip: padding-box;
|
||||
border-bottom: 1px solid hsla(210,40%,83%,.1);
|
||||
box-shadow: inset 0 -1px 0 hsla(211,68%,6%,.3);
|
||||
-moz-padding-end: 8px;
|
||||
-moz-box-align: center;
|
||||
}
|
||||
|
||||
.splitview-nav {
|
||||
list-style-image: none;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.splitview-nav > li {
|
||||
outline: 0;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
-moz-box-flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.splitview-nav > li.splitview-active {
|
||||
background-image: url(itemArrow-ltr.png),
|
||||
linear-gradient(to right, black, black),
|
||||
linear-gradient(hsl(200,100%,33%), hsl(200,100%,25%));
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
background-position: center right, top right, top left;
|
||||
background-size: auto, 1px 100%, auto;
|
||||
border-bottom: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
||||
}
|
||||
|
||||
.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png),
|
||||
linear-gradient(to right, black, black),
|
||||
linear-gradient(hsl(200,100%,33%), hsl(200,100%,25%));
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
background-position: center left, top left, top right;
|
||||
}
|
||||
|
||||
/* Toolbars */
|
||||
|
||||
.splitview-main > .devtools-toolbar {
|
||||
background-origin: border-box;
|
||||
background-clip: border-box;
|
||||
border-bottom: 1px solid hsla(210,8%,5%,.65);
|
||||
}
|
||||
|
||||
.splitview-main > toolbar:-moz-locale-dir(ltr) {
|
||||
border-right: 1px solid hsla(210,8%,5%,.5);
|
||||
}
|
||||
|
||||
.splitview-main > toolbar:-moz-locale-dir(rtl) {
|
||||
border-left: 1px solid hsla(210,8%,5%,.5);
|
||||
}
|
||||
|
||||
.splitview-main > .devtools-toolbarbutton {
|
||||
font-size: 11px;
|
||||
padding: 0 8px;
|
||||
width: auto;
|
||||
min-width: 48px;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Resizers */
|
||||
|
||||
.splitview-landscape-splitter {
|
||||
-moz-border-start-color: transparent;
|
||||
}
|
||||
|
||||
.splitview-portrait-resizer {
|
||||
-moz-appearance: none;
|
||||
background: linear-gradient(black 1px, rgba(255,255,255,0.2) 1px),
|
||||
linear-gradient(hsl(209,18%,34%), hsl(210,24%,16%));
|
||||
height: 12px;
|
||||
background-size: 10px 2px, 100% 12px;
|
||||
background-clip: content-box, border-box;
|
||||
background-repeat: repeat-y, no-repeat;
|
||||
background-position: center center;
|
||||
padding: 2px 0;
|
||||
border-top: 1px solid hsla(210,8%,5%,.5);
|
||||
border-bottom: 1px solid hsla(210,8%,5%,.5);
|
||||
}
|
||||
@ -182,6 +182,7 @@ browser.jar:
|
||||
* skin/classic/browser/devtools/common.css (../shared/devtools/common.css)
|
||||
* skin/classic/browser/devtools/dark-theme.css (../shared/devtools/dark-theme.css)
|
||||
* skin/classic/browser/devtools/light-theme.css (../shared/devtools/light-theme.css)
|
||||
skin/classic/browser/devtools/filters.svg (../shared/devtools/filters.svg)
|
||||
skin/classic/browser/devtools/controls.png (../shared/devtools/controls.png)
|
||||
* skin/classic/browser/devtools/widgets.css (devtools/widgets.css)
|
||||
skin/classic/browser/devtools/commandline-icon.png (devtools/commandline-icon.png)
|
||||
@ -210,36 +211,37 @@ browser.jar:
|
||||
skin/classic/browser/devtools/breadcrumbs-divider@2x.png (../shared/devtools/images/breadcrumbs-divider@2x.png)
|
||||
skin/classic/browser/devtools/breadcrumbs-scrollbutton.png (../shared/devtools/images/breadcrumbs-scrollbutton.png)
|
||||
skin/classic/browser/devtools/breadcrumbs-scrollbutton@2x.png (../shared/devtools/images/breadcrumbs-scrollbutton@2x.png)
|
||||
skin/classic/browser/devtools/splitview.css (devtools/splitview.css)
|
||||
skin/classic/browser/devtools/styleeditor.css (devtools/styleeditor.css)
|
||||
skin/classic/browser/devtools/splitview.css (../shared/devtools/splitview.css)
|
||||
skin/classic/browser/devtools/styleeditor.css (../shared/devtools/styleeditor.css)
|
||||
* skin/classic/browser/devtools/shadereditor.css (devtools/shadereditor.css)
|
||||
* skin/classic/browser/devtools/debugger.css (devtools/debugger.css)
|
||||
* skin/classic/browser/devtools/profiler.css (devtools/profiler.css)
|
||||
* skin/classic/browser/devtools/netmonitor.css (devtools/netmonitor.css)
|
||||
* skin/classic/browser/devtools/scratchpad.css (devtools/scratchpad.css)
|
||||
skin/classic/browser/devtools/magnifying-glass.png (devtools/magnifying-glass.png)
|
||||
skin/classic/browser/devtools/option-icon.png (devtools/option-icon.png)
|
||||
skin/classic/browser/devtools/itemToggle.png (devtools/itemToggle.png)
|
||||
skin/classic/browser/devtools/option-icon.png (../shared/devtools/images/option-icon.png)
|
||||
skin/classic/browser/devtools/itemToggle.png (../shared/devtools/images/itemToggle.png)
|
||||
skin/classic/browser/devtools/itemToggle-light.png (../shared/devtools/images/itemToggle-light.png)
|
||||
skin/classic/browser/devtools/itemArrow-dark-rtl.png (../shared/devtools/images/itemArrow-dark-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-dark-ltr.png (../shared/devtools/images/itemArrow-dark-ltr.png)
|
||||
skin/classic/browser/devtools/itemArrow-rtl.png (../shared/devtools/images/itemArrow-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-ltr.png (../shared/devtools/images/itemArrow-ltr.png)
|
||||
skin/classic/browser/devtools/itemArrow-rtl.png (../shared/devtools/images/itemArrow-rtl.svg)
|
||||
skin/classic/browser/devtools/itemArrow-ltr.png (../shared/devtools/images/itemArrow-ltr.svg)
|
||||
skin/classic/browser/devtools/background-noise-toolbar.png (devtools/background-noise-toolbar.png)
|
||||
skin/classic/browser/devtools/noise.png (devtools/noise.png)
|
||||
skin/classic/browser/devtools/inspect-button.png (devtools/inspect-button.png)
|
||||
skin/classic/browser/devtools/dropmarker.png (devtools/dropmarker.png)
|
||||
skin/classic/browser/devtools/layout-background-grid.png (devtools/layout-background-grid.png)
|
||||
skin/classic/browser/devtools/layoutview.css (devtools/layoutview.css)
|
||||
skin/classic/browser/devtools/debugger-collapse.png (devtools/debugger-collapse.png)
|
||||
skin/classic/browser/devtools/debugger-expand.png (devtools/debugger-expand.png)
|
||||
skin/classic/browser/devtools/debugger-pause.png (devtools/debugger-pause.png)
|
||||
skin/classic/browser/devtools/debugger-play.png (devtools/debugger-play.png)
|
||||
skin/classic/browser/devtools/debugger-step-in.png (devtools/debugger-step-in.png)
|
||||
skin/classic/browser/devtools/debugger-step-out.png (devtools/debugger-step-out.png)
|
||||
skin/classic/browser/devtools/debugger-step-over.png (devtools/debugger-step-over.png)
|
||||
skin/classic/browser/devtools/debugger-blackbox.png (devtools/debugger-blackbox.png)
|
||||
skin/classic/browser/devtools/debugger-blackboxMessageEye.png (devtools/debugger-blackboxMessageEye.png)
|
||||
skin/classic/browser/devtools/debugger-toggleBreakpoints.png (devtools/debugger-toggleBreakpoints.png)
|
||||
skin/classic/browser/devtools/debugger-collapse.png (../shared/devtools/images/debugger-collapse.png)
|
||||
skin/classic/browser/devtools/debugger-expand.png (../shared/devtools/images/debugger-expand.png)
|
||||
skin/classic/browser/devtools/debugger-pause.png (../shared/devtools/images/debugger-pause.png)
|
||||
skin/classic/browser/devtools/debugger-play.png (../shared/devtools/images/debugger-play.png)
|
||||
skin/classic/browser/devtools/debugger-step-in.png (../shared/devtools/images/debugger-step-in.png)
|
||||
skin/classic/browser/devtools/debugger-step-out.png (../shared/devtools/images/debugger-step-out.png)
|
||||
skin/classic/browser/devtools/debugger-step-over.png (../shared/devtools/images/debugger-step-over.png)
|
||||
skin/classic/browser/devtools/debugger-blackbox.png (../shared/devtools/images/debugger-blackbox.png)
|
||||
skin/classic/browser/devtools/debugger-blackbox-eye.png (../shared/devtools/images/debugger-blackbox-eye.png)
|
||||
skin/classic/browser/devtools/debugger-toggleBreakpoints.png (../shared/devtools/images/debugger-toggleBreakpoints.png)
|
||||
skin/classic/browser/devtools/tracer-icon.png (devtools/tracer-icon.png)
|
||||
skin/classic/browser/devtools/tracer-icon@2x.png (devtools/tracer-icon@2x.png)
|
||||
skin/classic/browser/devtools/responsive-se-resizer.png (devtools/responsive-se-resizer.png)
|
||||
@ -252,7 +254,7 @@ browser.jar:
|
||||
skin/classic/browser/devtools/floating-scrollbars.css (devtools/floating-scrollbars.css)
|
||||
skin/classic/browser/devtools/floating-scrollbars-light.css (devtools/floating-scrollbars-light.css)
|
||||
skin/classic/browser/devtools/inspector.css (devtools/inspector.css)
|
||||
skin/classic/browser/devtools/profiler-stopwatch.png (devtools/profiler-stopwatch.png)
|
||||
skin/classic/browser/devtools/profiler-stopwatch.png (../shared/devtools/images/profiler-stopwatch.png)
|
||||
skin/classic/browser/devtools/tool-options.svg (../shared/devtools/images/tool-options.svg)
|
||||
skin/classic/browser/devtools/tool-webconsole.svg (../shared/devtools/images/tool-webconsole.svg)
|
||||
skin/classic/browser/devtools/tool-debugger.svg (../shared/devtools/images/tool-debugger.svg)
|
||||
@ -486,6 +488,7 @@ browser.jar:
|
||||
* skin/classic/aero/browser/devtools/common.css (../shared/devtools/common.css)
|
||||
* skin/classic/aero/browser/devtools/dark-theme.css (../shared/devtools/dark-theme.css)
|
||||
* skin/classic/aero/browser/devtools/light-theme.css (../shared/devtools/light-theme.css)
|
||||
skin/classic/aero/browser/devtools/filters.svg (../shared/devtools/filters.svg)
|
||||
skin/classic/aero/browser/devtools/controls.png (../shared/devtools/controls.png)
|
||||
* skin/classic/aero/browser/devtools/widgets.css (devtools/widgets.css)
|
||||
skin/classic/aero/browser/devtools/commandline-icon.png (devtools/commandline-icon.png)
|
||||
@ -514,36 +517,37 @@ browser.jar:
|
||||
skin/classic/aero/browser/devtools/breadcrumbs-divider@2x.png (../shared/devtools/images/breadcrumbs-divider@2x.png)
|
||||
skin/classic/aero/browser/devtools/breadcrumbs-scrollbutton.png (../shared/devtools/images/breadcrumbs-scrollbutton.png)
|
||||
skin/classic/aero/browser/devtools/breadcrumbs-scrollbutton@2x.png (../shared/devtools/images/breadcrumbs-scrollbutton@2x.png)
|
||||
skin/classic/aero/browser/devtools/splitview.css (devtools/splitview.css)
|
||||
skin/classic/aero/browser/devtools/styleeditor.css (devtools/styleeditor.css)
|
||||
skin/classic/aero/browser/devtools/splitview.css (../shared/devtools/splitview.css)
|
||||
skin/classic/aero/browser/devtools/styleeditor.css (../shared/devtools/styleeditor.css)
|
||||
* skin/classic/aero/browser/devtools/shadereditor.css (devtools/shadereditor.css)
|
||||
* skin/classic/aero/browser/devtools/debugger.css (devtools/debugger.css)
|
||||
* skin/classic/aero/browser/devtools/profiler.css (devtools/profiler.css)
|
||||
* skin/classic/aero/browser/devtools/netmonitor.css (devtools/netmonitor.css)
|
||||
* skin/classic/aero/browser/devtools/scratchpad.css (devtools/scratchpad.css)
|
||||
skin/classic/aero/browser/devtools/magnifying-glass.png (devtools/magnifying-glass.png)
|
||||
skin/classic/aero/browser/devtools/option-icon.png (devtools/option-icon.png)
|
||||
skin/classic/aero/browser/devtools/itemToggle.png (devtools/itemToggle.png)
|
||||
skin/classic/aero/browser/devtools/option-icon.png (../shared/devtools/images/option-icon.png)
|
||||
skin/classic/aero/browser/devtools/itemToggle.png (../shared/devtools/images/itemToggle.png)
|
||||
skin/classic/aero/browser/devtools/itemToggle-light.png (../shared/devtools/images/itemToggle-light.png)
|
||||
skin/classic/aero/browser/devtools/itemArrow-dark-rtl.png (../shared/devtools/images/itemArrow-dark-rtl.png)
|
||||
skin/classic/aero/browser/devtools/itemArrow-dark-ltr.png (../shared/devtools/images/itemArrow-dark-ltr.png)
|
||||
skin/classic/aero/browser/devtools/itemArrow-rtl.png (../shared/devtools/images/itemArrow-rtl.png)
|
||||
skin/classic/aero/browser/devtools/itemArrow-ltr.png (../shared/devtools/images/itemArrow-ltr.png)
|
||||
skin/classic/aero/browser/devtools/itemArrow-rtl.png (../shared/devtools/images/itemArrow-rtl.svg)
|
||||
skin/classic/aero/browser/devtools/itemArrow-ltr.png (../shared/devtools/images/itemArrow-ltr.svg)
|
||||
skin/classic/aero/browser/devtools/background-noise-toolbar.png (devtools/background-noise-toolbar.png)
|
||||
skin/classic/aero/browser/devtools/noise.png (devtools/noise.png)
|
||||
skin/classic/aero/browser/devtools/inspect-button.png (devtools/inspect-button.png)
|
||||
skin/classic/aero/browser/devtools/dropmarker.png (devtools/dropmarker.png)
|
||||
skin/classic/aero/browser/devtools/layout-background-grid.png (devtools/layout-background-grid.png)
|
||||
skin/classic/aero/browser/devtools/layoutview.css (devtools/layoutview.css)
|
||||
skin/classic/aero/browser/devtools/debugger-collapse.png (devtools/debugger-collapse.png)
|
||||
skin/classic/aero/browser/devtools/debugger-expand.png (devtools/debugger-expand.png)
|
||||
skin/classic/aero/browser/devtools/debugger-pause.png (devtools/debugger-pause.png)
|
||||
skin/classic/aero/browser/devtools/debugger-play.png (devtools/debugger-play.png)
|
||||
skin/classic/aero/browser/devtools/debugger-step-in.png (devtools/debugger-step-in.png)
|
||||
skin/classic/aero/browser/devtools/debugger-step-out.png (devtools/debugger-step-out.png)
|
||||
skin/classic/aero/browser/devtools/debugger-step-over.png (devtools/debugger-step-over.png)
|
||||
skin/classic/aero/browser/devtools/debugger-blackbox.png (devtools/debugger-blackbox.png)
|
||||
skin/classic/aero/browser/devtools/debugger-blackboxMessageEye.png (devtools/debugger-blackboxMessageEye.png)
|
||||
skin/classic/aero/browser/devtools/debugger-toggleBreakpoints.png (devtools/debugger-toggleBreakpoints.png)
|
||||
skin/classic/aero/browser/devtools/debugger-collapse.png (../shared/devtools/images/debugger-collapse.png)
|
||||
skin/classic/aero/browser/devtools/debugger-expand.png (../shared/devtools/images/debugger-expand.png)
|
||||
skin/classic/aero/browser/devtools/debugger-pause.png (../shared/devtools/images/debugger-pause.png)
|
||||
skin/classic/aero/browser/devtools/debugger-play.png (../shared/devtools/images/debugger-play.png)
|
||||
skin/classic/aero/browser/devtools/debugger-step-in.png (../shared/devtools/images/debugger-step-in.png)
|
||||
skin/classic/aero/browser/devtools/debugger-step-out.png (../shared/devtools/images/debugger-step-out.png)
|
||||
skin/classic/aero/browser/devtools/debugger-step-over.png (../shared/devtools/images/debugger-step-over.png)
|
||||
skin/classic/aero/browser/devtools/debugger-blackbox.png (../shared/devtools/images/debugger-blackbox.png)
|
||||
skin/classic/aero/browser/devtools/debugger-blackbox-eye.png (../shared/devtools/images/debugger-blackbox-eye.png)
|
||||
skin/classic/aero/browser/devtools/debugger-toggleBreakpoints.png (../shared/devtools/images/debugger-toggleBreakpoints.png)
|
||||
skin/classic/aero/browser/devtools/tracer-icon.png (devtools/tracer-icon.png)
|
||||
skin/classic/aero/browser/devtools/tracer-icon@2x.png (devtools/tracer-icon@2x.png)
|
||||
skin/classic/aero/browser/devtools/responsive-se-resizer.png (devtools/responsive-se-resizer.png)
|
||||
@ -556,7 +560,7 @@ browser.jar:
|
||||
skin/classic/aero/browser/devtools/floating-scrollbars.css (devtools/floating-scrollbars.css)
|
||||
skin/classic/aero/browser/devtools/floating-scrollbars-light.css (devtools/floating-scrollbars-light.css)
|
||||
skin/classic/aero/browser/devtools/inspector.css (devtools/inspector.css)
|
||||
skin/classic/aero/browser/devtools/profiler-stopwatch.png (devtools/profiler-stopwatch.png)
|
||||
skin/classic/aero/browser/devtools/profiler-stopwatch.png (../shared/devtools/images/profiler-stopwatch.png)
|
||||
skin/classic/aero/browser/devtools/tool-options.svg (../shared/devtools/images/tool-options.svg)
|
||||
skin/classic/aero/browser/devtools/tool-webconsole.svg (../shared/devtools/images/tool-webconsole.svg)
|
||||
skin/classic/aero/browser/devtools/tool-debugger.svg (../shared/devtools/images/tool-debugger.svg)
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user