Style changes for dark mode

assets/css/index.css

@@ -26,15 +26,16 @@
 }
 
 :root[theme="dark"] {
-	--background: rgb(40, 40, 40);
+	--background: #141d28;
 	--text: white;
-	--box-main: rgb(62, 60, 60);
-	--box-toggle: rgb(47, 47, 47);
-	--box-toggleOn: rgb(2, 123, 63);
+	--box-main: #161b26;
+	--box-toggle: #141924;
+	--box-separation: #1c2331;
+	--box-toggleOn: #1d2835;
 	--item-bg: rgb(75, 75, 75);
 	--box-shadow: none;
 	--select: rgb(68 214 141);
-	--greenBtn: #56a025;
+	--greenBtn: #24D166;
 	--greenBtn-bottom: #3e6c20;
 	--redBtn: #c82b2d;
 	--redBtn-bottom: #803334;
@@ -347,7 +348,7 @@ body {
 	margin: auto;
 	top: 20%;
 	background-color: var(--box-main);
-	border-radius: 10px;
+	border-radius: 15px;
 	width: 80%;
 	padding: 10px 10px 15px 10px;
 	color: var(--text);
@@ -362,7 +363,7 @@ body {
 #audioExtract, .separationBox {
 	margin: 10px;
 	padding: 10px;
-	background-color: var(--box-toggle);
+	background-color: var(--box-separation);
 	border-radius: 10px;
 }
 
@@ -386,6 +387,7 @@ body {
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
+	padding-top: 10px;
 }
 
 .toggleBtn {