From 090b1672e504b4360a622a36182f6c281082d46e Mon Sep 17 00:00:00 2001
From: Nicolas Chevobbe <nchevobbe@mozilla.com>
Date: Fri, 12 Feb 2021 17:20:15 +0000
Subject: [PATCH] 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
---
 .../themes/images/rules-view-light-mode-simulation.svg     | 7 ++++---
 devtools/client/themes/rules.css                           | 6 ++++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/devtools/client/themes/images/rules-view-light-mode-simulation.svg b/devtools/client/themes/images/rules-view-light-mode-simulation.svg
index 337da75e615a..13ec129f0af6 100644
--- a/devtools/client/themes/images/rules-view-light-mode-simulation.svg
+++ b/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>
\ No newline at end of file
+<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>
diff --git a/devtools/client/themes/rules.css b/devtools/client/themes/rules.css
index 99b4257d74a9..33c24cb2a0d6 100644
--- a/devtools/client/themes/rules.css
+++ b/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");
 }