From 8bb55b74f5b93fe47063fe94043d6b67c7a6af11 Mon Sep 17 00:00:00 2001
From: Nicola Benaglia <nico.benaz@gmail.com>
Date: Sat, 12 Apr 2025 17:05:17 +0200
Subject: [PATCH] Change sun color/background

---
 src/components/Theme/ThemeSelector.tsx | 66 +++++++++++++-------------
 1 file changed, 33 insertions(+), 33 deletions(-)

diff --git a/src/components/Theme/ThemeSelector.tsx b/src/components/Theme/ThemeSelector.tsx
index 5b55f53..dbf9d90 100644
--- a/src/components/Theme/ThemeSelector.tsx
+++ b/src/components/Theme/ThemeSelector.tsx
@@ -1,58 +1,58 @@
-import { useThemeContext } from "./ThemeContext";
-import { styled, Switch } from "@mui/material";
+import { useThemeContext } from './ThemeContext';
+import { styled, Switch } from '@mui/material';
 
 const ThemeSwitch = styled(Switch)(({ theme }) => ({
   width: 62,
   height: 34,
   padding: 7,
-  "& .MuiSwitch-switchBase": {
+  '& .MuiSwitch-switchBase': {
     margin: 1,
     padding: 0,
-    transform: "translateX(6px)",
-    "&.Mui-checked": {
-      color: "#fff",
-      transform: "translateX(22px)",
-      "& .MuiSwitch-thumb:before": {
+    transform: 'translateX(6px)',
+    '&.Mui-checked': {
+      color: '#fff',
+      transform: 'translateX(22px)',
+      '& .MuiSwitch-thumb:before': {
         backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 20 20"><path fill="${encodeURIComponent(
-          "#fff"
+          '#fff'
         )}" d="M4.2 2.5l-.7 1.8-1.8.7 1.8.7.7 1.8.6-1.8L6.7 5l-1.9-.7-.6-1.8zm15 8.3a6.7 6.7 0 11-6.6-6.6 5.8 5.8 0 006.6 6.6z"/></svg>')`,
       },
-      "& + .MuiSwitch-track": {
+      '& + .MuiSwitch-track': {
         opacity: 1,
-        backgroundColor: "#aab4be",
-        ...theme.applyStyles("dark", {
-          backgroundColor: "#8796A5",
+        backgroundColor: '#aab4be',
+        ...theme.applyStyles('dark', {
+          backgroundColor: '#8796A5',
         }),
       },
     },
   },
-  "& .MuiSwitch-thumb": {
-    backgroundColor: "#001e3c",
+  '& .MuiSwitch-thumb': {
+    backgroundColor: '#fde402',
     width: 32,
     height: 32,
-    "&::before": {
+    '&::before': {
       content: "''",
-      position: "absolute",
-      width: "100%",
-      height: "100%",
+      position: 'absolute',
+      width: '100%',
+      height: '100%',
       left: 0,
       top: 0,
-      backgroundRepeat: "no-repeat",
-      backgroundPosition: "center",
+      backgroundRepeat: 'no-repeat',
+      backgroundPosition: 'center',
       backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 20 20"><path fill="${encodeURIComponent(
-        "#fff"
+        '#000000'
       )}" d="M9.305 1.667V3.75h1.389V1.667h-1.39zm-4.707 1.95l-.982.982L5.09 6.072l.982-.982-1.473-1.473zm10.802 0L13.927 5.09l.982.982 1.473-1.473-.982-.982zM10 5.139a4.872 4.872 0 00-4.862 4.86A4.872 4.872 0 0010 14.862 4.872 4.872 0 0014.86 10 4.872 4.872 0 0010 5.139zm0 1.389A3.462 3.462 0 0113.471 10a3.462 3.462 0 01-3.473 3.472A3.462 3.462 0 016.527 10 3.462 3.462 0 0110 6.528zM1.665 9.305v1.39h2.083v-1.39H1.666zm14.583 0v1.39h2.084v-1.39h-2.084zM5.09 13.928L3.616 15.4l.982.982 1.473-1.473-.982-.982zm9.82 0l-.982.982 1.473 1.473.982-.982-1.473-1.473zM9.305 16.25v2.083h1.389V16.25h-1.39z"/></svg>')`,
     },
-    ...theme.applyStyles("dark", {
-      backgroundColor: "#003892",
+    ...theme.applyStyles('dark', {
+      backgroundColor: '#003892',
     }),
   },
-  "& .MuiSwitch-track": {
+  '& .MuiSwitch-track': {
     opacity: 1,
-    backgroundColor: "#aab4be",
+    backgroundColor: '#aab4be',
     borderRadius: 20 / 2,
-    ...theme.applyStyles("dark", {
-      backgroundColor: "#8796A5",
+    ...theme.applyStyles('dark', {
+      backgroundColor: '#8796A5',
     }),
   },
 }));
@@ -62,14 +62,14 @@ const ThemeSelector = ({ style }) => {
   return (
     <div
       style={{
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: "1px",
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        gap: '1px',
         ...style,
       }}
     >
-      <ThemeSwitch checked={themeMode === "dark"} onChange={toggleTheme} />
+      <ThemeSwitch checked={themeMode === 'dark'} onChange={toggleTheme} />
     </div>
   );
 };