wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity

Bug 1207976 - Remove /themes from DevTools URLs. r=ochameau

Browse Source
This commit is contained in:
J. Ryan Stinnett 2015-10-30 13:59:30 -05:00
parent 79bf544ace
commit b8f2f78c4b
77 changed files with 268 additions and 268 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
addon-sdk/source/lib/dev/theme.js
View File

@ -123,12 +123,12 @@ onDisable.define(Theme, (theme, {window, newTheme}) => {
const LightTheme = Theme({ const LightTheme = Theme({
name: "theme-light", name: "theme-light",
styles: "chrome://devtools/skin/themes/light-theme.css", styles: "chrome://devtools/skin/light-theme.css",
}); });
const DarkTheme = Theme({ const DarkTheme = Theme({
name: "theme-dark", name: "theme-dark",
styles: "chrome://devtools/skin/themes/dark-theme.css", styles: "chrome://devtools/skin/dark-theme.css",
}); });
exports.LightTheme = LightTheme; exports.LightTheme = LightTheme;

2
browser/base/content/browser.xul
View File

@ -8,7 +8,7 @@
<?xml-stylesheet href="chrome://browser/content/browser.css" type="text/css"?> <?xml-stylesheet href="chrome://browser/content/browser.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/content/places/places.css" type="text/css"?> <?xml-stylesheet href="chrome://browser/content/places/places.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/controlcenter/panel.css" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/controlcenter/panel.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/customizableui/panelUIOverlay.css" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/customizableui/panelUIOverlay.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>

4
devtools/client/animationinspector/animation-inspector.xhtml
View File

@ -10,8 +10,8 @@
<head> <head>
<title>&title;</title> <title>&title;</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/animationinspector.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/animationinspector.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/> <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/>
</head> </head>
<body class="theme-sidebar devtools-monospace" role="application" empty="true"> <body class="theme-sidebar devtools-monospace" role="application" empty="true">

6
devtools/client/canvasdebugger/canvasdebugger.xul
View File

@ -4,9 +4,9 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/canvasdebugger.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/canvasdebugger.css" type="text/css"?>
<!DOCTYPE window [ <!DOCTYPE window [
<!ENTITY % canvasDebuggerDTD SYSTEM "chrome://browser/locale/devtools/canvasdebugger.dtd"> <!ENTITY % canvasDebuggerDTD SYSTEM "chrome://browser/locale/devtools/canvasdebugger.dtd">
%canvasDebuggerDTD; %canvasDebuggerDTD;

2
devtools/client/commandline/commandlineoutput.xhtml
View File

@ -10,7 +10,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="chrome://global/skin/global.css" type="text/css"/> <link rel="stylesheet" href="chrome://global/skin/global.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/content/commandline/commandline.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/content/commandline/commandline.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/commandline.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/commandline.css" type="text/css"/>
</head> </head>
<body class="gcli-body"> <body class="gcli-body">
<div id="gcli-output-root"></div> <div id="gcli-output-root"></div>

2
devtools/client/commandline/commandlinetooltip.xhtml
View File

@ -10,7 +10,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="chrome://global/skin/global.css" type="text/css"/> <link rel="stylesheet" href="chrome://global/skin/global.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/content/commandline/commandline.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/content/commandline/commandline.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/commandline.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/commandline.css" type="text/css"/>
</head> </head>
<body class="gcli-body"> <body class="gcli-body">
<div id="gcli-tooltip-root"></div> <div id="gcli-tooltip-root"></div>

6
devtools/client/debugger/debugger.xul
View File

@ -5,9 +5,9 @@
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
<?xml-stylesheet href="debugger.css" type="text/css"?> <?xml-stylesheet href="debugger.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/debugger.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/debugger.css" type="text/css"?>
<!DOCTYPE window [ <!DOCTYPE window [
<!ENTITY % debuggerDTD SYSTEM "chrome://browser/locale/devtools/debugger.dtd"> <!ENTITY % debuggerDTD SYSTEM "chrome://browser/locale/devtools/debugger.dtd">
%debuggerDTD; %debuggerDTD;

36
devtools/client/definitions.js
View File

@ -62,7 +62,7 @@ Tools.options = {
id: "options", id: "options",
ordinal: 0, ordinal: 0,
url: "chrome://devtools/content/framework/toolbox-options.xul", url: "chrome://devtools/content/framework/toolbox-options.xul",
icon: "chrome://devtools/skin/themes/images/tool-options.svg", icon: "chrome://devtools/skin/images/tool-options.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
bgTheme: "theme-body", bgTheme: "theme-body",
label: l10n("options.label", toolboxStrings), label: l10n("options.label", toolboxStrings),
@ -86,7 +86,7 @@ Tools.inspector = {
key: l10n("inspector.commandkey", inspectorStrings), key: l10n("inspector.commandkey", inspectorStrings),
ordinal: 1, ordinal: 1,
modifiers: osString == "Darwin" ? "accel,alt" : "accel,shift", modifiers: osString == "Darwin" ? "accel,alt" : "accel,shift",
icon: "chrome://devtools/skin/themes/images/tool-inspector.svg", icon: "chrome://devtools/skin/images/tool-inspector.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
url: "chrome://devtools/content/inspector/inspector.xul", url: "chrome://devtools/content/inspector/inspector.xul",
label: l10n("inspector.label", inspectorStrings), label: l10n("inspector.label", inspectorStrings),
@ -122,7 +122,7 @@ Tools.webConsole = {
accesskey: l10n("webConsoleCmd.accesskey", webConsoleStrings), accesskey: l10n("webConsoleCmd.accesskey", webConsoleStrings),
modifiers: Services.appinfo.OS == "Darwin" ? "accel,alt" : "accel,shift", modifiers: Services.appinfo.OS == "Darwin" ? "accel,alt" : "accel,shift",
ordinal: 2, ordinal: 2,
icon: "chrome://devtools/skin/themes/images/tool-webconsole.svg", icon: "chrome://devtools/skin/images/tool-webconsole.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
url: "chrome://devtools/content/webconsole/webconsole.xul", url: "chrome://devtools/content/webconsole/webconsole.xul",
label: l10n("ToolboxTabWebconsole.label", webConsoleStrings), label: l10n("ToolboxTabWebconsole.label", webConsoleStrings),
@ -158,9 +158,9 @@ Tools.jsdebugger = {
accesskey: l10n("debuggerMenu.accesskey", debuggerStrings), accesskey: l10n("debuggerMenu.accesskey", debuggerStrings),
modifiers: osString == "Darwin" ? "accel,alt" : "accel,shift", modifiers: osString == "Darwin" ? "accel,alt" : "accel,shift",
ordinal: 3, ordinal: 3,
icon: "chrome://devtools/skin/themes/images/tool-debugger.svg", icon: "chrome://devtools/skin/images/tool-debugger.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
highlightedicon: "chrome://devtools/skin/themes/images/tool-debugger-paused.svg", highlightedicon: "chrome://devtools/skin/images/tool-debugger-paused.svg",
url: "chrome://devtools/content/debugger/debugger.xul", url: "chrome://devtools/content/debugger/debugger.xul",
label: l10n("ToolboxDebugger.label", debuggerStrings), label: l10n("ToolboxDebugger.label", debuggerStrings),
panelLabel: l10n("ToolboxDebugger.panelLabel", debuggerStrings), panelLabel: l10n("ToolboxDebugger.panelLabel", debuggerStrings),
@ -186,7 +186,7 @@ Tools.styleEditor = {
ordinal: 4, ordinal: 4,
accesskey: l10n("open.accesskey", styleEditorStrings), accesskey: l10n("open.accesskey", styleEditorStrings),
modifiers: "shift", modifiers: "shift",
icon: "chrome://devtools/skin/themes/images/tool-styleeditor.svg", icon: "chrome://devtools/skin/images/tool-styleeditor.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
url: "chrome://devtools/content/styleeditor/styleeditor.xul", url: "chrome://devtools/content/styleeditor/styleeditor.xul",
label: l10n("ToolboxStyleEditor.label", styleEditorStrings), label: l10n("ToolboxStyleEditor.label", styleEditorStrings),
@ -211,7 +211,7 @@ Tools.shaderEditor = {
id: "shadereditor", id: "shadereditor",
ordinal: 5, ordinal: 5,
visibilityswitch: "devtools.shadereditor.enabled", visibilityswitch: "devtools.shadereditor.enabled",
icon: "chrome://devtools/skin/themes/images/tool-shadereditor.svg", icon: "chrome://devtools/skin/images/tool-shadereditor.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
url: "chrome://devtools/content/shadereditor/shadereditor.xul", url: "chrome://devtools/content/shadereditor/shadereditor.xul",
label: l10n("ToolboxShaderEditor.label", shaderEditorStrings), label: l10n("ToolboxShaderEditor.label", shaderEditorStrings),
@ -231,7 +231,7 @@ Tools.canvasDebugger = {
id: "canvasdebugger", id: "canvasdebugger",
ordinal: 6, ordinal: 6,
visibilityswitch: "devtools.canvasdebugger.enabled", visibilityswitch: "devtools.canvasdebugger.enabled",
icon: "chrome://devtools/skin/themes/images/tool-canvas.svg", icon: "chrome://devtools/skin/images/tool-canvas.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
url: "chrome://devtools/content/canvasdebugger/canvasdebugger.xul", url: "chrome://devtools/content/canvasdebugger/canvasdebugger.xul",
label: l10n("ToolboxCanvasDebugger.label", canvasDebuggerStrings), label: l10n("ToolboxCanvasDebugger.label", canvasDebuggerStrings),
@ -252,9 +252,9 @@ Tools.canvasDebugger = {
Tools.performance = { Tools.performance = {
id: "performance", id: "performance",
ordinal: 7, ordinal: 7,
icon: "chrome://devtools/skin/themes/images/tool-profiler.svg", icon: "chrome://devtools/skin/images/tool-profiler.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
highlightedicon: "chrome://devtools/skin/themes/images/tool-profiler-active.svg", highlightedicon: "chrome://devtools/skin/images/tool-profiler-active.svg",
url: "chrome://devtools/content/performance/performance.xul", url: "chrome://devtools/content/performance/performance.xul",
visibilityswitch: "devtools.performance.enabled", visibilityswitch: "devtools.performance.enabled",
label: l10n("performance.label", performanceStrings), label: l10n("performance.label", performanceStrings),
@ -280,9 +280,9 @@ Tools.performance = {
Tools.memory = { Tools.memory = {
id: "memory", id: "memory",
ordinal: 8, ordinal: 8,
icon: "chrome://devtools/skin/themes/images/tool-memory.svg", icon: "chrome://devtools/skin/images/tool-memory.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
highlightedicon: "chrome://devtools/skin/themes/images/tool-memory-active.svg", highlightedicon: "chrome://devtools/skin/images/tool-memory-active.svg",
url: "chrome://devtools/content/memory/memory.xhtml", url: "chrome://devtools/content/memory/memory.xhtml",
visibilityswitch: "devtools.memory.enabled", visibilityswitch: "devtools.memory.enabled",
label: l10n("memory.label", memoryStrings), label: l10n("memory.label", memoryStrings),
@ -305,7 +305,7 @@ Tools.netMonitor = {
ordinal: 9, ordinal: 9,
modifiers: osString == "Darwin" ? "accel,alt" : "accel,shift", modifiers: osString == "Darwin" ? "accel,alt" : "accel,shift",
visibilityswitch: "devtools.netmonitor.enabled", visibilityswitch: "devtools.netmonitor.enabled",
icon: "chrome://devtools/skin/themes/images/tool-network.svg", icon: "chrome://devtools/skin/images/tool-network.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
url: "chrome://devtools/content/netmonitor/netmonitor.xul", url: "chrome://devtools/content/netmonitor/netmonitor.xul",
label: l10n("netmonitor.label", netMonitorStrings), label: l10n("netmonitor.label", netMonitorStrings),
@ -332,7 +332,7 @@ Tools.storage = {
accesskey: l10n("storage.accesskey", storageStrings), accesskey: l10n("storage.accesskey", storageStrings),
modifiers: "shift", modifiers: "shift",
visibilityswitch: "devtools.storage.enabled", visibilityswitch: "devtools.storage.enabled",
icon: "chrome://devtools/skin/themes/images/tool-storage.svg", icon: "chrome://devtools/skin/images/tool-storage.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
url: "chrome://devtools/content/storage/storage.xul", url: "chrome://devtools/content/storage/storage.xul",
label: l10n("storage.label", storageStrings), label: l10n("storage.label", storageStrings),
@ -359,7 +359,7 @@ Tools.webAudioEditor = {
id: "webaudioeditor", id: "webaudioeditor",
ordinal: 11, ordinal: 11,
visibilityswitch: "devtools.webaudioeditor.enabled", visibilityswitch: "devtools.webaudioeditor.enabled",
icon: "chrome://devtools/skin/themes/images/tool-webaudio.svg", icon: "chrome://devtools/skin/images/tool-webaudio.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
url: "chrome://devtools/content/webaudioeditor/webaudioeditor.xul", url: "chrome://devtools/content/webaudioeditor/webaudioeditor.xul",
label: l10n("ToolboxWebAudioEditor1.label", webAudioEditorStrings), label: l10n("ToolboxWebAudioEditor1.label", webAudioEditorStrings),
@ -379,7 +379,7 @@ Tools.scratchpad = {
id: "scratchpad", id: "scratchpad",
ordinal: 12, ordinal: 12,
visibilityswitch: "devtools.scratchpad.enabled", visibilityswitch: "devtools.scratchpad.enabled",
icon: "chrome://devtools/skin/themes/images/tool-scratchpad.svg", icon: "chrome://devtools/skin/images/tool-scratchpad.svg",
invertIconForLightTheme: true, invertIconForLightTheme: true,
url: "chrome://devtools/content/scratchpad/scratchpad.xul", url: "chrome://devtools/content/scratchpad/scratchpad.xul",
label: l10n("scratchpad.label", scratchpadStrings), label: l10n("scratchpad.label", scratchpadStrings),
@ -419,7 +419,7 @@ Tools.darkTheme = {
id: "dark", id: "dark",
label: l10n("options.darkTheme.label", toolboxStrings), label: l10n("options.darkTheme.label", toolboxStrings),
ordinal: 1, ordinal: 1,
stylesheets: ["chrome://devtools/skin/themes/dark-theme.css"], stylesheets: ["chrome://devtools/skin/dark-theme.css"],
classList: ["theme-dark"], classList: ["theme-dark"],
}; };
@ -427,7 +427,7 @@ Tools.lightTheme = {
id: "light", id: "light",
label: l10n("options.lightTheme.label", toolboxStrings), label: l10n("options.lightTheme.label", toolboxStrings),
ordinal: 2, ordinal: 2,
stylesheets: ["chrome://devtools/skin/themes/light-theme.css"], stylesheets: ["chrome://devtools/skin/light-theme.css"],
classList: ["theme-light"], classList: ["theme-light"],
}; };

4
devtools/client/eyedropper/eyedropper.xul
View File

@ -6,8 +6,8 @@
<!DOCTYPE window []> <!DOCTYPE window []>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/eyedropper.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/eyedropper.css" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<commandset id="eyedropper-commandset"> <commandset id="eyedropper-commandset">

4
devtools/client/fontinspector/font-inspector.xhtml
View File

@ -12,8 +12,8 @@
<title>&title;</title> <title>&title;</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="font-inspector.css" type="text/css"/> <link rel="stylesheet" href="font-inspector.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/font-inspector.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/font-inspector.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/> <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/>
</head> </head>
<body class="theme-sidebar devtools-monospace" role="application"> <body class="theme-sidebar devtools-monospace" role="application">

2
devtools/client/framework/connect/connect.xhtml
View File

@ -12,7 +12,7 @@
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<head> <head>
<title>&title;</title> <title>&title;</title>
<link rel="stylesheet" href="chrome://devtools/skin/themes/dark-theme.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/dark-theme.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/content/framework/connect/connect.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/content/framework/connect/connect.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="connect.js"></script> <script type="application/javascript;version=1.8" src="connect.js"></script>
</head> </head>

2
devtools/client/framework/test/browser_toolbox_sidebar.js
View File

@ -6,7 +6,7 @@ function test() {
let {ToolSidebar} = require("devtools/client/framework/sidebar"); let {ToolSidebar} = require("devtools/client/framework/sidebar");
const toolURL = "data:text/xml;charset=utf8,<?xml version='1.0'?>" + const toolURL = "data:text/xml;charset=utf8,<?xml version='1.0'?>" +
"<?xml-stylesheet href='chrome://devtools/skin/themes/common.css' type='text/css'?>" + "<?xml-stylesheet href='chrome://devtools/skin/common.css' type='text/css'?>" +
"<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'>" + "<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'>" +
"<hbox flex='1'><description flex='1'>foo</description><splitter class='devtools-side-splitter'/>" + "<hbox flex='1'><description flex='1'>foo</description><splitter class='devtools-side-splitter'/>" +
"<tabbox flex='1' id='sidebar' class='devtools-sidebar-tabs'><tabs/><tabpanels flex='1'/></tabbox>" + "<tabbox flex='1' id='sidebar' class='devtools-sidebar-tabs'><tabs/><tabpanels flex='1'/></tabbox>" +

2
devtools/client/framework/test/browser_toolbox_sidebar_events.js
View File

@ -6,7 +6,7 @@ function test() {
const { ToolSidebar } = require("devtools/client/framework/sidebar"); const { ToolSidebar } = require("devtools/client/framework/sidebar");
const toolURL = "data:text/xml;charset=utf8,<?xml version='1.0'?>" + const toolURL = "data:text/xml;charset=utf8,<?xml version='1.0'?>" +
"<?xml-stylesheet href='chrome://devtools/skin/themes/common.css' type='text/css'?>" + "<?xml-stylesheet href='chrome://devtools/skin/common.css' type='text/css'?>" +
"<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'>" + "<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'>" +
"<hbox flex='1'><description flex='1'>foo</description><splitter class='devtools-side-splitter'/>" + "<hbox flex='1'><description flex='1'>foo</description><splitter class='devtools-side-splitter'/>" +
"<tabbox flex='1' id='sidebar' class='devtools-sidebar-tabs'><tabs/><tabpanels flex='1'/></tabbox>" + "<tabbox flex='1' id='sidebar' class='devtools-sidebar-tabs'><tabs/><tabpanels flex='1'/></tabbox>" +

2
devtools/client/framework/test/browser_toolbox_sidebar_existing_tabs.js
View File

@ -7,7 +7,7 @@
const {ToolSidebar} = require("devtools/client/framework/sidebar"); const {ToolSidebar} = require("devtools/client/framework/sidebar");
const testToolURL = "data:text/xml;charset=utf8,<?xml version='1.0'?>" + const testToolURL = "data:text/xml;charset=utf8,<?xml version='1.0'?>" +
"<?xml-stylesheet href='chrome://devtools/skin/themes/common.css' type='text/css'?>" + "<?xml-stylesheet href='chrome://devtools/skin/common.css' type='text/css'?>" +
"<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'>" + "<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'>" +
"<hbox flex='1'><description flex='1'>test tool</description>" + "<hbox flex='1'><description flex='1'>test tool</description>" +
"<splitter class='devtools-side-splitter'/>" + "<splitter class='devtools-side-splitter'/>" +

4
devtools/client/framework/test/browser_toolbox_sidebar_tool.xul
View File

@ -4,8 +4,8 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/> <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/>
<box flex="1" class="devtools-responsive-container theme-body"> <box flex="1" class="devtools-responsive-container theme-body">

2
devtools/client/framework/toolbox.xul
View File

@ -3,7 +3,7 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?> <?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?>

6
devtools/client/inspector/inspector.xul
View File

@ -5,9 +5,9 @@
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/inspector/inspector.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/inspector/inspector.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/inspector.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/inspector.css" type="text/css"?>
<!DOCTYPE window [ <!DOCTYPE window [
<!ENTITY % inspectorDTD SYSTEM "chrome://browser/locale/devtools/inspector.dtd" > <!ENTITY % inspectorDTD SYSTEM "chrome://browser/locale/devtools/inspector.dtd" >
%inspectorDTD; %inspectorDTD;

4
devtools/client/jsonview/css/search-box.css
View File

@ -26,7 +26,7 @@
.theme-dark .searchBox, .theme-dark .searchBox,
.theme-light .searchBox { .theme-light .searchBox {
border: 1px solid rgb(170, 170, 170); border: 1px solid rgb(170, 170, 170);
background-image: url("chrome://devtools/skin/themes/images/magnifying-glass-light.png"); background-image: url("chrome://devtools/skin/images/magnifying-glass-light.png");
background-position: 8px center; background-position: 8px center;
border-radius: 2px; border-radius: 2px;
padding-left: 25px; padding-left: 25px;
@ -42,5 +42,5 @@
background-color: rgba(24, 29, 32, 1); background-color: rgba(24, 29, 32, 1);
color: rgba(184, 200, 217, 1); color: rgba(184, 200, 217, 1);
border-color: var(--theme-splitter-color); border-color: var(--theme-splitter-color);
background-image: url("chrome://devtools/skin/themes/images/magnifying-glass.png"); background-image: url("chrome://devtools/skin/images/magnifying-glass.png");
} }

4
devtools/client/layoutview/view.xhtml
View File

@ -17,8 +17,8 @@
<script type="application/javascript;version=1.8" src="view.js"></script> <script type="application/javascript;version=1.8" src="view.js"></script>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/layoutview.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/layoutview.css" type="text/css"/>
</head> </head>
<body class="theme-sidebar devtools-monospace"> <body class="theme-sidebar devtools-monospace">

4
devtools/client/markupview/markup-view.xhtml
View File

@ -8,8 +8,8 @@
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="chrome://devtools/content/markupview/markup-view.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/content/markupview/markup-view.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/markup-view.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/markup-view.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<script type="application/javascript;version=1.8" <script type="application/javascript;version=1.8"
src="chrome://devtools/content/shared/theme-switching.js"/> src="chrome://devtools/content/shared/theme-switching.js"/>

6
devtools/client/memory/memory.xhtml
View File

@ -11,9 +11,9 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/widgets.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/widgets.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/memory.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/memory.css" type="text/css"/>
<script type="application/javascript;version=1.8" <script type="application/javascript;version=1.8"
src="chrome://devtools/content/shared/theme-switching.js"/> src="chrome://devtools/content/shared/theme-switching.js"/>

6
devtools/client/netmonitor/netmonitor.xul
View File

@ -5,9 +5,9 @@
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/netmonitor/netmonitor.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/netmonitor/netmonitor.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/netmonitor.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/netmonitor.css" type="text/css"?>
<!DOCTYPE window [ <!DOCTYPE window [
<!ENTITY % netmonitorDTD SYSTEM "chrome://browser/locale/devtools/netmonitor.dtd"> <!ENTITY % netmonitorDTD SYSTEM "chrome://browser/locale/devtools/netmonitor.dtd">
%netmonitorDTD; %netmonitorDTD;

6
devtools/client/performance/performance.xul
View File

@ -4,9 +4,9 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/performance.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/performance.css" type="text/css"?>
<!DOCTYPE window [ <!DOCTYPE window [
<!ENTITY % performanceDTD SYSTEM "chrome://browser/locale/devtools/performance.dtd"> <!ENTITY % performanceDTD SYSTEM "chrome://browser/locale/devtools/performance.dtd">
%performanceDTD; %performanceDTD;

2
devtools/client/projecteditor/chrome/content/projecteditor-loader.js
View File

@ -8,7 +8,7 @@ const ProjectEditor = require("devtools/client/projecteditor/lib/projecteditor")
const SAMPLE_PATH = buildTempDirectoryStructure(); const SAMPLE_PATH = buildTempDirectoryStructure();
const SAMPLE_NAME = "DevTools Content Application Name"; const SAMPLE_NAME = "DevTools Content Application Name";
const SAMPLE_PROJECT_URL = "data:text/html;charset=utf-8,<body><h1>Project Overview</h1></body>"; const SAMPLE_PROJECT_URL = "data:text/html;charset=utf-8,<body><h1>Project Overview</h1></body>";
const SAMPLE_ICON = "chrome://devtools/skin/themes/images/tool-debugger.svg"; const SAMPLE_ICON = "chrome://devtools/skin/images/tool-debugger.svg";
/** /**
* Create a workspace for working on projecteditor, available at * Create a workspace for working on projecteditor, available at

8
devtools/client/projecteditor/chrome/content/projecteditor.xul
View File

@ -2,12 +2,12 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public <!-- 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 - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://devtools/skin/themes/light-theme.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/light-theme.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/projecteditor/projecteditor.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/projecteditor/projecteditor.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/debugger/debugger.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/debugger/debugger.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/markupview/markup-view.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/markupview/markup-view.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/markup-view.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/markup-view.css" type="text/css"?>
<?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?> <?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?>

2
devtools/client/projecteditor/lib/plugins/app-manager/plugin.js
View File

@ -5,7 +5,7 @@ const { emit } = require("sdk/event/core");
const promise = require("promise"); const promise = require("promise");
var { registerPlugin, Plugin } = require("devtools/client/projecteditor/lib/plugins/core"); var { registerPlugin, Plugin } = require("devtools/client/projecteditor/lib/plugins/core");
const { AppProjectEditor } = require("./app-project-editor"); const { AppProjectEditor } = require("./app-project-editor");
const OPTION_URL = "chrome://devtools/skin/themes/images/tool-options.svg"; const OPTION_URL = "chrome://devtools/skin/images/tool-options.svg";
const {Services} = Cu.import("resource://gre/modules/Services.jsm"); const {Services} = Cu.import("resource://gre/modules/Services.jsm");
const Strings = Services.strings.createBundle("chrome://browser/locale/devtools/webide.properties"); const Strings = Services.strings.createBundle("chrome://browser/locale/devtools/webide.properties");

16
devtools/client/projecteditor/test/browser_projecteditor_app_options.js
View File

@ -20,7 +20,7 @@ add_task(function*() {
info ("About to set project to: " + TEMP_PATH); info ("About to set project to: " + TEMP_PATH);
yield projecteditor.setProjectToAppPath(TEMP_PATH, { yield projecteditor.setProjectToAppPath(TEMP_PATH, {
name: "Test", name: "Test",
iconUrl: "chrome://devtools/skin/themes/images/tool-options.svg", iconUrl: "chrome://devtools/skin/images/tool-options.svg",
projectOverviewURL: SAMPLE_WEBAPP_URL projectOverviewURL: SAMPLE_WEBAPP_URL
}); });
@ -37,12 +37,12 @@ add_task(function*() {
let statusElement = header.querySelector(".project-status"); let statusElement = header.querySelector(".project-status");
is (statusElement.getAttribute("status"), "unknown", "The status starts out as unknown."); is (statusElement.getAttribute("status"), "unknown", "The status starts out as unknown.");
is (nameLabel.textContent, "Test", "The name label has been set correctly"); is (nameLabel.textContent, "Test", "The name label has been set correctly");
is (image.getAttribute("src"), "chrome://devtools/skin/themes/images/tool-options.svg", "The icon has been set correctly"); is (image.getAttribute("src"), "chrome://devtools/skin/images/tool-options.svg", "The icon has been set correctly");
info ("About to set project with new options."); info ("About to set project with new options.");
yield projecteditor.setProjectToAppPath(TEMP_PATH, { yield projecteditor.setProjectToAppPath(TEMP_PATH, {
name: "Test2", name: "Test2",
iconUrl: "chrome://devtools/skin/themes/images/tool-inspector.svg", iconUrl: "chrome://devtools/skin/images/tool-inspector.svg",
projectOverviewURL: SAMPLE_WEBAPP_URL, projectOverviewURL: SAMPLE_WEBAPP_URL,
validationStatus: "error" validationStatus: "error"
}); });
@ -50,12 +50,12 @@ add_task(function*() {
info ("Getting ahold of and validating the project header DOM"); info ("Getting ahold of and validating the project header DOM");
is (statusElement.getAttribute("status"), "error", "The status has been set correctly."); is (statusElement.getAttribute("status"), "error", "The status has been set correctly.");
is (nameLabel.textContent, "Test2", "The name label has been set correctly"); is (nameLabel.textContent, "Test2", "The name label has been set correctly");
is (image.getAttribute("src"), "chrome://devtools/skin/themes/images/tool-inspector.svg", "The icon has been set correctly"); is (image.getAttribute("src"), "chrome://devtools/skin/images/tool-inspector.svg", "The icon has been set correctly");
info ("About to set project with new options."); info ("About to set project with new options.");
yield projecteditor.setProjectToAppPath(TEMP_PATH, { yield projecteditor.setProjectToAppPath(TEMP_PATH, {
name: "Test3", name: "Test3",
iconUrl: "chrome://devtools/skin/themes/images/tool-webconsole.svg", iconUrl: "chrome://devtools/skin/images/tool-webconsole.svg",
projectOverviewURL: SAMPLE_WEBAPP_URL, projectOverviewURL: SAMPLE_WEBAPP_URL,
validationStatus: "warning" validationStatus: "warning"
}); });
@ -63,12 +63,12 @@ add_task(function*() {
info ("Getting ahold of and validating the project header DOM"); info ("Getting ahold of and validating the project header DOM");
is (statusElement.getAttribute("status"), "warning", "The status has been set correctly."); is (statusElement.getAttribute("status"), "warning", "The status has been set correctly.");
is (nameLabel.textContent, "Test3", "The name label has been set correctly"); is (nameLabel.textContent, "Test3", "The name label has been set correctly");
is (image.getAttribute("src"), "chrome://devtools/skin/themes/images/tool-webconsole.svg", "The icon has been set correctly"); is (image.getAttribute("src"), "chrome://devtools/skin/images/tool-webconsole.svg", "The icon has been set correctly");
info ("About to set project with new options."); info ("About to set project with new options.");
yield projecteditor.setProjectToAppPath(TEMP_PATH, { yield projecteditor.setProjectToAppPath(TEMP_PATH, {
name: "Test4", name: "Test4",
iconUrl: "chrome://devtools/skin/themes/images/tool-debugger.svg", iconUrl: "chrome://devtools/skin/images/tool-debugger.svg",
projectOverviewURL: SAMPLE_WEBAPP_URL, projectOverviewURL: SAMPLE_WEBAPP_URL,
validationStatus: "valid" validationStatus: "valid"
}); });
@ -76,7 +76,7 @@ add_task(function*() {
info ("Getting ahold of and validating the project header DOM"); info ("Getting ahold of and validating the project header DOM");
is (statusElement.getAttribute("status"), "valid", "The status has been set correctly."); is (statusElement.getAttribute("status"), "valid", "The status has been set correctly.");
is (nameLabel.textContent, "Test4", "The name label has been set correctly"); is (nameLabel.textContent, "Test4", "The name label has been set correctly");
is (image.getAttribute("src"), "chrome://devtools/skin/themes/images/tool-debugger.svg", "The icon has been set correctly"); is (image.getAttribute("src"), "chrome://devtools/skin/images/tool-debugger.svg", "The icon has been set correctly");
info ("Test finished, cleaning up"); info ("Test finished, cleaning up");
projecteditor.project.off("resource-added", failIfResourceAdded); projecteditor.project.off("resource-added", failIfResourceAdded);

2
devtools/client/projecteditor/test/head.js
View File

@ -97,7 +97,7 @@ function addProjectEditorTabForTempDirectory(opts = {}) {
} }
let customOpts = { let customOpts = {
name: "Test", name: "Test",
iconUrl: "chrome://devtools/skin/themes/images/tool-options.svg", iconUrl: "chrome://devtools/skin/images/tool-options.svg",
projectOverviewURL: SAMPLE_WEBAPP_URL projectOverviewURL: SAMPLE_WEBAPP_URL
}; };

4
devtools/client/promisedebugger/promise-debugger.xhtml
View File

@ -12,8 +12,8 @@
<head> <head>
<title>&title;</title> <title>&title;</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/promisedebugger.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/promisedebugger.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/> <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/>
</head> </head>
<body class="devtools-monospace" role="application"> <body class="devtools-monospace" role="application">

2
devtools/client/responsivedesign/responsivedesign-child.js
View File

@ -4,7 +4,7 @@
var Ci = Components.interfaces; var Ci = Components.interfaces;
const gDeviceSizeWasPageSize = docShell.deviceSizeIsPageSize; const gDeviceSizeWasPageSize = docShell.deviceSizeIsPageSize;
const gFloatingScrollbarsStylesheet = Services.io.newURI("chrome://devtools/skin/themes/floating-scrollbars.css", null, null); const gFloatingScrollbarsStylesheet = Services.io.newURI("chrome://devtools/skin/floating-scrollbars.css", null, null);
var gRequiresFloatingScrollbars; var gRequiresFloatingScrollbars;
var active = false; var active = false;

4
devtools/client/scratchpad/scratchpad.xul
View File

@ -14,8 +14,8 @@
]> ]>
<?xml-stylesheet href="chrome://global/skin/global.css"?> <?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/scratchpad.css"?> <?xml-stylesheet href="chrome://devtools/skin/scratchpad.css"?>
<?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?> <?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?>
<window id="main-window" <window id="main-window"

6
devtools/client/shadereditor/shadereditor.xul
View File

@ -3,9 +3,9 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/shadereditor.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/shadereditor.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
<!DOCTYPE window [ <!DOCTYPE window [
<!ENTITY % debuggerDTD SYSTEM "chrome://browser/locale/devtools/shadereditor.dtd"> <!ENTITY % debuggerDTD SYSTEM "chrome://browser/locale/devtools/shadereditor.dtd">

6
devtools/client/shared/test/browser_tableWidget_basic.js
View File

@ -6,9 +6,9 @@
const TEST_URI = "data:text/xml;charset=UTF-8,<?xml version='1.0'?>" + const TEST_URI = "data:text/xml;charset=UTF-8,<?xml version='1.0'?>" +
"<?xml-stylesheet href='chrome://global/skin/global.css'?>" + "<?xml-stylesheet href='chrome://global/skin/global.css'?>" +
"<?xml-stylesheet href='chrome://devtools/skin/themes/common.css'?>" + "<?xml-stylesheet href='chrome://devtools/skin/common.css'?>" +
"<?xml-stylesheet href='chrome://devtools/skin/themes/light-theme.css'?>" + "<?xml-stylesheet href='chrome://devtools/skin/light-theme.css'?>" +
"<?xml-stylesheet href='chrome://devtools/skin/themes/widgets.css'?>" + "<?xml-stylesheet href='chrome://devtools/skin/widgets.css'?>" +
"<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'" + "<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'" +
" title='Table Widget' width='600' height='500'>" + " title='Table Widget' width='600' height='500'>" +
"<box flex='1' class='theme-light'/></window>"; "<box flex='1' class='theme-light'/></window>";

6
devtools/client/shared/test/browser_tableWidget_keyboard_interaction.js
View File

@ -6,9 +6,9 @@
const TEST_URI = "data:text/xml;charset=UTF-8,<?xml version='1.0'?>" + const TEST_URI = "data:text/xml;charset=UTF-8,<?xml version='1.0'?>" +
"<?xml-stylesheet href='chrome://global/skin/global.css'?>" + "<?xml-stylesheet href='chrome://global/skin/global.css'?>" +
"<?xml-stylesheet href='chrome://devtools/skin/themes/common.css'?>" + "<?xml-stylesheet href='chrome://devtools/skin/common.css'?>" +
"<?xml-stylesheet href='chrome://devtools/skin/themes/light-theme.css'?>" + "<?xml-stylesheet href='chrome://devtools/skin/light-theme.css'?>" +
"<?xml-stylesheet href='chrome://devtools/skin/themes/widgets.css'?>" + "<?xml-stylesheet href='chrome://devtools/skin/widgets.css'?>" +
"<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'" + "<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'" +
" title='Table Widget' width='600' height='500'>" + " title='Table Widget' width='600' height='500'>" +
"<box flex='1' class='theme-light'/></window>"; "<box flex='1' class='theme-light'/></window>";

6
devtools/client/shared/test/browser_tableWidget_mouse_interaction.js
View File

@ -6,9 +6,9 @@
const TEST_URI = "data:text/xml;charset=UTF-8,<?xml version='1.0'?>" + const TEST_URI = "data:text/xml;charset=UTF-8,<?xml version='1.0'?>" +
"<?xml-stylesheet href='chrome://global/skin/global.css'?>" + "<?xml-stylesheet href='chrome://global/skin/global.css'?>" +
"<?xml-stylesheet href='chrome://devtools/skin/themes/common.css'?>" + "<?xml-stylesheet href='chrome://devtools/skin/common.css'?>" +
"<?xml-stylesheet href='chrome://devtools/skin/themes/light-theme.css'?>" + "<?xml-stylesheet href='chrome://devtools/skin/light-theme.css'?>" +
"<?xml-stylesheet href='chrome://devtools/skin/themes/widgets.css'?>" + "<?xml-stylesheet href='chrome://devtools/skin/widgets.css'?>" +
"<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'" + "<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'" +
" title='Table Widget' width='600' height='500'>" + " title='Table Widget' width='600' height='500'>" +
"<box flex='1' class='theme-light'/></window>"; "<box flex='1' class='theme-light'/></window>";

4
devtools/client/shared/test/browser_treeWidget_basic.js
View File

@ -5,8 +5,8 @@
// Tests that the tree widget api works fine // Tests that the tree widget api works fine
const TEST_URI = "data:text/html;charset=utf-8,<head><link rel='stylesheet' " + const TEST_URI = "data:text/html;charset=utf-8,<head><link rel='stylesheet' " +
"type='text/css' href='chrome://devtools/skin/themes/common.css'><link " + "type='text/css' href='chrome://devtools/skin/common.css'><link " +
"rel='stylesheet' type='text/css' href='chrome://devtools/skin/themes/widg" + "rel='stylesheet' type='text/css' href='chrome://devtools/skin/widg" +
"ets.css'></head><body><div></div><span></span></body>"; "ets.css'></head><body><div></div><span></span></body>";
const {TreeWidget} = require("devtools/client/shared/widgets/TreeWidget"); const {TreeWidget} = require("devtools/client/shared/widgets/TreeWidget");

4
devtools/client/shared/test/browser_treeWidget_keyboard_interaction.js
View File

@ -5,8 +5,8 @@
// Tests that keyboard interaction works fine with the tree widget // Tests that keyboard interaction works fine with the tree widget
const TEST_URI = "data:text/html;charset=utf-8,<head><link rel='stylesheet' " + const TEST_URI = "data:text/html;charset=utf-8,<head><link rel='stylesheet' " +
"type='text/css' href='chrome://devtools/skin/themes/common.css'><link " + "type='text/css' href='chrome://devtools/skin/common.css'><link " +
"rel='stylesheet' type='text/css' href='chrome://devtools/skin/themes/widg" + "rel='stylesheet' type='text/css' href='chrome://devtools/skin/widg" +
"ets.css'></head><body><div></div><span></span></body>"; "ets.css'></head><body><div></div><span></span></body>";
const {TreeWidget} = require("devtools/client/shared/widgets/TreeWidget"); const {TreeWidget} = require("devtools/client/shared/widgets/TreeWidget");
const Promise = require("promise"); const Promise = require("promise");

4
devtools/client/shared/test/browser_treeWidget_mouse_interaction.js
View File

@ -5,8 +5,8 @@
// Tests that mouse interaction works fine with tree widget // Tests that mouse interaction works fine with tree widget
const TEST_URI = "data:text/html;charset=utf-8,<head><link rel='stylesheet' " + const TEST_URI = "data:text/html;charset=utf-8,<head><link rel='stylesheet' " +
"type='text/css' href='chrome://devtools/skin/themes/common.css'><link " + "type='text/css' href='chrome://devtools/skin/common.css'><link " +
"rel='stylesheet' type='text/css' href='chrome://devtools/skin/themes/widg" + "rel='stylesheet' type='text/css' href='chrome://devtools/skin/widg" +
"ets.css'></head><body><div></div><span></span></body>"; "ets.css'></head><body><div></div><span></span></body>";
const {TreeWidget} = require("devtools/client/shared/widgets/TreeWidget"); const {TreeWidget} = require("devtools/client/shared/widgets/TreeWidget");
const Promise = require("promise"); const Promise = require("promise");

4
devtools/client/shared/test/doc_options-view.xul
View File

@ -3,8 +3,8 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
<!DOCTYPE window []> <!DOCTYPE window []>

2
devtools/client/shared/theme-switching.js
View File

@ -3,7 +3,7 @@
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
(function() { (function() {
const DEVTOOLS_SKIN_URL = "chrome://devtools/skin/themes/"; const DEVTOOLS_SKIN_URL = "chrome://devtools/skin/";
let documentElement = document.documentElement; let documentElement = document.documentElement;
function forceStyle() { function forceStyle() {

2
devtools/client/shared/theme.js
View File

@ -14,7 +14,7 @@ const { NetUtil } = Cu.import("resource://gre/modules/NetUtil.jsm", {});
loader.lazyRequireGetter(this, "Services"); loader.lazyRequireGetter(this, "Services");
loader.lazyImporter(this, "gDevTools", "resource://devtools/client/framework/gDevTools.jsm"); loader.lazyImporter(this, "gDevTools", "resource://devtools/client/framework/gDevTools.jsm");
const VARIABLES_URI = "chrome://devtools/skin/themes/variables.css"; const VARIABLES_URI = "chrome://devtools/skin/variables.css";
const THEME_SELECTOR_STRINGS = { const THEME_SELECTOR_STRINGS = {
light: ":root.theme-light {", light: ":root.theme-light {",
dark: ":root.theme-dark {" dark: ":root.theme-dark {"

2
devtools/client/shared/widgets/Tooltip.js
View File

@ -1280,7 +1280,7 @@ EventTooltip.prototype = {
if (!listener.hide.debugger) { if (!listener.hide.debugger) {
let debuggerIcon = doc.createElement("image"); let debuggerIcon = doc.createElement("image");
debuggerIcon.className = "event-tooltip-debugger-icon"; debuggerIcon.className = "event-tooltip-debugger-icon";
debuggerIcon.setAttribute("src", "chrome://devtools/skin/themes/images/tool-debugger.svg"); debuggerIcon.setAttribute("src", "chrome://devtools/skin/images/tool-debugger.svg");
let openInDebugger = let openInDebugger =
l10n.strings.GetStringFromName("eventsTooltip.openInDebugger"); l10n.strings.GetStringFromName("eventsTooltip.openInDebugger");
debuggerIcon.setAttribute("tooltiptext", openInDebugger); debuggerIcon.setAttribute("tooltiptext", openInDebugger);

4
devtools/client/shared/widgets/VariablesView.xul
View File

@ -4,8 +4,8 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://global/skin/global.css"?> <?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
<!DOCTYPE window [ <!DOCTYPE window [
<!ENTITY % viewDTD SYSTEM "chrome://browser/locale/devtools/VariablesView.dtd"> <!ENTITY % viewDTD SYSTEM "chrome://browser/locale/devtools/VariablesView.dtd">
%viewDTD; %viewDTD;

2
devtools/client/shared/widgets/cubic-bezier-frame.xhtml
View File

@ -7,7 +7,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/content/shared/widgets/cubic-bezier.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/content/shared/widgets/cubic-bezier.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/> <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/>
<style> <style>

2
devtools/client/shared/widgets/filter-frame.xhtml
View File

@ -10,7 +10,7 @@
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="chrome://devtools/content/shared/widgets/filter-widget.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/content/shared/widgets/filter-widget.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"></script> <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"></script>
</head> </head>
<body> <body>

8
devtools/client/shared/widgets/filter-widget.css
View File

@ -195,7 +195,7 @@ html, body {
.remove-button { .remove-button {
width: 16px; width: 16px;
height: 16px; height: 16px;
background: url(chrome://devtools/skin/themes/images/close@2x.png); background: url(chrome://devtools/skin/images/close@2x.png);
background-size: cover; background-size: cover;
font-size: 0; font-size: 0;
border: none; border: none;
@ -231,14 +231,14 @@ html, body {
} }
.add { .add {
background: url(chrome://devtools/skin/themes/images/add.svg); background: url(chrome://devtools/skin/images/add.svg);
} }
#toggle-presets { #toggle-presets {
background: url(chrome://devtools/skin/themes/images/pseudo-class.svg#pseudo-class); background: url(chrome://devtools/skin/images/pseudo-class.svg#pseudo-class);
} }
.show-presets #toggle-presets { .show-presets #toggle-presets {
background: url(chrome://devtools/skin/themes/images/pseudo-class.svg#pseudo-class-checked); background: url(chrome://devtools/skin/images/pseudo-class.svg#pseudo-class-checked);
filter: none; filter: none;
} }

4
devtools/client/shared/widgets/graphs-frame.xhtml
View File

@ -7,8 +7,8 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/widgets.css" ype="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/widgets.css" ype="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/> <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/>
<style> <style>
body { body {

2
devtools/client/shared/widgets/mdn-docs-frame.xhtml
View File

@ -7,7 +7,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/content/shared/widgets/mdn-docs.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/content/shared/widgets/mdn-docs.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/> <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/>
</head> </head>

2
devtools/client/shared/widgets/spectrum-frame.xhtml
View File

@ -7,7 +7,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/content/shared/widgets/spectrum.css" ype="text/css"/> <link rel="stylesheet" href="chrome://devtools/content/shared/widgets/spectrum.css" ype="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/> <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/>
<style> <style>

6
devtools/client/shared/widgets/spectrum.css
View File

@ -3,7 +3,7 @@
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
#eyedropper-button { #eyedropper-button {
background-image: url("chrome://devtools/skin/themes/images/command-eyedropper.png"); background-image: url("chrome://devtools/skin/images/command-eyedropper.png");
width: 16px; width: 16px;
height: 16px; height: 16px;
background-size: 64px 16px; background-size: 64px 16px;
@ -15,7 +15,7 @@
} }
.theme-light #eyedropper-button { .theme-light #eyedropper-button {
filter: url(chrome://devtools/skin/themes/images/filters.svg#invert); filter: url(chrome://devtools/skin/images/filters.svg#invert);
border: 1px solid #AAA; border: 1px solid #AAA;
} }
@ -35,7 +35,7 @@
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
#eyedropper-button { #eyedropper-button {
background-image: url("chrome://devtools/skin/themes/images/command-eyedropper@2x.png"); background-image: url("chrome://devtools/skin/images/command-eyedropper@2x.png");
} }
} }

18
devtools/client/sourceeditor/codemirror/mozilla.css
View File

@ -33,18 +33,18 @@
} }
.error { .error {
background-image: url("chrome://devtools/skin/themes/images/editor-error.png"); background-image: url("chrome://devtools/skin/images/editor-error.png");
opacity: 0.75; opacity: 0.75;
} }
.breakpoint { .breakpoint {
background-image: url("chrome://devtools/skin/themes/images/editor-breakpoint.png"); background-image: url("chrome://devtools/skin/images/editor-breakpoint.png");
position: relative; position: relative;
} }
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.breakpoint { .breakpoint {
background-image: url("chrome://devtools/skin/themes/images/editor-breakpoint@2x.png"); background-image: url("chrome://devtools/skin/images/editor-breakpoint@2x.png");
} }
} }
@ -53,26 +53,26 @@
} }
.debugLocation { .debugLocation {
background-image: url("chrome://devtools/skin/themes/images/editor-debug-location.png"); background-image: url("chrome://devtools/skin/images/editor-debug-location.png");
} }
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.debugLocation { .debugLocation {
background-image: url("chrome://devtools/skin/themes/images/editor-debug-location@2x.png"); background-image: url("chrome://devtools/skin/images/editor-debug-location@2x.png");
} }
} }
.breakpoint.debugLocation { .breakpoint.debugLocation {
background-image: background-image:
url("chrome://devtools/skin/themes/images/editor-debug-location.png"), url("chrome://devtools/skin/images/editor-debug-location.png"),
url("chrome://devtools/skin/themes/images/editor-breakpoint.png"); url("chrome://devtools/skin/images/editor-breakpoint.png");
} }
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.breakpoint.debugLocation { .breakpoint.debugLocation {
background-image: background-image:
url("chrome://devtools/skin/themes/images/editor-debug-location@2x.png"), url("chrome://devtools/skin/images/editor-debug-location@2x.png"),
url("chrome://devtools/skin/themes/images/editor-breakpoint@2x.png"); url("chrome://devtools/skin/images/editor-breakpoint@2x.png");
} }
} }

2
devtools/client/sourceeditor/editor.js
View File

@ -46,7 +46,7 @@ const { OS } = Services.appinfo;
// order to initialize a CodeMirror instance. // order to initialize a CodeMirror instance.
const CM_STYLES = [ const CM_STYLES = [
"chrome://devtools/skin/themes/common.css", "chrome://devtools/skin/common.css",
"chrome://devtools/content/sourceeditor/codemirror/codemirror.css", "chrome://devtools/content/sourceeditor/codemirror/codemirror.css",
"chrome://devtools/content/sourceeditor/codemirror/dialog/dialog.css", "chrome://devtools/content/sourceeditor/codemirror/dialog/dialog.css",
"chrome://devtools/content/sourceeditor/codemirror/mozilla.css" "chrome://devtools/content/sourceeditor/codemirror/mozilla.css"

6
devtools/client/storage/storage.xul
View File

@ -4,9 +4,9 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/storage.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/storage.css" type="text/css"?>
<?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?> <?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?>

8
devtools/client/styleeditor/styleeditor.xul
View File

@ -16,11 +16,11 @@
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/splitview.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/splitview.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/splitview.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/splitview.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/styleeditor/styleeditor.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/styleeditor/styleeditor.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/styleeditor.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/styleeditor.css" type="text/css"?>
<?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?> <?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?>
<xul:window xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" <xul:window xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"

4
devtools/client/styleinspector/computedview.xhtml
View File

@ -28,8 +28,8 @@
<title>&computedViewTitle;</title> <title>&computedViewTitle;</title>
<link rel="stylesheet" href="chrome://global/skin/global.css" type="text/css"/> <link rel="stylesheet" href="chrome://global/skin/global.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/computedview.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/computedview.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/> <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/>

4
devtools/client/styleinspector/cssruleview.xhtml
View File

@ -14,9 +14,9 @@
<head> <head>
<title>&ruleViewTitle;</title> <title>&ruleViewTitle;</title>
<link rel="stylesheet" href="chrome://global/skin/global.css" type="text/css"/> <link rel="stylesheet" href="chrome://global/skin/global.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/content/styleinspector/ruleview.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/content/styleinspector/ruleview.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/ruleview.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/ruleview.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/> <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/>
<script type="application/javascript;version=1.8"> <script type="application/javascript;version=1.8">
window.setPanel = function(panel, iframe) { window.setPanel = function(panel, iframe) {

6
devtools/client/themes/animationinspector.css
View File

@ -122,7 +122,7 @@ body {
} }
#element-picker::before { #element-picker::before {
background-image: url("chrome://devtools/skin/themes/images/command-pick.png"); background-image: url("chrome://devtools/skin/images/command-pick.png");
} }
.pause-button::before { .pause-button::before {
@ -144,7 +144,7 @@ body {
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
#element-picker::before { #element-picker::before {
background-image: url("chrome://devtools/skin/themes/images/command-pick@2x.png"); background-image: url("chrome://devtools/skin/images/command-pick@2x.png");
background-size: 64px; background-size: 64px;
} }
@ -397,7 +397,7 @@ body {
} }
.animation-target .node-highlighter { .animation-target .node-highlighter {
background: url("chrome://devtools/skin/themes/images/vview-open-inspector.png") no-repeat 0 0; background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0;
padding-left: 16px; padding-left: 16px;
margin-right: 5px; margin-right: 5px;
cursor: pointer; cursor: pointer;

4
devtools/client/themes/canvasdebugger.css
View File

@ -39,11 +39,11 @@
} }
#record-snapshot { #record-snapshot {
list-style-image: url("chrome://devtools/skin/themes/images/profiler-stopwatch.svg"); list-style-image: url("chrome://devtools/skin/images/profiler-stopwatch.svg");
} }
#record-snapshot[checked] { #record-snapshot[checked] {
list-style-image: url("chrome://devtools/skin/themes/images/profiler-stopwatch-checked.svg"); list-style-image: url("chrome://devtools/skin/images/profiler-stopwatch-checked.svg");
} }
/* Snapshots items */ /* Snapshots items */

14
devtools/client/themes/commandline.inc.css
View File

@ -52,7 +52,7 @@
:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image, :root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before { :root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
filter: url("chrome://devtools/skin/themes/images/filters.svg#invert"); filter: url("chrome://devtools/skin/images/filters.svg#invert");
} }
.developer-toolbar-button > .toolbarbutton-icon, .developer-toolbar-button > .toolbarbutton-icon,
@ -62,7 +62,7 @@
} }
#developer-toolbar-toolbox-button { #developer-toolbar-toolbox-button {
list-style-image: url("chrome://devtools/skin/themes/images/toggle-tools.png"); list-style-image: url("chrome://devtools/skin/images/toggle-tools.png");
-moz-image-region: rect(0px, 16px, 16px, 0px); -moz-image-region: rect(0px, 16px, 16px, 0px);
} }
@ -84,7 +84,7 @@
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
#developer-toolbar-toolbox-button { #developer-toolbar-toolbox-button {
list-style-image: url("chrome://devtools/skin/themes/images/toggle-tools@2x.png"); list-style-image: url("chrome://devtools/skin/images/toggle-tools@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px); -moz-image-region: rect(0px, 32px, 32px, 0px);
} }
@ -102,7 +102,7 @@
} }
#developer-toolbar-closebutton { #developer-toolbar-closebutton {
list-style-image: url("chrome://devtools/skin/themes/images/close.png"); list-style-image: url("chrome://devtools/skin/images/close.png");
-moz-appearance: none; -moz-appearance: none;
border: none; border: none;
margin: 0 4px; margin: 0 4px;
@ -113,7 +113,7 @@
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
#developer-toolbar-closebutton { #developer-toolbar-closebutton {
list-style-image: url("chrome://devtools/skin/themes/images/close@2x.png"); list-style-image: url("chrome://devtools/skin/images/close@2x.png");
} }
} }
@ -190,7 +190,7 @@ html|*#gcli-output-frame {
width: 16px; width: 16px;
height: 16px; height: 16px;
margin: 0 2px; margin: 0 2px;
background-image: url("chrome://devtools/skin/themes/images/commandline-icon.png"); background-image: url("chrome://devtools/skin/images/commandline-icon.png");
background-position: 0 center; background-position: 0 center;
background-size: 32px 16px; background-size: 32px 16px;
} }
@ -201,7 +201,7 @@ html|*#gcli-output-frame {
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.gclitoolbar-input-node::before { .gclitoolbar-input-node::before {
background-image: url("chrome://devtools/skin/themes/images/commandline-icon@2x.png"); background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png");
} }
} }

16
devtools/client/themes/dark-theme.css
View File

@ -267,7 +267,7 @@ div.CodeMirror span.eval-text {
width: 14px; width: 14px;
height: 14px; height: 14px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url("chrome://devtools/skin/themes/images/controls.png"); background-image: url("chrome://devtools/skin/images/controls.png");
background-size: 56px 28px; background-size: 56px 28px;
} }
@ -302,7 +302,7 @@ div.CodeMirror span.eval-text {
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.theme-twisty, .theme-checkbox { .theme-twisty, .theme-checkbox {
background-image: url("chrome://devtools/skin/themes/images/controls@2x.png"); background-image: url("chrome://devtools/skin/images/controls@2x.png");
} }
} }
@ -319,34 +319,34 @@ div.CodeMirror span.eval-text {
/* Overring panel arrow images to fit with our light and dark themes */ /* Overring panel arrow images to fit with our light and dark themes */
.theme-tooltip-panel .panel-arrow[side="top"] { .theme-tooltip-panel .panel-arrow[side="top"] {
list-style-image: url("chrome://devtools/skin/themes/tooltip/arrow-vertical-dark.png"); list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark.png");
margin-bottom: -4px; margin-bottom: -4px;
} }
.theme-tooltip-panel .panel-arrow[side="bottom"] { .theme-tooltip-panel .panel-arrow[side="bottom"] {
list-style-image: url("chrome://devtools/skin/themes/tooltip/arrow-vertical-dark.png"); list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark.png");
margin-top: -4px; margin-top: -4px;
} }
.theme-tooltip-panel .panel-arrow[side="left"] { .theme-tooltip-panel .panel-arrow[side="left"] {
list-style-image: url("chrome://devtools/skin/themes/tooltip/arrow-horizontal-dark.png"); list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark.png");
margin-right: -4px; margin-right: -4px;
} }
.theme-tooltip-panel .panel-arrow[side="right"] { .theme-tooltip-panel .panel-arrow[side="right"] {
list-style-image: url("chrome://devtools/skin/themes/tooltip/arrow-horizontal-dark.png"); list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark.png");
margin-left: -4px; margin-left: -4px;
} }
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.theme-tooltip-panel .panel-arrow[side="top"], .theme-tooltip-panel .panel-arrow[side="top"],
.theme-tooltip-panel .panel-arrow[side="bottom"] { .theme-tooltip-panel .panel-arrow[side="bottom"] {
list-style-image: url("chrome://devtools/skin/themes/tooltip/arrow-vertical-dark@2x.png"); list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark@2x.png");
} }
.theme-tooltip-panel .panel-arrow[side="left"], .theme-tooltip-panel .panel-arrow[side="left"],
.theme-tooltip-panel .panel-arrow[side="right"] { .theme-tooltip-panel .panel-arrow[side="right"] {
list-style-image: url("chrome://devtools/skin/themes/tooltip/arrow-horizontal-dark@2x.png"); list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark@2x.png");
} }
} }

16
devtools/client/themes/light-theme.css
View File

@ -267,7 +267,7 @@ div.CodeMirror span.eval-text {
width: 14px; width: 14px;
height: 14px; height: 14px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url("chrome://devtools/skin/themes/images/controls.png"); background-image: url("chrome://devtools/skin/images/controls.png");
background-size: 56px 28px; background-size: 56px 28px;
} }
@ -311,7 +311,7 @@ div.CodeMirror span.eval-text {
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.theme-twisty, .theme-checkbox { .theme-twisty, .theme-checkbox {
background-image: url("chrome://devtools/skin/themes/images/controls@2x.png"); background-image: url("chrome://devtools/skin/images/controls@2x.png");
} }
} }
@ -328,34 +328,34 @@ div.CodeMirror span.eval-text {
/* Overring panel arrow images to fit with our light and dark themes */ /* Overring panel arrow images to fit with our light and dark themes */
.theme-tooltip-panel .panel-arrow[side="top"] { .theme-tooltip-panel .panel-arrow[side="top"] {
list-style-image: url("chrome://devtools/skin/themes/tooltip/arrow-vertical-light.png"); list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-light.png");
margin-bottom: -4px; margin-bottom: -4px;
} }
.theme-tooltip-panel .panel-arrow[side="bottom"] { .theme-tooltip-panel .panel-arrow[side="bottom"] {
list-style-image: url("chrome://devtools/skin/themes/tooltip/arrow-vertical-light.png"); list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-light.png");
margin-top: -4px; margin-top: -4px;
} }
.theme-tooltip-panel .panel-arrow[side="left"] { .theme-tooltip-panel .panel-arrow[side="left"] {
list-style-image: url("chrome://devtools/skin/themes/tooltip/arrow-horizontal-light.png"); list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-light.png");
margin-right: -4px; margin-right: -4px;
} }
.theme-tooltip-panel .panel-arrow[side="right"] { .theme-tooltip-panel .panel-arrow[side="right"] {
list-style-image: url("chrome://devtools/skin/themes/tooltip/arrow-horizontal-light.png"); list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-light.png");
margin-left: -4px; margin-left: -4px;
} }
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.theme-tooltip-panel .panel-arrow[side="top"], .theme-tooltip-panel .panel-arrow[side="top"],
.theme-tooltip-panel .panel-arrow[side="bottom"] { .theme-tooltip-panel .panel-arrow[side="bottom"] {
list-style-image: url("chrome://devtools/skin/themes/tooltip/arrow-vertical-light@2x.png"); list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-light@2x.png");
} }
.theme-tooltip-panel .panel-arrow[side="left"], .theme-tooltip-panel .panel-arrow[side="left"],
.theme-tooltip-panel .panel-arrow[side="right"] { .theme-tooltip-panel .panel-arrow[side="right"] {
list-style-image: url("chrome://devtools/skin/themes/tooltip/arrow-horizontal-light@2x.png"); list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-light@2x.png");
} }
} }

4
devtools/client/themes/memory.css
View File

@ -372,7 +372,7 @@ html, body, #app, #memory-tool {
width: 12px; width: 12px;
height: 12px; height: 12px;
max-height: 12px; max-height: 12px;
background-image: url(chrome://devtools/skin/themes/images/webconsole.svg); background-image: url(chrome://devtools/skin/images/webconsole.svg);
background-size: 72px 60px; background-size: 72px 60px;
background-position: -24px -24px; background-position: -24px -24px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -382,7 +382,7 @@ html, body, #app, #memory-tool {
} }
.theme-light .error::before { .theme-light .error::before {
background-image: url(chrome://devtools/skin/themes/images/webconsole.svg#light-icons); background-image: url(chrome://devtools/skin/images/webconsole.svg#light-icons);
} }
/** /**

8
devtools/client/themes/netmonitor.css
View File

@ -402,7 +402,7 @@ box.requests-menu-status[code^="5"] {
background: none; background: none;
box-shadow: none; box-shadow: none;
border-color: transparent; border-color: transparent;
list-style-image: url("chrome://devtools/skin/themes/images/debugger-collapse.png"); list-style-image: url("chrome://devtools/skin/images/debugger-collapse.png");
-moz-image-region: rect(0px,16px,16px,0px); -moz-image-region: rect(0px,16px,16px,0px);
} }
@ -412,7 +412,7 @@ box.requests-menu-status[code^="5"] {
} }
#details-pane-toggle[pane-collapsed] { #details-pane-toggle[pane-collapsed] {
list-style-image: url("chrome://devtools/skin/themes/images/debugger-expand.png"); list-style-image: url("chrome://devtools/skin/images/debugger-expand.png");
} }
#details-pane-toggle:active { #details-pane-toggle:active {
@ -421,12 +421,12 @@ box.requests-menu-status[code^="5"] {
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
#details-pane-toggle { #details-pane-toggle {
list-style-image: url("chrome://devtools/skin/themes/images/debugger-collapse@2x.png"); list-style-image: url("chrome://devtools/skin/images/debugger-collapse@2x.png");
-moz-image-region: rect(0px,32px,32px,0px); -moz-image-region: rect(0px,32px,32px,0px);
} }
#details-pane-toggle[pane-collapsed] { #details-pane-toggle[pane-collapsed] {
list-style-image: url("chrome://devtools/skin/themes/images/debugger-expand@2x.png"); list-style-image: url("chrome://devtools/skin/images/debugger-expand@2x.png");
} }
#details-pane-toggle:active { #details-pane-toggle:active {

8
devtools/client/themes/performance.css
View File

@ -716,7 +716,7 @@ menuitem.marker-color-graphs-grey:before,
.opt-icon::before { .opt-icon::before {
content: ""; content: "";
background-image: url(chrome://devtools/skin/themes/images/webconsole.svg); background-image: url(chrome://devtools/skin/images/webconsole.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 72px 60px; background-size: 72px 60px;
/* show grey "i" bubble by default */ /* show grey "i" bubble by default */
@ -738,7 +738,7 @@ description.opt-icon::before {
margin: 1px 4px 0px 0px; margin: 1px 4px 0px 0px;
} }
.theme-light .opt-icon::before { .theme-light .opt-icon::before {
background-image: url(chrome://devtools/skin/themes/images/webconsole.svg#light-icons); background-image: url(chrome://devtools/skin/images/webconsole.svg#light-icons);
} }
.opt-icon[severity=warning]::before { .opt-icon[severity=warning]::before {
background-position: -24px -24px; background-position: -24px -24px;
@ -771,7 +771,7 @@ ul.frames-list li.selected {
*/ */
menuitem.experimental-option::before { menuitem.experimental-option::before {
content: ""; content: "";
background-image: url(chrome://devtools/skin/themes/images/webconsole.svg); background-image: url(chrome://devtools/skin/images/webconsole.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 72px 60px; background-size: 72px 60px;
width: 12px; width: 12px;
@ -783,7 +783,7 @@ menuitem.experimental-option::before {
max-height: 12px; max-height: 12px;
} }
.theme-light menuitem.experimental-option::before { .theme-light menuitem.experimental-option::before {
background-image: url(chrome://devtools/skin/themes/images/webconsole.svg#light-icons); background-image: url(chrome://devtools/skin/images/webconsole.svg#light-icons);
} }
#performance-options-menupopup:not(.experimental-enabled) .experimental-option, #performance-options-menupopup:not(.experimental-enabled) .experimental-option,

34
devtools/client/themes/responsivedesign.inc.css
View File

@ -111,7 +111,7 @@
-moz-appearance: none; -moz-appearance: none;
display: -moz-box; display: -moz-box;
background-color: transparent; background-color: transparent;
list-style-image: url("chrome://devtools/skin/themes/images/dropmarker.svg"); list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center; -moz-box-align: center;
border-width: 0; border-width: 0;
min-width: 16px; min-width: 16px;
@ -137,7 +137,7 @@
.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, .devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { .devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
-moz-appearance: none !important; -moz-appearance: none !important;
list-style-image: url("chrome://devtools/skin/themes/images/dropmarker.svg"); list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center; -moz-box-align: center;
padding: 0 3px; padding: 0 3px;
} }
@ -148,25 +148,25 @@
} }
.devtools-responsiveui-close { .devtools-responsiveui-close {
list-style-image: url("chrome://devtools/skin/themes/images/close.png"); list-style-image: url("chrome://devtools/skin/images/close.png");
} }
.devtools-responsiveui-rotate { .devtools-responsiveui-rotate {
list-style-image: url("chrome://devtools/skin/themes/images/responsivemode/responsiveui-rotate.png"); list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate.png");
} }
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.devtools-responsiveui-close { .devtools-responsiveui-close {
list-style-image: url("chrome://devtools/skin/themes/images/close@2x.png"); list-style-image: url("chrome://devtools/skin/images/close@2x.png");
} }
.devtools-responsiveui-rotate { .devtools-responsiveui-rotate {
list-style-image: url("chrome://devtools/skin/themes/images/responsivemode/responsiveui-rotate@2x.png"); list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate@2x.png");
} }
} }
.devtools-responsiveui-touch { .devtools-responsiveui-touch {
list-style-image: url("chrome://devtools/skin/themes/images/responsivemode/responsiveui-touch.png"); list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch.png");
-moz-image-region: rect(0px,16px,16px,0px); -moz-image-region: rect(0px,16px,16px,0px);
} }
@ -176,7 +176,7 @@
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.devtools-responsiveui-touch { .devtools-responsiveui-touch {
list-style-image: url("chrome://devtools/skin/themes/images/responsivemode/responsiveui-touch@2x.png"); list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch@2x.png");
-moz-image-region: rect(0px,32px,32px,0px); -moz-image-region: rect(0px,32px,32px,0px);
} }
@ -186,12 +186,12 @@
} }
.devtools-responsiveui-screenshot { .devtools-responsiveui-screenshot {
list-style-image: url("chrome://devtools/skin/themes/images/responsivemode/responsiveui-screenshot.png"); list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-screenshot.png");
} }
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.devtools-responsiveui-screenshot { .devtools-responsiveui-screenshot {
list-style-image: url("chrome://devtools/skin/themes/images/responsivemode/responsiveui-screenshot@2x.png"); list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-screenshot@2x.png");
} }
} }
@ -201,7 +201,7 @@
cursor: ew-resize; cursor: ew-resize;
transform: translate(12px, -12px); transform: translate(12px, -12px);
background-size: cover; background-size: cover;
background-image: url("chrome://devtools/skin/themes/images/responsivemode/responsive-vertical-resizer.png"); background-image: url("chrome://devtools/skin/images/responsivemode/responsive-vertical-resizer.png");
} }
.devtools-responsiveui-resizebarH { .devtools-responsiveui-resizebarH {
@ -210,7 +210,7 @@
cursor: ns-resize; cursor: ns-resize;
transform: translate(-12px, 12px); transform: translate(-12px, 12px);
background-size: cover; background-size: cover;
background-image: url("chrome://devtools/skin/themes/images/responsivemode/responsive-horizontal-resizer.png"); background-image: url("chrome://devtools/skin/images/responsivemode/responsive-horizontal-resizer.png");
} }
.devtools-responsiveui-resizehandle { .devtools-responsiveui-resizehandle {
@ -219,7 +219,7 @@
cursor: se-resize; cursor: se-resize;
transform: translate(12px, 12px); transform: translate(12px, 12px);
background-size: cover; background-size: cover;
background-image: url("chrome://devtools/skin/themes/images/responsivemode/responsive-se-resizer.png"); background-image: url("chrome://devtools/skin/images/responsivemode/responsive-se-resizer.png");
} }
/* FxOS custom mode with additional buttons and phone look'n feel */ /* FxOS custom mode with additional buttons and phone look'n feel */
@ -267,7 +267,7 @@
-moz-user-focus: ignore; -moz-user-focus: ignore;
width: 40px; width: 40px;
height: 30px; height: 30px;
list-style-image: url("chrome://devtools/skin/themes/images/responsivemode/responsiveui-home.png"); list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-home.png");
} }
.devtools-responsiveui-sleep-button { .devtools-responsiveui-sleep-button {
@ -326,14 +326,14 @@
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.devtools-responsiveui-resizebarV { .devtools-responsiveui-resizebarV {
background-image: url("chrome://devtools/skin/themes/images/responsivemode/responsive-vertical-resizer@2x.png"); background-image: url("chrome://devtools/skin/images/responsivemode/responsive-vertical-resizer@2x.png");
} }
.devtools-responsiveui-resizebarH { .devtools-responsiveui-resizebarH {
background-image: url("chrome://devtools/skin/themes/images/responsivemode/responsive-horizontal-resizer@2x.png"); background-image: url("chrome://devtools/skin/images/responsivemode/responsive-horizontal-resizer@2x.png");
} }
.devtools-responsiveui-resizehandle { .devtools-responsiveui-resizehandle {
background-image: url("chrome://devtools/skin/themes/images/responsivemode/responsive-se-resizer@2x.png"); background-image: url("chrome://devtools/skin/images/responsivemode/responsive-se-resizer@2x.png");
} }
} }

