Add themes

Update UI
developersu · Oct 22, 2019 · 6dc19eb · 6dc19eb
1 parent baf0b3f
commit 6dc19eb
Show file tree

Hide file tree

Showing 15 changed files with 422 additions and 93 deletions.
diff --git a/pom.xml b/pom.xml
@@ -6,7 +6,7 @@
 
     <groupId>loper</groupId>
     <artifactId>LogiLedus</artifactId>
-    <version>1.0-SNAPSHOT</version>
+    <version>1.1-SNAPSHOT</version>
 
     <!-- <url></url> -->
     <description>

diff --git a/src/main/java/logiledus/About/AboutWindow.java b/src/main/java/logiledus/About/AboutWindow.java
@@ -5,6 +5,7 @@
 import javafx.scene.Scene;
 import javafx.scene.image.Image;
 import javafx.stage.Stage;
+import logiledus.Mediator;
 
 import java.io.IOException;
 import java.util.Locale;
@@ -35,8 +36,9 @@ public AboutWindow(){
                     new Image(getClass().getResourceAsStream("/ico/appIcon_64.png")),
                     new Image(getClass().getResourceAsStream("/ico/appIcon_128.png"))
             );
-            stageAbout.setScene(new Scene(parentAbout, 500, 500));
-
+            Scene scene = new Scene(parentAbout, 500, 500);
+            scene.getStylesheets().add(Mediator.getInstance().getPreferences().getTheme());
+            stageAbout.setScene(scene);
             stageAbout.show();
 
         } catch (IOException ignored){}

diff --git a/src/main/java/logiledus/AppPreferences.java b/src/main/java/logiledus/AppPreferences.java
@@ -14,12 +14,6 @@ public AppPreferences(){
     public void setUseTray(boolean value){ preferences.putBoolean("USE_TRAY", value); }
     public boolean getUseTray(){ return preferences.getBoolean("USE_TRAY", true); }
 
-/*
-    public void setPath(String path){
-        preferences.put("PATH", path);
-    }
-    public String getPath(){
-        return preferences.get("PATH", "/");
-    }
-*/
+    public void setTheme(String value){ preferences.put("THEME", value); }
+    public String getTheme(){ return preferences.get("THEME", "/light.css"); }
 }
