Changed Things

src/assets/layout/modpacks.fxml

@@ -18,7 +18,7 @@
             </font>
         </Label>
       <TextField id="search-modpacks" layoutX="518.0" layoutY="2.0" prefHeight="25.0" prefWidth="212.0" promptText="Search Modpacks" />
-      <Rectangle fill="#100839" height="140.0" layoutX="10.0" layoutY="50.0" stroke="BLACK" strokeType="INSIDE" width="720.0" />
+      <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" />
@@ -29,8 +29,8 @@
             <Font name="Centaur" size="20.0" />
          </font>
       </Label>
-      <Button layoutX="644.0" layoutY="155.0" mnemonicParsing="false" text="View" />
+      <Button id="download-modpack" layoutX="644.0" layoutY="155.0" mnemonicParsing="false" text="View" />
-      <Button layoutX="553.0" layoutY="155.0" mnemonicParsing="false" text="Download" />
+      <Button id="view-modpack" layoutX="553.0" layoutY="155.0" mnemonicParsing="false" text="Download" />
       <Label id="lable" layoutX="205.0" layoutY="86.0" prefHeight="25.0" prefWidth="480.0" text="Some random text. " wrapText="true" />
     </children>
 </Pane>

src/assets/style/dark-theme.css

@@ -16,6 +16,11 @@
     -fx-text-fill: white;
 }
 
+#rectangle-3 {
+    -fx-fill: #272727;
+    -fx-text-fill: white;
+}
+
 #default-theme,#dark-theme, #light-theme {
     -fx-background-color: #252525;
     -fx-background-radius: 0em;

src/assets/style/default-theme.css

@@ -16,6 +16,18 @@
     -fx-text-fill: white;
 }
 
+#rectangle-3 {
+    -fx-fill: #100839;
+    -fx-text-fill: white;
+}
+
+#download-modpack, #view-modpack {
+    -fx-background-color: #1b1d4d;
+    -fx-background-radius: 0em;
+    -fx-padding: 5px;
+    -fx-text-fill: white;
+}
+
 #default-theme,#dark-theme, #light-theme {
     -fx-background-color: #181a39;
     -fx-background-radius: 0em;

src/assets/style/light-theme.css

@@ -16,6 +16,11 @@
     -fx-text-fill: black;
 }
 
+#rectangle-3 {
+    -fx-fill: #979797;
+    -fx-text-fill: black;
+}
+
 #default-theme,#dark-theme, #light-theme {
     -fx-background-color: #7d7d7d;
     -fx-background-radius: 0em;