14
devtools/client/themes/ruleview.css
View File

@ -198,18 +198,18 @@
} }
.ruleview-bezierswatch { .ruleview-bezierswatch {
background: url("chrome://devtools/skin/themes/images/cubic-bezier-swatch.png"); background: url("chrome://devtools/skin/images/cubic-bezier-swatch.png");
background-size: 1em; background-size: 1em;
} }
.ruleview-filterswatch { .ruleview-filterswatch {
background: url("chrome://devtools/skin/themes/images/filter-swatch.svg"); background: url("chrome://devtools/skin/images/filter-swatch.svg");
background-size: 1em; background-size: 1em;
} }
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.ruleview-bezierswatch { .ruleview-bezierswatch {
background: url("chrome://devtools/skin/themes/images/cubic-bezier-swatch@2x.png"); background: url("chrome://devtools/skin/images/cubic-bezier-swatch@2x.png");
background-size: 1em; background-size: 1em;
} }
} }
@ -277,7 +277,7 @@
} }
.ruleview-selectorhighlighter { .ruleview-selectorhighlighter {
background: url("chrome://devtools/skin/themes/images/vview-open-inspector.png") no-repeat 0 0; background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0;
padding-left: 16px; padding-left: 16px;
margin-left: 5px; margin-left: 5px;
cursor: pointer; cursor: pointer;
@ -293,16 +293,16 @@
} }
#ruleview-add-rule-button::before { #ruleview-add-rule-button::before {
background-image: url("chrome://devtools/skin/themes/images/add.svg"); background-image: url("chrome://devtools/skin/images/add.svg");
background-size: cover; background-size: cover;
} }
#pseudo-class-panel-toggle::before { #pseudo-class-panel-toggle::before {
background-image: url("chrome://devtools/skin/themes/images/pseudo-class.svg#pseudo-class"); background-image: url("chrome://devtools/skin/images/pseudo-class.svg#pseudo-class");
background-size: cover; background-size: cover;
} }
#pseudo-class-panel-toggle[checked]::before { #pseudo-class-panel-toggle[checked]::before {
background-image: url("chrome://devtools/skin/themes/images/pseudo-class.svg#pseudo-class-checked"); background-image: url("chrome://devtools/skin/images/pseudo-class.svg#pseudo-class-checked");
filter: none !important; filter: none !important;
} }

