diff --git a/src/assets/layout/home.fxml b/src/assets/layout/home.fxml
index 25eaeb0..224f486 100644
--- a/src/assets/layout/home.fxml
+++ b/src/assets/layout/home.fxml
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
 <?import javafx.scene.control.Label?>
+<?import javafx.scene.image.ImageView?>
 <?import javafx.scene.layout.Pane?>
 <?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.text.Font?>
@@ -13,5 +14,29 @@
             <Font name="Centaur" size="31.0" />
          </font>
       </Label>
+      <Rectangle id="rectangle-3" height="140.0" layoutX="10.0" layoutY="50.0" width="730.0" />
+      <Label id="lable" layoutX="43.0" layoutY="63.0" text="NEW LAYOUTS">
+         <font>
+            <Font name="Centaur" size="20.0" />
+         </font>
+      </Label>
+      <Label id="lable" layoutX="202.0" layoutY="67.0" text="Out in PreDev-0.2.3" />
+      <Label id="lable" layoutX="43.0" layoutY="98.0" text="Two new thems to cheack out :">
+         <font>
+            <Font name="Centaur" size="18.0" />
+         </font>
+      </Label>
+      <Label id="lable" layoutX="43.0" layoutY="140.0" text="Light :">
+         <font>
+            <Font name="Centaur" size="16.0" />
+         </font>
+      </Label>
+      <ImageView fitHeight="56.0" fitWidth="89.0" layoutX="97.0" layoutY="123.0" pickOnBounds="true" preserveRatio="true" />
+      <Label id="lable" layoutX="217.0" layoutY="139.0" text="Dark:">
+         <font>
+            <Font name="Centaur" size="16.0" />
+         </font>
+      </Label>
+      <ImageView fitHeight="56.0" fitWidth="89.0" layoutX="275.0" layoutY="123.0" pickOnBounds="true" preserveRatio="true" />
    </children>
 </Pane>
diff --git a/src/assets/layout/instance.fxml b/src/assets/layout/instance.fxml
index 858d7d6..1956e73 100644
--- a/src/assets/layout/instance.fxml
+++ b/src/assets/layout/instance.fxml
@@ -19,7 +19,7 @@
         <Rectangle id="rectangle-3" height="140.0" layoutX="13.0" layoutY="50.0" width="346.0" />
         <ImageView fitHeight="101.0" fitWidth="102.0" layoutX="30.0" layoutY="61.0" pickOnBounds="true" preserveRatio="true">
             <image>
-                <Image url="@../icons/." />
+                <Image url="@../icons/modpack-default-img.png" />
             </image>
         </ImageView>
         <Label id="lable" layoutX="159.0" layoutY="61.0" text="Vanilla Minecraft">
diff --git a/src/assets/layout/modpacks.fxml b/src/assets/layout/modpacks.fxml
index c21811f..6bc2181 100644
--- a/src/assets/layout/modpacks.fxml
+++ b/src/assets/layout/modpacks.fxml
@@ -17,11 +17,11 @@
                 <Font name="Centaur" size="31.0" />
             </font>
         </Label>
-      <TextField id="search-modpacks" layoutX="518.0" layoutY="2.0" prefHeight="25.0" prefWidth="212.0" promptText="Search Modpacks" />
+      <TextField id="search-modpacks" layoutX="475.0" layoutY="2.0" prefHeight="37.0" prefWidth="261.0" promptText="Search Modpacks" />
       <Rectangle id="rectangle-3" height="140.0" layoutX="10.0" layoutY="50.0" width="720.0" />
       <ImageView fitHeight="119.0" fitWidth="138.0" layoutX="30.0" layoutY="61.0" pickOnBounds="true" preserveRatio="true">
          <image>
-            <Image url="@../icons/app.png" />
+            <Image url="@../icons/modpack-default-img.png" />
          </image>
       </ImageView>
       <Label id="lable" layoutX="205.0" layoutY="61.0" text="Example Modpack Layout">
diff --git a/src/assets/style/dark-theme.css b/src/assets/style/dark-theme.css
index cddac46..4116ddd 100644
--- a/src/assets/style/dark-theme.css
+++ b/src/assets/style/dark-theme.css
@@ -28,9 +28,9 @@
 }
 
 #download-modpack:hover, #view-modpack:hover, #Launch-VM:hover {
-    -fx-background-color: #2a2a2a;
+    -fx-background-color: #ffffff;
     -fx-background-radius: 0em;
-    -fx-text-fill: white;
+    -fx-text-fill: #000000;
 }
 
 #default-theme,#dark-theme, #light-theme {
@@ -97,15 +97,15 @@
 }
 
 .tab:hover{
-    -fx-background-color: #191919;
+    -fx-background-color: #0d0d0d;
 
 }
 
 .selected {
-    -fx-background-color: #303030;
+    -fx-background-color: #060606;
     -fx-background-radius: 0em;
 }
 
 .selected:hover {
-    -fx-background-color: #303030;
+    -fx-background-color: #060606;
 }
