Changed Things

src/assets/style/dark-theme.css

@@ -1,11 +1,20 @@
 #pane {
-    -fx-background-color: rgb(62, 62, 62);
+    -fx-background-color: rgba(7, 4, 20, 0.85);
 }
 #rectangle {
-    -fx-fill: #1a1a1a;
+    -fx-fill: #050517;
 }
+
+#rectangle-1 {
+    -fx-fill: #080920;
+}
+
+#rectangle-2 {
+    -fx-fill: #0d0d39;
+}
+
 #Modpack-back {
-    -fx-fill: #424242;
+    -fx-fill: #0a0e2e;
 }
 #exit, #min{
     -fx-background-color: rgba(30, 25, 25, 0);
@@ -15,7 +24,7 @@
 }
 #search-modpacks {
     -fx-text-inner-color: white;
-    -fx-background-color: rgb(82, 82, 82);
+    -fx-background-color: rgba(0, 0, 0, 0.17);
     -fx-padding: 10px;
 }
 
@@ -25,15 +34,15 @@
 }
 
 .tab:hover{
-    -fx-background-color: #898989;
+    -fx-background-color: #0c182d;
 
 }
 
 .selected {
-    -fx-background-color: #535353;
+    -fx-background-color: #0c182d;
     -fx-background-radius: 0em;
 }
 
 .selected:hover {
-    -fx-background-color: #898989;
+    -fx-background-color: #0c182d;
 }

src/assets/style/light-theme.css

@@ -0,0 +1,48 @@
+#pane {
+    -fx-background-color: rgba(206, 206, 206, 0.85);
+}
+#rectangle {
+    -fx-fill: #898989;
+}
+
+#rectangle-1 {
+    -fx-fill: #bfbfbf;
+}
+
+#rectangle-2 {
+    -fx-fill: #909090;
+}
+
+#Modpack-back {
+    -fx-fill: #9f9f9f;
+}
+#exit, #min{
+    -fx-background-color: rgba(30, 25, 25, 0);
+}
+#min:hover, #exit:hover{
+    -fx-background-color: #bf0000;
+}
+#search-modpacks {
+    -fx-text-inner-color: white;
+    -fx-background-color: rgba(0, 0, 0, 0.17);
+    -fx-padding: 10px;
+}
+
+.tab {
+    -fx-background-color: rgba(0, 0, 0, 0);
+    -fx-background-radius: 0em;
+}
+
+.tab:hover{
+    -fx-background-color: #d5d5d5;
+
+}
+
+.selected {
+    -fx-background-color: #6e6e6e;
+    -fx-background-radius: 0em;
+}
+
+.selected:hover {
+    -fx-background-color: #6e6e6e;
+}