mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 1692472 - [devtools] Tweak the light mode simulation icon. r=jdescottes. 

The sun icon is modified so it doesn't look similar to the settings icon we're
using through devtools.

Differential Revision: https://phabricator.services.mozilla.com/D105026
This commit is contained in:
Nicolas Chevobbe 2021-02-12 17:20:15 +00:00
Родитель 235c331e8e
Коммит 090b1672e5
2 изменённых файлов: 8 добавлений и 5 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

7
devtools/client/themes/images/rules-view-light-mode-simulation.svg
Просмотреть файл

@ -1,6 +1,7 @@
<!-- 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/. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="context-fill #0b0b0b"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="context-fill #0b0b0b" stroke="context-stroke #0b0b0b">
<path fill-rule="evenodd" d="M10.14 2.83L8 0 5.86 2.83l-3.52-.49.49 3.52L0 8l2.83 2.14-.49 3.52 3.52-.49L8 16l2.14-2.83 3.52.49-.49-3.52L16 8l-2.83-2.14.49-3.52-3.52.49zM8 12a4 4 0 100-8 4 4 0 000 8z"/> <ellipse cx="8" cy="8" rx="4" ry="4"/>
</svg> <path d="M8 1V2M8 14V15M1 8H2M14 8H15M3.05024 3.05025L3.75735 3.75736M12.2426 12.2426L12.9497 12.9497M3.05024 12.9497L3.75735 12.2426M12.2426 3.75736L12.9497 3.05025" stroke-width="2" stroke-linecap="round"/>
</svg>

Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 512 B

После

Ширина:  |  Высота:  |  Размер: 592 B

6
devtools/client/themes/rules.css
Просмотреть файл

@ -767,11 +767,13 @@
background-image: url("chrome://devtools/skin/images/rules-view-print-simulation.svg"); background-image: url("chrome://devtools/skin/images/rules-view-print-simulation.svg");
} }
#color-scheme-simulation-light-toggle:before { #color-scheme-simulation-light-toggle::before {
background-image: url("chrome://devtools/skin/images/rules-view-light-mode-simulation.svg"); background-image: url("chrome://devtools/skin/images/rules-view-light-mode-simulation.svg");
-moz-context-properties: fill, stroke;
stroke: currentColor;
} }
#color-scheme-simulation-dark-toggle:before { #color-scheme-simulation-dark-toggle::before {
background-image: url("chrome://devtools/skin/images/rules-view-dark-mode-simulation.svg"); background-image: url("chrome://devtools/skin/images/rules-view-dark-mode-simulation.svg");
} }