2
devtools/client/themes/shims/common.css
View File

@ -7,4 +7,4 @@
* specific path. * specific path.
*/ */
@import url("chrome://devtools/skin/themes/common.css"); @import url("chrome://devtools/skin/common.css");

2
devtools/client/themes/storage.css
View File

@ -15,7 +15,7 @@
} }
#storage-tree .tree-widget-item[type="store"]:after { #storage-tree .tree-widget-item[type="store"]:after {
background-image: url(chrome://devtools/skin/themes/images/filetypes/store.svg); background-image: url(chrome://devtools/skin/images/filetypes/store.svg);
background-size: 18px 18px; background-size: 18px 18px;
background-position: -1px 0; background-position: -1px 0;
} }

72
devtools/client/themes/toolbars.css
View File

@ -139,7 +139,7 @@
.devtools-menulist > .menulist-dropmarker { .devtools-menulist > .menulist-dropmarker {
-moz-appearance: none; -moz-appearance: none;
display: -moz-box; display: -moz-box;
list-style-image: url("chrome://devtools/skin/themes/images/dropmarker.svg"); list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center; -moz-box-align: center;
min-width: 16px; min-width: 16px;
} }
@ -147,7 +147,7 @@
.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { .devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
-moz-appearance: none !important; -moz-appearance: none !important;
list-style-image: url("chrome://devtools/skin/themes/images/dropmarker.svg"); list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center; -moz-box-align: center;
padding: 0 3px; padding: 0 3px;
} }
@ -227,7 +227,7 @@
.devtools-option-toolbarbutton { .devtools-option-toolbarbutton {
-moz-appearance: none; -moz-appearance: none;
list-style-image: url("chrome://devtools/skin/themes/images/tool-options.svg"); list-style-image: url("chrome://devtools/skin/images/tool-options.svg");
background: none; background: none;
opacity: .8; opacity: .8;
border: none; border: none;
@ -434,15 +434,15 @@
} }
.theme-dark .devtools-searchinput-clear { .theme-dark .devtools-searchinput-clear {
background-image: url("chrome://devtools/skin/themes/images/search-clear-dark.svg"); background-image: url("chrome://devtools/skin/images/search-clear-dark.svg");
} }
.theme-light .devtools-searchinput-clear { .theme-light .devtools-searchinput-clear {
background-image: url("chrome://devtools/skin/themes/images/search-clear-light.svg"); background-image: url("chrome://devtools/skin/images/search-clear-light.svg");
} }
.devtools-style-searchbox-no-match + .devtools-searchinput-clear { .devtools-style-searchbox-no-match + .devtools-searchinput-clear {
background-image: url("chrome://devtools/skin/themes/images/search-clear-failed.svg") !important; background-image: url("chrome://devtools/skin/images/search-clear-failed.svg") !important;
} }
.devtools-searchinput-clear:hover { .devtools-searchinput-clear:hover {
@ -450,12 +450,12 @@
} }
.theme-dark .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear { .theme-dark .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
list-style-image: url("chrome://devtools/skin/themes/images/search-clear-dark.svg"); list-style-image: url("chrome://devtools/skin/images/search-clear-dark.svg");
-moz-image-region: rect(0, 16px, 16px, 0); -moz-image-region: rect(0, 16px, 16px, 0);
} }
.theme-light .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear { .theme-light .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
list-style-image: url("chrome://devtools/skin/themes/images/search-clear-light.svg"); list-style-image: url("chrome://devtools/skin/images/search-clear-light.svg");
-moz-image-region: rect(0, 16px, 16px, 0); -moz-image-region: rect(0, 16px, 16px, 0);
} }
@ -493,7 +493,7 @@
height: 16px; height: 16px;
-moz-appearance: none; -moz-appearance: none;
background-size: 16px 16px; background-size: 16px 16px;
background-image: url("chrome://devtools/skin/themes/images/close@2x.png"); background-image: url("chrome://devtools/skin/images/close@2x.png");
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
@ -634,15 +634,15 @@
} }
#toolbox-dock-bottom > image { #toolbox-dock-bottom > image {
background-image: url("chrome://devtools/skin/themes/images/dock-bottom@2x.png"); background-image: url("chrome://devtools/skin/images/dock-bottom@2x.png");
} }
#toolbox-dock-side > image { #toolbox-dock-side > image {
background-image: url("chrome://devtools/skin/themes/images/dock-side@2x.png"); background-image: url("chrome://devtools/skin/images/dock-side@2x.png");
} }
#toolbox-dock-window > image { #toolbox-dock-window > image {
background-image: url("chrome://devtools/skin/themes/images/undock@2x.png"); background-image: url("chrome://devtools/skin/images/undock@2x.png");
} }
#toolbox-dock-bottom-minimize { #toolbox-dock-bottom-minimize {
@ -652,11 +652,11 @@
} }
#toolbox-dock-bottom-minimize > image { #toolbox-dock-bottom-minimize > image {
background-image: url("chrome://devtools/skin/themes/images/dock-bottom-minimize@2x.png"); background-image: url("chrome://devtools/skin/images/dock-bottom-minimize@2x.png");
} }
#toolbox-dock-bottom-minimize.minimized > image { #toolbox-dock-bottom-minimize.minimized > image {
background-image: url("chrome://devtools/skin/themes/images/dock-bottom-maximize@2x.png"); background-image: url("chrome://devtools/skin/images/dock-bottom-maximize@2x.png");
} }
#toolbox-dock-window, #toolbox-dock-window,
@ -731,93 +731,93 @@
} }
#command-button-paintflashing > image { #command-button-paintflashing > image {
background-image: url("chrome://devtools/skin/themes/images/command-paintflashing.png"); background-image: url("chrome://devtools/skin/images/command-paintflashing.png");
} }
#command-button-screenshot > image { #command-button-screenshot > image {
background-image: url("chrome://devtools/skin/themes/images/command-screenshot.png"); background-image: url("chrome://devtools/skin/images/command-screenshot.png");
} }
#command-button-responsive > image { #command-button-responsive > image {
background-image: url("chrome://devtools/skin/themes/images/command-responsivemode.png"); background-image: url("chrome://devtools/skin/images/command-responsivemode.png");
} }
#command-button-tilt > image { #command-button-tilt > image {
background-image: url("chrome://devtools/skin/themes/images/command-tilt.png"); background-image: url("chrome://devtools/skin/images/command-tilt.png");
} }
#command-button-scratchpad > image { #command-button-scratchpad > image {
background-image: url("chrome://devtools/skin/themes/images/command-scratchpad.png"); background-image: url("chrome://devtools/skin/images/command-scratchpad.png");
background-size: 48px 16px; background-size: 48px 16px;
} }
#command-button-pick > image { #command-button-pick > image {
background-image: url("chrome://devtools/skin/themes/images/command-pick.png"); background-image: url("chrome://devtools/skin/images/command-pick.png");
} }
#command-button-frames > image { #command-button-frames > image {
background-image: url("chrome://devtools/skin/themes/images/command-frames.png"); background-image: url("chrome://devtools/skin/images/command-frames.png");
} }
#command-button-splitconsole > image { #command-button-splitconsole > image {
background-image: url("chrome://devtools/skin/themes/images/command-console.png"); background-image: url("chrome://devtools/skin/images/command-console.png");
} }
#command-button-eyedropper > image { #command-button-eyedropper > image {
background-image: url("chrome://devtools/skin/themes/images/command-eyedropper.png"); background-image: url("chrome://devtools/skin/images/command-eyedropper.png");
} }
#command-button-rulers > image { #command-button-rulers > image {
background-image: url("chrome://devtools/skin/themes/images/command-rulers.png"); background-image: url("chrome://devtools/skin/images/command-rulers.png");
} }
#command-button-measure > image { #command-button-measure > image {
background-image: url("chrome://devtools/skin/themes/images/command-measure.png"); background-image: url("chrome://devtools/skin/images/command-measure.png");
} }
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
#command-button-paintflashing > image { #command-button-paintflashing > image {
background-image: url("chrome://devtools/skin/themes/images/command-paintflashing@2x.png"); background-image: url("chrome://devtools/skin/images/command-paintflashing@2x.png");
} }
#command-button-screenshot > image { #command-button-screenshot > image {
background-image: url("chrome://devtools/skin/themes/images/command-screenshot@2x.png"); background-image: url("chrome://devtools/skin/images/command-screenshot@2x.png");
} }
#command-button-responsive > image { #command-button-responsive > image {
background-image: url("chrome://devtools/skin/themes/images/command-responsivemode@2x.png"); background-image: url("chrome://devtools/skin/images/command-responsivemode@2x.png");
} }
#command-button-tilt > image { #command-button-tilt > image {
background-image: url("chrome://devtools/skin/themes/images/command-tilt@2x.png"); background-image: url("chrome://devtools/skin/images/command-tilt@2x.png");
} }
#command-button-scratchpad > image { #command-button-scratchpad > image {
background-image: url("chrome://devtools/skin/themes/images/command-scratchpad@2x.png"); background-image: url("chrome://devtools/skin/images/command-scratchpad@2x.png");
} }
#command-button-pick > image { #command-button-pick > image {
background-image: url("chrome://devtools/skin/themes/images/command-pick@2x.png"); background-image: url("chrome://devtools/skin/images/command-pick@2x.png");
} }
#command-button-frames > image { #command-button-frames > image {
background-image: url("chrome://devtools/skin/themes/images/command-frames@2x.png"); background-image: url("chrome://devtools/skin/images/command-frames@2x.png");
} }
#command-button-splitconsole > image { #command-button-splitconsole > image {
background-image: url("chrome://devtools/skin/themes/images/command-console@2x.png"); background-image: url("chrome://devtools/skin/images/command-console@2x.png");
} }
#command-button-eyedropper > image { #command-button-eyedropper > image {
background-image: url("chrome://devtools/skin/themes/images/command-eyedropper@2x.png"); background-image: url("chrome://devtools/skin/images/command-eyedropper@2x.png");
} }
#command-button-rulers > image { #command-button-rulers > image {
background-image: url("chrome://devtools/skin/themes/images/command-rulers@2x.png"); background-image: url("chrome://devtools/skin/images/command-rulers@2x.png");
} }
#command-button-measure > image { #command-button-measure > image {
background-image: url("chrome://devtools/skin/themes/images/command-measure@2x.png"); background-image: url("chrome://devtools/skin/images/command-measure@2x.png");
} }
} }

