Merge pull request #61 from Mayotopia04/reyBranchModal

modal bg
Mayotopia04 · Jul 16, 2024 · 28be651 · 28be651
2 parents 441e5b6 + 37991ee
commit 28be651
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Modal/Modal.module.css b/src/components/Modal/Modal.module.css
@@ -12,7 +12,7 @@
 
     padding: 40px 20px 119px 20px;
 
-    background: var(--bg-color);
+    background: var(--modal-bg);
   }
 
   @media screen and (min-width: 768px) {

diff --git a/src/components/ThemeSwitcher/ThemeSwitcher.jsx b/src/components/ThemeSwitcher/ThemeSwitcher.jsx
@@ -27,6 +27,7 @@ const ThemeSwitcher = () => {
                 root.style.setProperty('--input-color', '#FFD35A');
                 root.style.setProperty('--option-color', '#EB5B00');
                 root.style.setProperty('--logo-filter', 'orange');
+                root.style.setProperty('--modal-bg', '#494646');
                 // Add other color properties for dark theme
                 break;
 
@@ -39,6 +40,7 @@ const ThemeSwitcher = () => {
                 root.style.setProperty('--input-color', '#9b9faa');
                 root.style.setProperty('--option-color', '#f8af28');
                 root.style.setProperty('--logo-filter', '#ffff');
+                root.style.setProperty('--modal-bg', '#fff');
                 break;
         }
     };

diff --git a/src/index.css b/src/index.css
@@ -26,6 +26,8 @@
   --options-color: #f8af28;
 
   --logo-filter: #ffffff;
+
+  --modal-bg:#494646;
 }
 
 @font-face {