Bug 1552067 - move common error/warning/error icons to devtools/client/themes/images/. r=nchevobbe,fvsch
Differential Revision: https://phabricator.services.mozilla.com/D35496 --HG-- rename : devtools/client/themes/images/alert.svg => devtools/client/themes/images/alert-small.svg rename : devtools/client/themes/images/webconsole/error.svg => devtools/client/themes/images/error-small.svg rename : devtools/client/themes/images/webconsole/info.svg => devtools/client/themes/images/info-small.svg extra : moz-landing-system : lando
|
@ -204,7 +204,7 @@ button {
|
|||
height: 12px;
|
||||
vertical-align: 0;
|
||||
margin-inline-end: 8px;
|
||||
background-image: url(chrome://devtools/skin/images/alert.svg);
|
||||
background-image: url(chrome://devtools/skin/images/alert-small.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
|
|
@ -69,7 +69,12 @@ devtools.jar:
|
|||
skin/images/accessibility.svg (themes/images/accessibility.svg)
|
||||
skin/images/add.svg (themes/images/add.svg)
|
||||
skin/images/alert.svg (themes/images/alert.svg)
|
||||
skin/images/alert-small.svg (themes/images/alert-small.svg)
|
||||
skin/images/alert-tiny.svg (themes/images/alert-tiny.svg)
|
||||
skin/images/error.svg (themes/images/error.svg)
|
||||
skin/images/error-small.svg (themes/images/error-small.svg)
|
||||
skin/images/info.svg (themes/images/info.svg)
|
||||
skin/images/info-small.svg (themes/images/info-small.svg)
|
||||
skin/images/arrow.svg (themes/images/arrow.svg)
|
||||
skin/images/arrow-big.svg (themes/images/arrow-big.svg)
|
||||
skin/images/arrowhead-left.svg (themes/images/arrowhead-left.svg)
|
||||
|
@ -122,8 +127,6 @@ devtools.jar:
|
|||
skin/images/rules-view-print-simulation.svg (themes/images/rules-view-print-simulation.svg)
|
||||
skin/markup.css (themes/markup.css)
|
||||
skin/webconsole.css (themes/webconsole.css)
|
||||
skin/images/webconsole/error.svg (themes/images/webconsole/error.svg)
|
||||
skin/images/webconsole/info.svg (themes/images/webconsole/info.svg)
|
||||
skin/images/webconsole/input.svg (themes/images/webconsole/input.svg)
|
||||
skin/images/webconsole/navigation.svg (themes/images/webconsole/navigation.svg)
|
||||
skin/images/webconsole/return.svg (themes/images/webconsole/return.svg)
|
||||
|
|
|
@ -475,7 +475,7 @@
|
|||
height: 12px;
|
||||
vertical-align: -1px;
|
||||
margin-inline-start: 5px;
|
||||
background-image: url(chrome://devtools/skin/images/alert.svg);
|
||||
background-image: url(chrome://devtools/skin/images/alert-small.svg);
|
||||
background-size: cover;
|
||||
-moz-context-properties: fill;
|
||||
fill: var(--yellow-60);
|
||||
|
|
|
@ -0,0 +1,6 @@
|
|||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
|
||||
<path fill="context-fill" d="M6 0a1 1 0 0 1 .89.54l5 9.6A1 1 0 0 1 11 11.6H1a1 1 0 0 1-.89-1.46l5-9.6A1 1 0 0 1 6 0zm-.25 8a.75.75 0 0 0-.75.75v.5c0 .41.34.75.75.75h.5c.41 0 .75-.34.75-.75v-.5A.75.75 0 0 0 6.25 8h-.5zM7 3.7a1 1 0 1 0-2 0v2.6a1 1 0 1 0 2 0V3.7z" />
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 570 B |
|
@ -1,6 +1,6 @@
|
|||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
|
||||
<path fill="context-fill" d="M6 0a1 1 0 0 1 .89.54l5 9.6A1 1 0 0 1 11 11.6H1a1 1 0 0 1-.89-1.46l5-9.6A1 1 0 0 1 6 0zm-.25 8a.75.75 0 0 0-.75.75v.5c0 .41.34.75.75.75h.5c.41 0 .75-.34.75-.75v-.5A.75.75 0 0 0 6.25 8h-.5zM7 3.7a1 1 0 1 0-2 0v2.6a1 1 0 1 0 2 0V3.7z" />
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||
<path fill="context-fill" d="M14.742 12.106L9.789 2.2a2 2 0 0 0-3.578 0l-4.953 9.91A2 2 0 0 0 3.047 15h9.905a2 2 0 0 0 1.79-2.894zM7 5a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zm1 8.25A1.25 1.25 0 1 1 9.25 12 1.25 1.25 0 0 1 8 13.25z" />
|
||||
</svg>
|
||||
|
|
До Ширина: | Высота: | Размер: 570 B После Ширина: | Высота: | Размер: 531 B |
До Ширина: | Высота: | Размер: 538 B После Ширина: | Высота: | Размер: 538 B |
|
@ -0,0 +1,6 @@
|
|||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
|
||||
<path fill="context-fill" fill-rule="evenodd" d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm0-3.429a1.143 1.143 0 1 0 0-2.285 1.143 1.143 0 0 0 0 2.285zm0-3.428c.631 0 1.143-.512 1.143-1.143V4.571a1.143 1.143 0 0 0-2.286 0V8c0 .631.512 1.143 1.143 1.143z"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 556 B |
До Ширина: | Высота: | Размер: 538 B После Ширина: | Высота: | Размер: 538 B |
|
@ -0,0 +1,6 @@
|
|||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||
<path fill="context-fill" d="M8 1a7 7 0 1 0 7 7 7.008 7.008 0 0 0-7-7zm0 13a6 6 0 1 1 6-6 6.007 6.007 0 0 1-6 6zm0-7a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0V8a1 1 0 0 0-1-1zm0-3.188A1.188 1.188 0 1 0 9.188 5 1.188 1.188 0 0 0 8 3.812z" />
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 534 B |
|
@ -83,7 +83,7 @@
|
|||
height: 12px;
|
||||
max-height: 12px;
|
||||
margin-inline-end: 5px;
|
||||
background-image: url(chrome://devtools/skin/images/webconsole/info.svg);
|
||||
background-image: url(chrome://devtools/skin/images/info-small.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
-moz-context-properties: fill;
|
||||
|
@ -91,7 +91,7 @@
|
|||
}
|
||||
|
||||
.opt-icon.warning::before {
|
||||
background-image: url(chrome://devtools/skin/images/alert.svg);
|
||||
background-image: url(chrome://devtools/skin/images/alert-small.svg);
|
||||
fill: var(--yellow-60);
|
||||
}
|
||||
|
||||
|
|
|
@ -580,7 +580,7 @@ html, body, #app, #memory-tool {
|
|||
height: 12px;
|
||||
max-height: 12px;
|
||||
margin-inline-end: 5px;
|
||||
background-image: url(chrome://devtools/skin/images/alert.svg);
|
||||
background-image: url(chrome://devtools/skin/images/alert-small.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
-moz-context-properties: fill;
|
||||
|
|
|
@ -775,7 +775,7 @@ menuitem.experimental-option::before {
|
|||
max-height: 12px;
|
||||
margin-top: 2px;
|
||||
margin-inline-end: 5px;
|
||||
background-image: url(chrome://devtools/skin/images/alert.svg);
|
||||
background-image: url(chrome://devtools/skin/images/alert-small.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
-moz-context-properties: fill;
|
||||
|
|
|
@ -371,12 +371,12 @@
|
|||
}
|
||||
|
||||
.ruleview-warning {
|
||||
background-image: url(chrome://devtools/skin/images/alert.svg);
|
||||
background-image: url(chrome://devtools/skin/images/alert-small.svg);
|
||||
fill: var(--yellow-60);
|
||||
}
|
||||
|
||||
.ruleview-unused-warning {
|
||||
background-image: url(chrome://devtools/skin/images/webconsole/info.svg);
|
||||
background-image: url(chrome://devtools/skin/images/info-small.svg);
|
||||
background-color: var(--theme-sidebar-background);
|
||||
fill: var(--theme-icon-dimmed-color);
|
||||
}
|
||||
|
|
|
@ -50,6 +50,8 @@
|
|||
--theme-icon-color: rgba(12, 12, 13, 0.8);
|
||||
--theme-icon-dimmed-color: rgba(135, 135, 137, 0.9);
|
||||
--theme-icon-checked-color: var(--blue-60);
|
||||
--theme-icon-error-color: var(--red-60);
|
||||
--theme-icon-warning-color: var(--yellow-65);
|
||||
|
||||
/* Text color */
|
||||
--theme-comment: var(--grey-50);
|
||||
|
@ -151,6 +153,8 @@
|
|||
--theme-icon-color: rgba(249, 249, 250, 0.7);
|
||||
--theme-icon-dimmed-color: rgba(147, 147, 149, 0.9);
|
||||
--theme-icon-checked-color: var(--blue-30);
|
||||
--theme-icon-error-color: var(--red-40);
|
||||
--theme-icon-warning-color: var(--yellow-60);
|
||||
|
||||
/* Text color */
|
||||
--theme-comment: var(--grey-45);
|
||||
|
|
|
@ -21,11 +21,9 @@
|
|||
--console-error-background: hsl(345, 23%, 24%);
|
||||
--console-error-border: hsl(345, 30%, 35%);
|
||||
--console-error-color: var(--red-20);
|
||||
--console-error-icon-color: var(--red-40);
|
||||
--console-warning-background: hsl(42, 37%, 19%);
|
||||
--console-warning-border: hsl(60, 30%, 26%);
|
||||
--console-warning-color: hsl(43, 94%, 81%);
|
||||
--console-warning-icon-color: var(--yellow-60);
|
||||
--console-navigation-color: var(--theme-highlight-blue);
|
||||
--console-navigation-border: var(--blue-60);
|
||||
--console-indent-border-color: var(--theme-highlight-blue);
|
||||
|
@ -45,11 +43,9 @@
|
|||
--console-error-background: hsl(344, 73%, 97%);
|
||||
--console-error-border: rgba(215, 0, 34, 0.12); /* Red 60 + opacity */
|
||||
--console-error-color: var(--red-70);
|
||||
--console-error-icon-color: var(--red-60);
|
||||
--console-warning-background: hsl(54, 100%, 92%);
|
||||
--console-warning-border: rgba(215, 182, 0, 0.28); /* Yellow 60 + opacity */
|
||||
--console-warning-color: var(--yellow-80);
|
||||
--console-warning-icon-color: var(--yellow-65);
|
||||
--console-navigation-color: var(--theme-highlight-blue);
|
||||
--console-navigation-border: var(--blue-30);
|
||||
--console-indent-border-color: var(--theme-highlight-blue);
|
||||
|
@ -280,17 +276,17 @@ a {
|
|||
|
||||
.message.info > .icon {
|
||||
color: var(--theme-icon-color);
|
||||
background-image: url(chrome://devtools/skin/images/webconsole/info.svg);
|
||||
background-image: url(chrome://devtools/skin/images/info-small.svg);
|
||||
}
|
||||
|
||||
.message.error > .icon {
|
||||
color: var(--console-error-icon-color);
|
||||
background-image: url(chrome://devtools/skin/images/webconsole/error.svg);
|
||||
color: var(--theme-icon-error-color);
|
||||
background-image: url(chrome://devtools/skin/images/error-small.svg);
|
||||
}
|
||||
|
||||
.message.warn > .icon {
|
||||
color: var(--console-warning-icon-color);
|
||||
background-image: url(chrome://devtools/skin/images/alert.svg);
|
||||
color: var(--theme-icon-warning-color);
|
||||
background-image: url(chrome://devtools/skin/images/alert-small.svg);
|
||||
}
|
||||
|
||||
.message.navigationMarker > .icon {
|
||||
|
|