4
devtools/client/themes/webaudioeditor.css
View File

@ -79,10 +79,10 @@ g.edgeLabel tspan {
*/ */
.theme-light .nodes g.bypassed rect { .theme-light .nodes g.bypassed rect {
fill: url(chrome://devtools/skin/themes/images/filters.svg#bypass-light); fill: url(chrome://devtools/skin/images/filters.svg#bypass-light);
} }
.theme-dark .nodes g.bypassed rect { .theme-dark .nodes g.bypassed rect {
fill: url(chrome://devtools/skin/themes/images/filters.svg#bypass-dark); fill: url(chrome://devtools/skin/images/filters.svg#bypass-dark);
} }
.nodes g.bypassed.selected rect { .nodes g.bypassed.selected rect {
stroke: var(--theme-selection-background); stroke: var(--theme-selection-background);

10
devtools/client/themes/webconsole.css
View File

@ -44,7 +44,7 @@ a {
.message > .icon::before { .message > .icon::before {
content: ""; content: "";
background-image: url(chrome://devtools/skin/themes/images/webconsole.svg); background-image: url(chrome://devtools/skin/images/webconsole.svg);
background-position: 12px 12px; background-position: 12px 12px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 72px 60px; background-size: 72px 60px;
@ -54,7 +54,7 @@ a {
} }
.theme-light .message > .icon::before { .theme-light .message > .icon::before {
background-image: url(chrome://devtools/skin/themes/images/webconsole.svg#light-icons); background-image: url(chrome://devtools/skin/images/webconsole.svg#light-icons);
} }
.message > .message-body-wrapper { .message > .message-body-wrapper {
@ -383,7 +383,7 @@ a {
/* Always allow scrolling on input - it auto expands in js by setting height, /* Always allow scrolling on input - it auto expands in js by setting height,
but don't want it to get bigger than the window. 24px = toolbar height. */ but don't want it to get bigger than the window. 24px = toolbar height. */
max-height: calc(90vh - 24px); max-height: calc(90vh - 24px);
background-image: -moz-image-rect(url("chrome://devtools/skin/themes/images/commandline-icon.png"), 0, 32, 16, 16); background-image: -moz-image-rect(url("chrome://devtools/skin/images/commandline-icon.png"), 0, 32, 16, 16);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px 16px; background-size: 16px 16px;
color: var(--theme-content-color1); color: var(--theme-content-color1);
@ -391,7 +391,7 @@ a {
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.jsterm-input-node { .jsterm-input-node {
background-image: -moz-image-rect(url('chrome://devtools/skin/themes/images/commandline-icon@2x.png'), 0, 64, 32, 32); background-image: -moz-image-rect(url('chrome://devtools/skin/images/commandline-icon@2x.png'), 0, 64, 32, 32);
} }
} }
@ -519,7 +519,7 @@ a {
/* Open DOMNode in inspector button */ /* Open DOMNode in inspector button */
.open-inspector { .open-inspector {
background: url("chrome://devtools/skin/themes/images/vview-open-inspector.png") no-repeat 0 0; background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0;
padding-left: 16px; padding-left: 16px;
margin-left: 5px; margin-left: 5px;
cursor: pointer; cursor: pointer;

26
devtools/client/themes/widgets.css
View File

@ -641,7 +641,7 @@
} }
.variable-or-property-non-writable-icon { .variable-or-property-non-writable-icon {
background: url("chrome://devtools/skin/themes/images/vview-lock.png") no-repeat; background: url("chrome://devtools/skin/images/vview-lock.png") no-repeat;
background-size: cover; background-size: cover;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -649,7 +649,7 @@
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.variable-or-property-non-writable-icon { .variable-or-property-non-writable-icon {
background-image: url("chrome://devtools/skin/themes/images/vview-lock@2x.png"); background-image: url("chrome://devtools/skin/images/vview-lock@2x.png");
} }
} }
@ -741,7 +741,7 @@
/* Variables and properties editing */ /* Variables and properties editing */
.variables-view-delete { .variables-view-delete {
background: url("chrome://devtools/skin/themes/images/vview-delete.png"); background: url("chrome://devtools/skin/images/vview-delete.png");
background-size: cover; background-size: cover;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -749,7 +749,7 @@
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.variables-view-delete { .variables-view-delete {
background-image: url("chrome://devtools/skin/themes/images/vview-delete@2x.png"); background-image: url("chrome://devtools/skin/images/vview-delete@2x.png");
} }
} }
@ -766,7 +766,7 @@
} }
.variables-view-edit { .variables-view-edit {
background: url("chrome://devtools/skin/themes/images/vview-edit.png"); background: url("chrome://devtools/skin/images/vview-edit.png");
background-size: cover; background-size: cover;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -775,7 +775,7 @@
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.variables-view-edit { .variables-view-edit {
background-image: url("chrome://devtools/skin/themes/images/vview-edit@2x.png"); background-image: url("chrome://devtools/skin/images/vview-edit@2x.png");
} }
} }
@ -792,7 +792,7 @@
} }
.variables-view-open-inspector { .variables-view-open-inspector {
background: url("chrome://devtools/skin/themes/images/vview-open-inspector.png"); background: url("chrome://devtools/skin/images/vview-open-inspector.png");
background-size: cover; background-size: cover;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -801,7 +801,7 @@
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.variables-view-open-inspector { .variables-view-open-inspector {
background-image: url("chrome://devtools/skin/themes/images/vview-open-inspector@2x.png"); background-image: url("chrome://devtools/skin/images/vview-open-inspector@2x.png");
} }
} }
@ -1374,7 +1374,7 @@
float: left; float: left;
margin: 3px 2px -3px; margin: 3px 2px -3px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url("chrome://devtools/skin/themes/images/controls.png"); background-image: url("chrome://devtools/skin/images/controls.png");
background-size: 56px 28px; background-size: 56px 28px;
cursor: pointer; cursor: pointer;
background-position: -28px -14px; background-position: -28px -14px;
@ -1432,7 +1432,7 @@
@media (min-resolution: 1.1dppx) { @media (min-resolution: 1.1dppx) {
.tree-widget-item:before { .tree-widget-item:before {
background-image: url("chrome://devtools/skin/themes/images/controls@2x.png"); background-image: url("chrome://devtools/skin/images/controls@2x.png");
} }
} }
@ -1502,18 +1502,18 @@
} }
.tree-widget-item[type="dir"]::after { .tree-widget-item[type="dir"]::after {
background-image: url(chrome://devtools/skin/themes/images/filetypes/dir-close.svg); background-image: url(chrome://devtools/skin/images/filetypes/dir-close.svg);
background-position: 2px 0; background-position: 2px 0;
background-size: auto 16px; background-size: auto 16px;
width: 20px; width: 20px;
} }
.tree-widget-item[type="dir"][expanded]:not([empty])::after { .tree-widget-item[type="dir"][expanded]:not([empty])::after {
background-image: url(chrome://devtools/skin/themes/images/filetypes/dir-open.svg); background-image: url(chrome://devtools/skin/images/filetypes/dir-open.svg);
} }
.tree-widget-item[type="url"]::after { .tree-widget-item[type="url"]::after {
background-image: url(chrome://devtools/skin/themes/images/filetypes/globe.svg); background-image: url(chrome://devtools/skin/images/filetypes/globe.svg);
background-size: auto 18px; background-size: auto 18px;
width: 18px; width: 18px;
} }

6
devtools/client/webaudioeditor/webaudioeditor.xul
View File

@ -4,9 +4,9 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/webaudioeditor.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/webaudioeditor.css" type="text/css"?>
<!DOCTYPE window [ <!DOCTYPE window [
<!ENTITY % debuggerDTD SYSTEM "chrome://browser/locale/devtools/webaudioeditor.dtd"> <!ENTITY % debuggerDTD SYSTEM "chrome://browser/locale/devtools/webaudioeditor.dtd">
%debuggerDTD; %debuggerDTD;

6
devtools/client/webconsole/webconsole.xul
View File

@ -7,11 +7,11 @@
%webConsoleDTD; %webConsoleDTD;
]> ]>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css" <?xml-stylesheet href="chrome://devtools/skin/common.css"
type="text/css"?> type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/widgets.css" <?xml-stylesheet href="chrome://devtools/skin/widgets.css"
type="text/css"?> type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/webconsole.css" <?xml-stylesheet href="chrome://devtools/skin/webconsole.css"
type="text/css"?> type="text/css"?>
<?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?> <?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"

2
devtools/client/webide/content/logs.xhtml
View File

@ -13,7 +13,7 @@
<head> <head>
<meta charset="utf8"/> <meta charset="utf8"/>
<link rel="stylesheet" href="chrome://webide/skin/deck.css" type="text/css"/> <link rel="stylesheet" href="chrome://webide/skin/deck.css" type="text/css"/>
<link rel="stylesheet" href="chrome://devtools/skin/themes/common.css" type="text/css"/> <link rel="stylesheet" href="chrome://devtools/skin/common.css" type="text/css"/>
<link rel="stylesheet" href="chrome://webide/skin/logs.css" type="text/css"/> <link rel="stylesheet" href="chrome://webide/skin/logs.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"></script> <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"></script>
<script type="application/javascript;version=1.8" src="logs.js"></script> <script type="application/javascript;version=1.8" src="logs.js"></script>

2
devtools/client/webide/content/webide.xul
View File

@ -12,7 +12,7 @@
<?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?> <?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?>
<?xml-stylesheet href="chrome://global/skin/global.css"?> <?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://devtools/skin/themes/common.css"?> <?xml-stylesheet href="chrome://devtools/skin/common.css"?>
<?xml-stylesheet href="chrome://webide/skin/webide.css"?> <?xml-stylesheet href="chrome://webide/skin/webide.css"?>
<window id="webide" onclose="return UI.canCloseProject();" <window id="webide" onclose="return UI.canCloseProject();"

2
devtools/client/webide/modules/app-manager.js
View File

@ -29,7 +29,7 @@ const Strings = Services.strings.createBundle("chrome://browser/locale/devtools/
var AppManager = exports.AppManager = { var AppManager = exports.AppManager = {
DEFAULT_PROJECT_ICON: "chrome://devtools/skin/themes/webide/default-app-icon.png", DEFAULT_PROJECT_ICON: "chrome://devtools/skin/webide/default-app-icon.png",
DEFAULT_PROJECT_NAME: "--", DEFAULT_PROJECT_NAME: "--",
_initialized: false, _initialized: false,