diff --git a/src/main/java/logiledus/MainFx.java b/src/main/java/logiledus/MainFx.java
@@ -16,7 +16,7 @@
 import java.util.ResourceBundle;
 
 public class MainFx extends Application {
-    public static final String appVersion = "v1.0";
+    public static final String appVersion = "v1.1";
 
     private static boolean traySupport = true;
 
@@ -38,9 +38,6 @@ public void start(Stage primaryStage) throws Exception{
             SwingUtilities.invokeLater(this::addAppToTray);
         }
         //--------------------------------------------------------
-        Mediator.getInstance().setHostServices(getHostServices());
-        Mediator.getInstance().setPreferences(appPreferences);
-
         FXMLLoader loader = new FXMLLoader(getClass().getResource("/Main.fxml"));
 
         Locale locale = new Locale(Locale.getDefault().getISO3Language());
@@ -78,7 +75,12 @@ public void start(Stage primaryStage) throws Exception{
         primaryStage.setMinWidth(1215);
         primaryStage.setMinHeight(550);
         Scene mainScene = new Scene(root, 1215, 525);
-        mainScene.getStylesheets().add("/light.css");
+        mainScene.getStylesheets().add(appPreferences.getTheme());
+
+        Mediator.getInstance().setHostServices(getHostServices());
+        Mediator.getInstance().setPreferences(appPreferences);
+        Mediator.getInstance().setScene(mainScene);
+
         primaryStage.setScene(mainScene);
         primaryStage.show();
 

diff --git a/src/main/java/logiledus/Mediator.java b/src/main/java/logiledus/Mediator.java
@@ -1,21 +1,29 @@
 package logiledus;
 
 import javafx.application.HostServices;
+import javafx.scene.Scene;
 
 public class Mediator{
 
     private HostServices hostServices;
     private AppPreferences preferences;
+    private Scene scene;
 
     public static Mediator getInstance(){ return MediatorHolder.INSTANCE; }
 
     public void setHostServices(HostServices hostServices){ this.hostServices = hostServices; }
     public void setPreferences(AppPreferences preferences){ this.preferences = preferences; }
+    public void setScene(Scene scene){ this.scene = scene; }
 
     private static class MediatorHolder{
         private static final Mediator INSTANCE = new Mediator();
     }
 
     public HostServices getHostServices() { return hostServices; }
     public AppPreferences getPreferences() { return preferences; }
+
+    public void setTheme(String themeString){
+        scene.getStylesheets().remove(0);
+        scene.getStylesheets().add(themeString);
+    }
 }
diff --git a/src/main/java/logiledus/Settings/SettingsController.java b/src/main/java/logiledus/Settings/SettingsController.java
@@ -16,16 +16,26 @@ public class SettingsController implements Initializable {
     private Button cancelBtn, okBtn;
 
     @FXML
-    private CheckBox trayCB;
+    private CheckBox trayCB, drkThemeCB;
 
     @Override
     public void initialize(URL url, ResourceBundle resourceBundle) {
         trayCB.setSelected(Mediator.getInstance().getPreferences().getUseTray());
+        if (Mediator.getInstance().getPreferences().getTheme().equals("/dark.css"))
+            drkThemeCB.setSelected(true);
 
         cancelBtn.setOnAction(actionEvent -> ((Stage) cancelBtn.getScene().getWindow()).close());
 
         okBtn.setOnAction(actionEvent -> {
             Mediator.getInstance().getPreferences().setUseTray(trayCB.isSelected());
+            if (drkThemeCB.isSelected()) {
+                Mediator.getInstance().getPreferences().setTheme("/dark.css");
+                Mediator.getInstance().setTheme("/dark.css");
+            }
+            else {
+                Mediator.getInstance().getPreferences().setTheme("/light.css");
+                Mediator.getInstance().setTheme("/light.css");
+            }
             ((Stage) cancelBtn.getScene().getWindow()).close();
         });
 

diff --git a/src/main/java/logiledus/Settings/SettingsWindow.java b/src/main/java/logiledus/Settings/SettingsWindow.java
@@ -5,6 +5,7 @@
 import javafx.scene.Scene;
 import javafx.scene.image.Image;
 import javafx.stage.Stage;
+import logiledus.Mediator;
 
 import java.io.IOException;
 import java.util.Locale;
@@ -35,7 +36,9 @@ public SettingsWindow(){
                     new Image(getClass().getResourceAsStream("/ico/appIcon_64.png")),
                     new Image(getClass().getResourceAsStream("/ico/appIcon_128.png"))
             );
-            stageAbout.setScene(new Scene(parentAbout, 500, 500));
+            Scene scene = new Scene(parentAbout, 500, 500);
+            scene.getStylesheets().add(Mediator.getInstance().getPreferences().getTheme());
+            stageAbout.setScene(scene);
 
             stageAbout.show();
 

diff --git a/src/main/resources/EffectsPane.fxml b/src/main/resources/EffectsPane.fxml
@@ -1,16 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
 <?import javafx.geometry.Insets?>
-<?import javafx.scene.control.ColorPicker?>
-<?import javafx.scene.control.Label?>
-<?import javafx.scene.control.MenuButton?>
-<?import javafx.scene.control.RadioMenuItem?>
-<?import javafx.scene.control.Separator?>
-<?import javafx.scene.control.Slider?>
-<?import javafx.scene.control.ToggleGroup?>
+<?import javafx.scene.control.*?>
 <?import javafx.scene.layout.HBox?>
 <?import javafx.scene.layout.VBox?>
-
 <VBox spacing="5.0" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1" fx:controller="logiledus.Controllers.EffectsController">
       <padding>
          <Insets bottom="3.0" left="3.0" right="3.0" top="3.0" />

diff --git a/src/main/resources/Main.fxml b/src/main/resources/Main.fxml
@@ -9,6 +9,7 @@
 <?import javafx.scene.control.ToolBar?>
 <?import javafx.scene.control.Tooltip?>
 <?import javafx.scene.layout.BorderPane?>
+<?import javafx.scene.layout.HBox?>
 <?import javafx.scene.layout.Pane?>
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.shape.SVGPath?>
@@ -33,15 +34,15 @@
                <children>
             <TabPane fx:id="MainTabPane" side="LEFT" tabClosingPolicy="UNAVAILABLE" VBox.vgrow="ALWAYS">
               <tabs>
-                <Tab fx:id="KeyLedTab">
+                <Tab fx:id="KeyLedTab" closable="false">
                      <content>
                              <fx:include fx:id="KeysLeds" source="KeysLedsPane.fxml" VBox.vgrow="ALWAYS" />
                      </content>
                      <graphic>
                         <SVGPath content="M12,6A6,6 0 0,1 18,12C18,14.22 16.79,16.16 15,17.2V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V17.2C7.21,16.16 6,14.22 6,12A6,6 0 0,1 12,6M14,21V22A1,1 0 0,1 13,23H11A1,1 0 0,1 10,22V21H14M20,11H23V13H20V11M1,11H4V13H1V11M13,1V4H11V1H13M4.92,3.5L7.05,5.64L5.63,7.05L3.5,4.93L4.92,3.5M16.95,5.63L19.07,3.5L20.5,4.93L18.37,7.05L16.95,5.63Z" />
                      </graphic>
                 </Tab>
-                <Tab fx:id="EffectsTab">
+                <Tab fx:id="EffectsTab" closable="false">
                      <content>
                         <ScrollPane fitToWidth="true">
                             <fx:include fx:id="Effects" source="EffectsPane.fxml" VBox.vgrow="ALWAYS" />
@@ -51,7 +52,7 @@
                         <SVGPath content="M7.5,5.6L5,7L6.4,4.5L5,2L7.5,3.4L10,2L8.6,4.5L10,7L7.5,5.6M19.5,15.4L22,14L20.6,16.5L22,19L19.5,17.6L17,19L18.4,16.5L17,14L19.5,15.4M22,2L20.6,4.5L22,7L19.5,5.6L17,7L18.4,4.5L17,2L19.5,3.4L22,2M13.34,12.78L15.78,10.34L13.66,8.22L11.22,10.66L13.34,12.78M14.37,7.29L16.71,9.63C17.1,10 17.1,10.65 16.71,11.04L5.04,22.71C4.65,23.1 4,23.1 3.63,22.71L1.29,20.37C0.9,20 0.9,19.35 1.29,18.96L12.96,7.29C13.35,6.9 14,6.9 14.37,7.29Z" />
                      </graphic>
                 </Tab>
-                  <Tab fx:id="GameModeTab">
+                  <Tab fx:id="GameModeTab" closable="false">
                      <content>
                         <ScrollPane fitToWidth="true" prefHeight="200.0" prefWidth="200.0">
                           <content>
@@ -71,57 +72,64 @@
    <top>
       <ToolBar styleClass="header" BorderPane.alignment="CENTER">
         <items>
-                  <Button fx:id="applyBtn" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="36.0" prefWidth="42.0">
-               <tooltip>
-                  <Tooltip text="%btn_apply" />
-               </tooltip>
-               <graphic>
-                  <SVGPath content="M14,10H2V12H14V10M14,6H2V8H14V6M2,16H10V14H2V16M21.5,11.5L23,13L16,20L11.5,15.5L13,14L16,17L21.5,11.5Z" />
-               </graphic>
-            </Button>
-            <Pane prefWidth="10.0" />
-            <Button fx:id="openBtn" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="36.0" prefWidth="42.0">
-               <graphic>
-                  <SVGPath content="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" />
-               </graphic>
-               <tooltip>
-                  <Tooltip text="%btn_open" />
-               </tooltip>
-            </Button>
-            <Button fx:id="saveBtn" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="36.0" prefWidth="42.0">
-               <graphic>
-                  <SVGPath content="M17 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V7L17 3M19 19H5V5H16.17L19 7.83V19M12 12C10.34 12 9 13.34 9 15S10.34 18 12 18 15 16.66 15 15 13.66 12 12 12M6 6H15V10H6V6Z" />
-               </graphic>
-               <tooltip>
-                  <Tooltip text="%btn_save" />
-               </tooltip>
-            </Button>
-            <Button fx:id="saveAsBtn" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="36.0" prefWidth="42.0">
-               <graphic>
-                  <SVGPath content="M7 22H9V24H7V22M11 22H13V24H11V22M15 22H17V24H15V22M17 2H5C3.89 2 3 2.9 3 4V18C3 19.1 3.89 20 5 20H19C20.1 20 21 19.1 21 18V6L17 2M19 18H5V4H16.17L19 6.83V18M12 11C10.34 11 9 12.34 9 14S10.34 17 12 17 15 15.66 15 14 13.66 11 12 11M6 5H15V9H6V5Z" />
-               </graphic>
-               <tooltip>
-                  <Tooltip text="%btn_save_as" />
-               </tooltip>
-            </Button>
-            <Pane prefWidth="10.0" />
-            <Button fx:id="settingsBtn" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="36.0" prefWidth="42.0">
-               <graphic>
-                  <SVGPath content="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z" />
-               </graphic>
-               <tooltip>
-                  <Tooltip text="%btn_settings" />
-               </tooltip>
-            </Button>
-            <Pane prefWidth="10.0" />
-            <Button fx:id="aboutBtn" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="36.0" prefWidth="42.0">
-               <graphic>
-                  <SVGPath content="M13.5,4A1.5,1.5 0 0,0 12,5.5A1.5,1.5 0 0,0 13.5,7A1.5,1.5 0 0,0 15,5.5A1.5,1.5 0 0,0 13.5,4M13.14,8.77C11.95,8.87 8.7,11.46 8.7,11.46C8.5,11.61 8.56,11.6 8.72,11.88C8.88,12.15 8.86,12.17 9.05,12.04C9.25,11.91 9.58,11.7 10.13,11.36C12.25,10 10.47,13.14 9.56,18.43C9.2,21.05 11.56,19.7 12.17,19.3C12.77,18.91 14.38,17.8 14.54,17.69C14.76,17.54 14.6,17.42 14.43,17.17C14.31,17 14.19,17.12 14.19,17.12C13.54,17.55 12.35,18.45 12.19,17.88C12,17.31 13.22,13.4 13.89,10.71C14,10.07 14.3,8.67 13.14,8.77Z" />
-               </graphic>
-               <tooltip>
-                  <Tooltip text="%menu_item_about" />
-               </tooltip>
-            </Button>
+            <HBox spacing="5.0" styleClass="header-box">
+               <children>
+                        <Button fx:id="applyBtn" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="36.0" prefWidth="42.0">
+                     <tooltip>
+                        <Tooltip text="%btn_apply" />
+                     </tooltip>
+                     <graphic>
+                        <SVGPath content="M14,10H2V12H14V10M14,6H2V8H14V6M2,16H10V14H2V16M21.5,11.5L23,13L16,20L11.5,15.5L13,14L16,17L21.5,11.5Z" />
+                     </graphic>
+                     <HBox.margin>
+                        <Insets right="10.0" />
+                     </HBox.margin>
+                  </Button>
+                  <Button fx:id="openBtn" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="36.0" prefWidth="42.0">
+                     <graphic>
+                        <SVGPath content="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" />
+                     </graphic>
+                     <tooltip>
+                        <Tooltip text="%btn_open" />
+                     </tooltip>
+                  </Button>
+                  <Button fx:id="saveBtn" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="36.0" prefWidth="42.0">
+                     <graphic>
+                        <SVGPath content="M17 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V7L17 3M19 19H5V5H16.17L19 7.83V19M12 12C10.34 12 9 13.34 9 15S10.34 18 12 18 15 16.66 15 15 13.66 12 12 12M6 6H15V10H6V6Z" />
+                     </graphic>
+                     <tooltip>
+                        <Tooltip text="%btn_save" />
+                     </tooltip>
+                  </Button>
+                  <Button fx:id="saveAsBtn" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="36.0" prefWidth="42.0">
+                     <graphic>
+                        <SVGPath content="M7 22H9V24H7V22M11 22H13V24H11V22M15 22H17V24H15V22M17 2H5C3.89 2 3 2.9 3 4V18C3 19.1 3.89 20 5 20H19C20.1 20 21 19.1 21 18V6L17 2M19 18H5V4H16.17L19 6.83V18M12 11C10.34 11 9 12.34 9 14S10.34 17 12 17 15 15.66 15 14 13.66 11 12 11M6 5H15V9H6V5Z" />
+                     </graphic>
+                     <tooltip>
+                        <Tooltip text="%btn_save_as" />
+                     </tooltip>
+                  </Button>
+                  <Button fx:id="settingsBtn" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="36.0" prefWidth="42.0">
+                     <graphic>
+                        <SVGPath content="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z" />
+                     </graphic>
+                     <tooltip>
+                        <Tooltip text="%btn_settings" />
+                     </tooltip>
+                     <HBox.margin>
+                        <Insets left="10.0" right="10.0" />
+                     </HBox.margin>
+                  </Button>
+                  <Button fx:id="aboutBtn" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" prefHeight="36.0" prefWidth="42.0">
+                     <graphic>
+                        <SVGPath content="M13.5,4A1.5,1.5 0 0,0 12,5.5A1.5,1.5 0 0,0 13.5,7A1.5,1.5 0 0,0 15,5.5A1.5,1.5 0 0,0 13.5,4M13.14,8.77C11.95,8.87 8.7,11.46 8.7,11.46C8.5,11.61 8.56,11.6 8.72,11.88C8.88,12.15 8.86,12.17 9.05,12.04C9.25,11.91 9.58,11.7 10.13,11.36C12.25,10 10.47,13.14 9.56,18.43C9.2,21.05 11.56,19.7 12.17,19.3C12.77,18.91 14.38,17.8 14.54,17.69C14.76,17.54 14.6,17.42 14.43,17.17C14.31,17 14.19,17.12 14.19,17.12C13.54,17.55 12.35,18.45 12.19,17.88C12,17.31 13.22,13.4 13.89,10.71C14,10.07 14.3,8.67 13.14,8.77Z" />
+                     </graphic>
+                     <tooltip>
+                        <Tooltip text="%menu_item_about" />
+                     </tooltip>
+                  </Button>
+               </children>
+            </HBox>
         </items>
       </ToolBar>
    </top>

diff --git a/src/main/resources/SettingsLayout.fxml b/src/main/resources/SettingsLayout.fxml
@@ -17,9 +17,10 @@
       </ButtonBar>
    </bottom>
    <center>
-      <VBox BorderPane.alignment="CENTER">
+      <VBox spacing="5.0" BorderPane.alignment="CENTER">
          <children>
             <CheckBox fx:id="trayCB" mnemonicParsing="false" text="%setting_tray_support" />
+            <CheckBox fx:id="drkThemeCB" mnemonicParsing="false" text="%setting_use_dark_theme" />
          </children>
       </VBox>
    </center>