From d60a75341618756810b0269c93bc2b0dfd977174 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Fri, 15 Nov 2024 01:40:14 +0900
Subject: [PATCH] Fix: Content - Radio icon #1022

https://github.com/mozilla/gecko-dev/commit/09079239a4030f9a0a4d6280af67ee9b17f68696
---
 css/leptonChrome.css            | 4 ++--
 css/leptonChromeESR.css         | 2 +-
 css/leptonContent.css           | 4 ++--
 css/leptonContentESR.css        | 2 +-
 icons/radio.svg                 | 6 ++++++
 src/utils/_proton_elements.scss | 2 +-
 6 files changed, 13 insertions(+), 7 deletions(-)
 create mode 100644 icons/radio.svg

diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 163fcf91..96e9e09b 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -2516,7 +2516,7 @@
       fill: currentColor !important;
       color: var(--in-content-primary-button-text-color) !important;
       background-color: var(--in-content-primary-button-background) !important;
-      background-image: url("chrome://global/skin/icons/radio.svg") !important;
+      background-image: url("../icons/radio.svg") !important;
       border-color: transparent !important;
       /* Style the button also when printing with "Print Backgrounds" unchecked */
       color-adjust: exact !important;
@@ -16428,7 +16428,7 @@
       fill: currentColor !important;
       color: var(--in-content-primary-button-text-color) !important;
       background-color: var(--in-content-primary-button-background) !important;
-      background-image: url("chrome://global/skin/icons/radio.svg") !important;
+      background-image: url("../icons/radio.svg") !important;
       border-color: transparent !important;
       /* Style the button also when printing with "Print Backgrounds" unchecked */
       color-adjust: exact !important;
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
index b8f5290e..bbefec68 100644
--- a/css/leptonChromeESR.css
+++ b/css/leptonChromeESR.css
@@ -2833,7 +2833,7 @@
       fill: currentColor !important;
       color: var(--in-content-primary-button-text-color) !important;
       background-color: var(--in-content-primary-button-background) !important;
-      background-image: url("chrome://global/skin/icons/radio.svg") !important;
+      background-image: url("../icons/radio.svg") !important;
       border-color: transparent !important;
       /* Style the button also when printing with "Print Backgrounds" unchecked */
       color-adjust: exact !important;
diff --git a/css/leptonContent.css b/css/leptonContent.css
index ee807bb5..e766e4fd 100644
--- a/css/leptonContent.css
+++ b/css/leptonContent.css
@@ -2877,7 +2877,7 @@
           fill: currentColor !important;
           color: var(--in-content-primary-button-text-color) !important;
           background-color: var(--in-content-primary-button-background) !important;
-          background-image: url("chrome://global/skin/icons/radio.svg") !important;
+          background-image: url("../icons/radio.svg") !important;
           border-color: transparent !important;
           /* Style the button also when printing with "Print Backgrounds" unchecked */
           color-adjust: exact !important;
@@ -6702,7 +6702,7 @@
         fill: currentColor !important;
         color: var(--in-content-primary-button-text-color) !important;
         background-color: var(--in-content-primary-button-background) !important;
-        background-image: url("chrome://global/skin/icons/radio.svg") !important;
+        background-image: url("../icons/radio.svg") !important;
         border-color: transparent !important;
         /* Style the button also when printing with "Print Backgrounds" unchecked */
         color-adjust: exact !important;
diff --git a/css/leptonContentESR.css b/css/leptonContentESR.css
index a0def8e1..db307e30 100644
--- a/css/leptonContentESR.css
+++ b/css/leptonContentESR.css
@@ -2880,7 +2880,7 @@
           fill: currentColor !important;
           color: var(--in-content-primary-button-text-color) !important;
           background-color: var(--in-content-primary-button-background) !important;
-          background-image: url("chrome://global/skin/icons/radio.svg") !important;
+          background-image: url("../icons/radio.svg") !important;
           border-color: transparent !important;
           /* Style the button also when printing with "Print Backgrounds" unchecked */
           color-adjust: exact !important;
diff --git a/icons/radio.svg b/icons/radio.svg
new file mode 100644
index 00000000..21ec9fd4
--- /dev/null
+++ b/icons/radio.svg
@@ -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" fill="context-fill" fill-opacity="context-fill-opacity">
+  <circle cx="8" cy="8" r="4"/>
+</svg>
diff --git a/src/utils/_proton_elements.scss b/src/utils/_proton_elements.scss
index 24b8d5e8..bdc0acf1 100644
--- a/src/utils/_proton_elements.scss
+++ b/src/utils/_proton_elements.scss
@@ -31,7 +31,7 @@
   color: var(--in-content-primary-button-text-color) !important;
 
   background-color: var(--in-content-primary-button-background) !important;
-  background-image: url("chrome://global/skin/icons/radio.svg") !important;
+  background-image: url("../icons/radio.svg") !important;
   border-color: transparent !important;
 
   /* Style the button also when printing with "Print Backgrounds" unchecked */