From 12742d9bc47adcd81f1392d6da256686f49d228a Mon Sep 17 00:00:00 2001
From: Harry Huang <harryhuang2652@qq.com>
Date: Sun, 11 Feb 2024 19:00:53 +0800
Subject: [PATCH] Update CSS

---
 assets/UI/Main.css        | 22 +++++++++-------------
 assets/UI/RootModule.fxml | 21 +++++++++++----------
 2 files changed, 20 insertions(+), 23 deletions(-)

diff --git a/assets/UI/Main.css b/assets/UI/Main.css
index 528229af..f876e1e9 100644
--- a/assets/UI/Main.css
+++ b/assets/UI/Main.css
@@ -21,21 +21,14 @@
 /* Drop shadow for Nodes */
 .shadowed {
     /* Note: dropshadow(type, color, radius, spread, x, y) */
-    -fx-effect: dropshadow(gaussian, derive(black, 80%), 10, 0.1, 0, 0.5);
-}
-
-/* Fluorescent strokes for Shapes */
-.fluorescent {
-    -fx-stroke: #80DFFF;
-    -fx-stroke-type: outside;
-    -fx-stroke-width: 0.382px;
+    -fx-effect: dropshadow(gaussian, derive(black, 90%), 10, 0.1, 0, 0.5);
 }
 
 .root {
     -text-normal: #242424;
     -theme-color: #2A528C;
     -theme-color-dim: #8492A5;
-    -theme-color-light: #82A6D8;
+    -theme-color-light: #86ABDE;
 }
 
 /*******************************************************************************
@@ -145,13 +138,16 @@ JFXSlider {
     -fx-fill: -theme-color;
     -fx-font-size: 24px;
     -fx-font-weight: bold;
+    -fx-stroke: #80DFFF;
+    -fx-stroke-type: outside;
+    -fx-stroke-width: 0.5px;
 }
 
 .menu-btn {
     /* Regular */
     -fx-padding: 0 0 0 20px;
     -fx-font-size: 18px;
-    -fx-font-weight: bold;
+    -fx-font-weight: normal;
     -fx-fill: -theme-color;
     -fx-text-fill: -theme-color;
     -fx-text-alignment: left;
@@ -170,11 +166,11 @@ JFXSlider {
     -fx-background-color: -theme-color;
 }
 
-#Start-btn {
+#Launch-btn {
     /* Regular */
     -fx-padding: 0 0 0 20px;
     -fx-font-size: 18px;
-    -fx-font-weight: bold;
+    -fx-font-weight: normal;
     -fx-fill: white;
     -fx-text-fill: white;
     -fx-text-alignment: left;
@@ -351,7 +347,7 @@ JFXSlider {
     -fx-text-fill: white;
     -fx-background-radius: 0;
     -fx-max-height: 14px;
-    -fx-effect: dropshadow(gaussian, derive(black, 80%), 2.5, 0.25, 0.5, 1);
+    -fx-effect: dropshadow(gaussian, derive(black, 90%), 2.5, 0.25, 0.5, 1);
 }
 
 .info-tag-badge {
diff --git a/assets/UI/RootModule.fxml b/assets/UI/RootModule.fxml
index 98fdbae2..6d1def65 100644
--- a/assets/UI/RootModule.fxml
+++ b/assets/UI/RootModule.fxml
@@ -5,16 +5,16 @@
     At GPL-3.0 License
 -->
 
-<!-- ***** Root Node of ArkPets GUI Scene ***** -->
 <?import com.jfoenix.controls.*?>
 <?import javafx.geometry.*?>
-<?import javafx.scene.effect.DropShadow?>
-<?import javafx.scene.image.Image?>
-<?import javafx.scene.image.ImageView?>
+<?import javafx.scene.effect.*?>
+<?import javafx.scene.image.*?>
 <?import javafx.scene.layout.*?>
-<?import javafx.scene.paint.Color?>
+<?import javafx.scene.paint.*?>
 <?import javafx.scene.shape.*?>
-<?import javafx.scene.text.Text?>
+<?import javafx.scene.text.*?>
+
+<!-- ***** Root Node of ArkPets GUI Scene ***** -->
 <StackPane fx:id="root" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"
            prefHeight="400.0" prefWidth="600.0" styleClass="root" stylesheets="@Main.css"
            xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1"
@@ -27,8 +27,9 @@
         <Pane id="Sidebar" fx:id="sidebar" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity"
               minWidth="-Infinity" prefHeight="376.0" prefWidth="140.0" styleClass="shadowed"
               AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0" StackPane.alignment="TOP_LEFT">
-            <Text id="Title" layoutX="12.0" layoutY="55.0" styleClass="fluorescent" text="ArkPets"
-                  textAlignment="CENTER" wrappingWidth="117.0"/>
+            <Text id="Title" layoutX="12.0" layoutY="55.0" text="ArkPets" textAlignment="CENTER"
+                  wrappingWidth="117.0">
+            </Text>
             <Line endX="128.0" layoutY="66.0" startX="12.0" stroke="#0000009e"/>
             <GridPane alignment="CENTER" layoutY="88.0" prefHeight="180.0" prefWidth="140.0" styleClass="menu">
                 <columnConstraints>
@@ -79,7 +80,7 @@
                     </graphic>
                 </JFXButton>
             </GridPane>
-            <JFXButton id="Start-btn" fx:id="launchBtn" layoutX="25.0" layoutY="310.0" mnemonicParsing="false"
+            <JFXButton id="Launch-btn" fx:id="launchBtn" layoutX="25.0" layoutY="310.0" mnemonicParsing="false"
                        prefHeight="36.0" prefWidth="90.0" text="启动" textAlignment="CENTER">
                 <graphic>
                     <AnchorPane minHeight="-Infinity" minWidth="-Infinity" prefHeight="24.0" prefWidth="2.0"
@@ -140,7 +141,7 @@
                 <HBox.margin>
                     <Insets bottom="3.0" left="3.0" right="3.0" top="3.0"/>
                 </HBox.margin>
-                <Image url="@/icons/icon.png" requestedHeight="512.0" requestedWidth="512.0"/>
+                <Image requestedHeight="512.0" requestedWidth="512.0" url="@/icons/icon.png"/>
             </ImageView>
             <Text fx:id="titleText" strokeType="OUTSIDE" strokeWidth="0.0" text="ArkPets Launcher">
                 <HBox.margin>