From ed9a0271f7c49b499ab07487072cfd7bab5277db Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Thu, 23 Nov 2023 17:04:44 +0330
Subject: [PATCH] style: change primary color

---
 src/components/buttons/play/play.module.css         | 8 ++++----
 src/components/buttons/unselect/unselect.module.css | 8 ++++----
 src/components/sections/why/why.module.css          | 2 +-
 src/components/sound/sound.module.css               | 6 +++---
 src/components/sounds/sounds.module.css             | 2 +-
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/buttons/play/play.module.css b/src/components/buttons/play/play.module.css
index aa15934..b94978d 100644
--- a/src/components/buttons/play/play.module.css
+++ b/src/components/buttons/play/play.module.css
@@ -6,10 +6,10 @@
   justify-content: center;
   border: none;
   border-radius: 100px;
-  border-top: 2px solid #818cf8;
-  border-bottom: 3px solid #4f46e5;
-  background-color: #6366f1;
-  color: var(--color-foreground);
+  border-top: 2px solid #34d399;
+  border-bottom: 3px solid #059669;
+  background-color: #10b981;
+  color: #022c22;
   cursor: pointer;
   font-family: var(--font-heading);
   font-size: var(--font-base);
diff --git a/src/components/buttons/unselect/unselect.module.css b/src/components/buttons/unselect/unselect.module.css
index 9b1c43d..c9ba445 100644
--- a/src/components/buttons/unselect/unselect.module.css
+++ b/src/components/buttons/unselect/unselect.module.css
@@ -23,10 +23,10 @@
   }
 
   &.restore {
-    border-top-color: #34d399;
-    border-bottom-color: #047857;
-    background-color: #10b981;
-    color: var(--color-foreground);
+    border-top-color: var(--color-neutral-950);
+    border-bottom-color: var(--color-neutral-600);
+    background-color: var(--color-neutral-700);
+    color: var(--color-neutral-200);
   }
 }
 
diff --git a/src/components/sections/why/why.module.css b/src/components/sections/why/why.module.css
index e06d165..3823f02 100644
--- a/src/components/sections/why/why.module.css
+++ b/src/components/sections/why/why.module.css
@@ -37,7 +37,7 @@
       border-radius: 12px;
       margin-bottom: 12px;
       background: linear-gradient(var(--color-neutral-100), transparent);
-      color: #818cf8;
+      color: #34d399;
       font-size: var(--font-lg);
     }
 
diff --git a/src/components/sound/sound.module.css b/src/components/sound/sound.module.css
index 8ccaa8c..3d0e2db 100644
--- a/src/components/sound/sound.module.css
+++ b/src/components/sound/sound.module.css
@@ -72,11 +72,11 @@
   &.selected {
     border-color: transparent;
     box-shadow:
-      0 0 0 2px #818cf8,
-      0 10px 20px #818cf833;
+      0 0 0 2px #34d399,
+      0 10px 20px #34d39933;
 
     & .icon {
-      color: #818cf8;
+      color: #34d399;
     }
   }
 
diff --git a/src/components/sounds/sounds.module.css b/src/components/sounds/sounds.module.css
index fcf8774..f22ee8f 100644
--- a/src/components/sounds/sounds.module.css
+++ b/src/components/sounds/sounds.module.css
@@ -44,7 +44,7 @@
     width: 8px;
     height: 8px;
     border-radius: 50%;
-    background-color: #818cf8;
+    background-color: #34d399;
     content: '';
   }
 }