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

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
    - 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" fill="context-fill #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"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="context-fill #0b0b0b" stroke="context-stroke #0b0b0b">
+  <ellipse cx="8" cy="8" rx="4" ry="4"/>
+  <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>

devtools/client/themes/rules.css

@@ -767,11 +767,13 @@
   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");
+  -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");
 }