feat: using the theme AtlantaFX

used temporarily, might discard fxml for better support

Author: Chiloven945

pom.xml

@@ -38,6 +38,13 @@
             <artifactId>log4j-core</artifactId>
             <version>2.24.3</version>
         </dependency>
+
+        <!-- AtlantaFX -->
+        <dependency>
+            <groupId>io.github.mkpaz</groupId>
+            <artifactId>atlantafx-base</artifactId>
+            <version>2.0.1</version>
+        </dependency>
     </dependencies>
 
     <build>

src/main/java/chiloven/xamlsorter/Main.java

@@ -1,5 +1,7 @@
 package chiloven.xamlsorter;
 
+import atlantafx.base.theme.CupertinoDark;
+import atlantafx.base.theme.CupertinoLight;
 import chiloven.xamlsorter.controllers.MainController;
 import chiloven.xamlsorter.modules.I18n;
 import chiloven.xamlsorter.modules.PreferencesManager;
@@ -40,6 +42,9 @@ public void start(Stage primaryStage) {
             logger.info("Starting xamlSorter.Java application");
             FXMLLoader loader = new FXMLLoader(getClass().getResource("/ui/pages/MainPage.fxml"));
 
+            Application.setUserAgentStylesheet(new CupertinoLight().getUserAgentStylesheet());
+//            Application.setUserAgentStylesheet(new CupertinoDark().getUserAgentStylesheet());
+
             PreferencesManager.reload();
             String lang = PreferencesManager.get("language", "en");
             I18n.setLocale(lang);

src/main/resources/log4j2.xml

@@ -3,15 +3,17 @@
     <Appenders>
 
         <Console name="Console" target="SYSTEM_OUT">
-            <PatternLayout pattern="[%d{HH:mm:ss.SSS}] [%replace{%t}{^JavaFX Application Thread$}{JFX App Thread}/%replace{%logger}{^chiloven\.xamlsorter\.}{}/%highlight{%level}]: %msg%n"
-                           disableAnsi="false" noConsoleNoAnsi="false"/>
+            <PatternLayout
+                    pattern="[%d{HH:mm:ss.SSS}] [%replace{%t}{^JavaFX Application Thread$}{JFX App Thread}/%replace{%logger}{^chiloven\.xamlsorter\.}{}/%highlight{%level}]: %msg%n"
+                    disableAnsi="false" noConsoleNoAnsi="false"/>
         </Console>
 
         <RollingFile name="RollingFile"
                      fileName="logs/latest.log"
                      filePattern="logs/%d{yyyy-MM-dd}-%i.log.gz"
                      append="true">
-            <PatternLayout pattern="[%d{yyyy-MM-dd HH:mm:ss.SSS}] [%replace{%t}{^JavaFX Application Thread$}{JFX App Thread}/%replace{%logger}{^chiloven\.xamlsorter\.}{}/%highlight{%level}]: %msg%n"/>
+            <PatternLayout
+                    pattern="[%d{yyyy-MM-dd HH:mm:ss.SSS}] [%replace{%t}{^JavaFX Application Thread$}{JFX App Thread}/%replace{%logger}{^chiloven\.xamlsorter\.}{}/%highlight{%level}]: %msg%n"/>
             <Filters>
                 <ThresholdFilter level="info" onMatch="ACCEPT" onMismatch="DENY"/>
             </Filters>

src/main/resources/ui/pages/MainPage.fxml

@@ -4,7 +4,8 @@
 <?import javafx.scene.control.*?>
 <?import javafx.scene.layout.*?>
 <StackPane xmlns:fx="http://javafx.com/fxml/1" fx:id="rootPane" prefHeight="600.0" prefWidth="800.0"
-           xmlns="http://javafx.com/javafx/17.0.12" fx:controller="chiloven.xamlsorter.controllers.MainController">
+           stylesheets="@../styles/startpane-temp.css" xmlns="http://javafx.com/javafx/17.0.12"
+           fx:controller="chiloven.xamlsorter.controllers.MainController">
     <VBox>
         <fx:include fx:id="topMenuBar" source="/ui/widgets/TopMenuBar.fxml"/>
         <VBox fx:id="editorBox" VBox.vgrow="ALWAYS">
@@ -30,14 +31,10 @@
     </VBox>
 
     <!-- Overlay -->
-    <StackPane fx:id="welcomeOverlay" pickOnBounds="false" style="-fx-background-color: transparent;">
-        <!-- Transparent background -->
-        <Pane prefHeight="9999" prefWidth="9999" style="-fx-background-color: rgba(0,0,0,0.28);"
-              StackPane.alignment="CENTER"/>
-        <!-- Welcome box -->
-        <VBox alignment="CENTER" maxHeight="350" maxWidth="370" spacing="18.0"
-              style="-fx-background-color: white; -fx-background-radius: 8px; -fx-padding: 40 50;">
-            <Label style="-fx-font-size:28px; -fx-font-weight:bold;" text="%general.application.name"/>
+    <StackPane fx:id="welcomeOverlay" pickOnBounds="false" styleClass="welcome-overlay">
+        <Pane prefHeight="9999" prefWidth="9999" StackPane.alignment="CENTER" styleClass="overlay-background"/>
+        <VBox alignment="CENTER" maxHeight="350" maxWidth="370" spacing="18.0" styleClass="welcome-box">
+            <Label styleClass="welcome-title" text="%general.application.name"/>
             <Separator prefWidth="200.0"/>
             <VBox spacing="18.0">
                 <children>

src/main/resources/ui/styles/startpane-temp.css

@@ -0,0 +1,20 @@
+.welcome-overlay {
+    -fx-background-color: transparent;
+}
+
+.overlay-background {
+    -fx-background-color: rgba(0, 0, 0, 0.28);
+}
+
+.welcome-box {
+    -fx-background-color: white;
+    -fx-background-radius: 8px;
+    -fx-padding: 40 50;
+    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 10, 0, 0, 2);
+}
+
+.welcome-title {
+    -fx-font-size: 28px;
+    -fx-font-weight: bold;
+    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.1), 5, 0, 0, 2);
+}