\ No newline at end of file
diff --git a/src/assets/style/default-theme.css b/src/assets/style/default-theme.css
index ee8f828..562a30a 100644
--- a/src/assets/style/default-theme.css
+++ b/src/assets/style/default-theme.css
@@ -1,40 +1,40 @@
 #pane {
-    -fx-background-color: #050317;
+    -fx-background-color: #05030c;
 }
 #rectangle {
-    -fx-fill: #050517;
+    -fx-fill: #050519;
     -fx-text-fill: white;
 }
 
 #rectangle-1 {
-    -fx-fill: #080920;
+    -fx-fill: #070620;
     -fx-text-fill: white;
 }
 
 #rectangle-2 {
-    -fx-fill: #050517;
+    -fx-fill: #060317;
     -fx-text-fill: white;
 }
 
 #rectangle-3 {
-    -fx-fill: #100839;
+    -fx-fill: #0b052e;
     -fx-text-fill: white;
 }
 
 #download-modpack, #view-modpack, #Launch-VM {
-    -fx-background-color: #1b1d4d;
+    -fx-background-color: #0a073b;
     -fx-background-radius: 0em;
     -fx-text-fill: white;
 }
 
 #download-modpack:hover, #view-modpack:hover, #Launch-VM:hover {
-    -fx-background-color: #151341;
+    -fx-background-color: #07061b;
     -fx-background-radius: 0em;
     -fx-text-fill: white;
 }
 
 #default-theme,#dark-theme, #light-theme {
-    -fx-background-color: #181a39;
+    -fx-background-color: #0d072f;
     -fx-background-radius: 0em;
     -fx-text-fill: white;
 }
@@ -97,15 +97,15 @@
 }
 
 .tab:hover{
-    -fx-background-color: #0c182d;
+    -fx-background-color: #09042e;
 
 }
 
 .selected {
-    -fx-background-color: #0c182d;
+    -fx-background-color: #05030c;
     -fx-background-radius: 0em;
 }
 
 .selected:hover {
-    -fx-background-color: #0c182d;
+    -fx-background-color: #05030c;
 }
\ No newline at end of file
diff --git a/src/assets/style/light-theme.css b/src/assets/style/light-theme.css
index 8d65850..1bf8e42 100644
--- a/src/assets/style/light-theme.css
+++ b/src/assets/style/light-theme.css
@@ -2,39 +2,39 @@
     -fx-background-color: #ffffff;
 }
 #rectangle {
-    -fx-fill: #7d7d7d;
+    -fx-fill: #cccccc;
     -fx-text-fill: black;
 }
 
 #rectangle-1 {
-    -fx-fill: #8e8e8e;
+    -fx-fill: #8c8c8c;
     -fx-text-fill: black;
 }
 
 #rectangle-2 {
-    -fx-fill: #7d7d7d;
+    -fx-fill: #e5e5e5;
     -fx-text-fill: black;
 }
 
 #rectangle-3 {
-    -fx-fill: #979797;
+    -fx-fill: #cdcdcd;
     -fx-text-fill: black;
 }
 
 #download-modpack, #view-modpack, #Launch-VM {
-    -fx-background-color: #b1b1b1;
+    -fx-background-color: #b8b8b8;
     -fx-background-radius: 0em;
     -fx-text-fill: black;
 }
 
 #download-modpack:hover, #view-modpack:hover, #Launch-VM:hover {
-    -fx-background-color: #6d6d6d;
+    -fx-background-color: #000000;
     -fx-background-radius: 0em;
-    -fx-text-fill: black;
+    -fx-text-fill: white;
 }
 
 #default-theme,#dark-theme, #light-theme {
-    -fx-background-color: #7d7d7d;
+    -fx-background-color: #979797;
     -fx-background-radius: 0em;
     -fx-text-fill: black;
 }
@@ -62,7 +62,7 @@
 }
 
 #Modpack-back {
-    -fx-fill: #9b9b9b;
+    -fx-fill: #c3c3c3;
     -fx-text-fill: black;
 }
 #exit, #min{
@@ -76,7 +76,7 @@
 #search-modpacks {
     -fx-prompt-text-fill: black;
     -fx-text-fill: black;
-    -fx-background-color: #9b9b9b;
+    -fx-background-color: #c3c3c3;
     -fx-padding: 10px;
 }
 
@@ -97,15 +97,15 @@
 }
 
 .tab:hover{
-    -fx-background-color: #858585;
+    -fx-background-color: #c4c4c4;
 
 }
 
 .selected {
-    -fx-background-color: #e2e2e2;
+    -fx-background-color: #ffffff;
     -fx-background-radius: 0em;
 }
 
 .selected:hover {
-    -fx-background-color: #e2e2e2;
+    -fx-background-color: #fff;
 }
\ No newline at end of file