From 4d1d16de91b9f2e0dd5dd41033d97b960e6c19fe Mon Sep 17 00:00:00 2001
From: Tobias Nett <skaldarnar@gmail.com>
Date: Sat, 6 Mar 2021 22:54:48 +0100
Subject: [PATCH 1/2] feat(ui): align UI with website style


From c268636786c9faf934df64e08953dd9841dd7db1 Mon Sep 17 00:00:00 2001
From: Tobias Nett <skaldarnar@gmail.com>
Date: Sat, 6 Mar 2021 22:55:02 +0100
Subject: [PATCH 2/2] feat(ui): make top and bottom bars bright green

---
 .idea/codeStyles/Project.xml                   | 18 ------------------
 .../terasology/launcher/views/application.fxml |  2 +-
 .../org/terasology/launcher/views/footer.fxml  |  2 +-
 .../terasology/launcher/views/terasology.css   |  8 ++++----
 4 files changed, 6 insertions(+), 24 deletions(-)

diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
index 250c75e42..d614ca70d 100644
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@@ -7,23 +7,5 @@
         <value />
       </option>
     </JavaCodeStyleSettings>
-    <JetCodeStyleSettings>
-      <option name="PACKAGES_TO_USE_STAR_IMPORTS">
-        <value>
-          <package name="java.util" alias="false" withSubpackages="false" />
-          <package name="kotlinx.android.synthetic" alias="false" withSubpackages="true" />
-          <package name="io.ktor" alias="false" withSubpackages="true" />
-        </value>
-      </option>
-      <option name="PACKAGES_IMPORT_LAYOUT">
-        <value>
-          <package name="" alias="false" withSubpackages="true" />
-          <package name="java" alias="false" withSubpackages="true" />
-          <package name="javax" alias="false" withSubpackages="true" />
-          <package name="kotlin" alias="false" withSubpackages="true" />
-          <package name="" alias="true" withSubpackages="true" />
-        </value>
-      </option>
-    </JetCodeStyleSettings>
   </code_scheme>
 </component>
\ No newline at end of file
diff --git a/src/main/resources/org/terasology/launcher/views/application.fxml b/src/main/resources/org/terasology/launcher/views/application.fxml
index 06d959487..2f0e5a04a 100644
--- a/src/main/resources/org/terasology/launcher/views/application.fxml
+++ b/src/main/resources/org/terasology/launcher/views/application.fxml
@@ -94,7 +94,7 @@
             </AnchorPane>
           </center>
           <top>
-            <HBox alignment="CENTER_LEFT" blendMode="SRC_OVER" prefHeight="96.0" prefWidth="969.0" style="-fx-background-color:  rgba(10,10,10,0.7);&#10;-fx-background-radius: 0 0 10 10;">
+            <HBox alignment="CENTER_LEFT" blendMode="SRC_OVER" prefHeight="96.0" prefWidth="969.0" style="-fx-background-color: rgba(104, 159, 56, 1);">
               <children>
                 <ImageView fitHeight="96.0" fitWidth="300.0" pickOnBounds="true" preserveRatio="true">
                   <image>
diff --git a/src/main/resources/org/terasology/launcher/views/footer.fxml b/src/main/resources/org/terasology/launcher/views/footer.fxml
index 315a172f6..fb6f4e941 100644
--- a/src/main/resources/org/terasology/launcher/views/footer.fxml
+++ b/src/main/resources/org/terasology/launcher/views/footer.fxml
@@ -13,7 +13,7 @@
            prefHeight="64.0" prefWidth="200.0">
   <children>
     <HBox fx:id="bottomPanel" alignment="CENTER" maxHeight="-Infinity" prefHeight="64.0" prefWidth="979.0" spacing="8.0"
-          style="-fx-background-color:  rgba(10,10,10,0.7);&#10;-fx-background-radius: 10 10 0 0;"
+          style="-fx-background-color: rgba(104, 159, 56, 1)"
           StackPane.alignment="BOTTOM_CENTER">
       <children>
         <Button id="" fx:id="facebookButton" contentDisplay="GRAPHIC_ONLY" graphicTextGap="0.0" mnemonicParsing="false"
diff --git a/src/main/resources/org/terasology/launcher/views/terasology.css b/src/main/resources/org/terasology/launcher/views/terasology.css
index 8b3b98fbd..45ae65588 100644
--- a/src/main/resources/org/terasology/launcher/views/terasology.css
+++ b/src/main/resources/org/terasology/launcher/views/terasology.css
@@ -81,11 +81,11 @@
 }
 
 .controlButton:hover {
-    -fx-effect: innershadow(three-pass-box, #72cc00, 64.0, 0.0, 0, 0);
+    -fx-effect: innershadow(three-pass-box, #3E5E21, 64.0, 0.0, 0, 0);
 }
 
 .controlButton:hover:pressed {
-    -fx-effect: innershadow(three-pass-box, #00993d, 64.0, 0.0, 0, 0);
+    -fx-effect: innershadow(three-pass-box, #99EB52, 64.0, 0.0, 0, 0);
 }
 
 .controlButtonCancel {
@@ -94,11 +94,11 @@
 }
 
 .controlButtonCancel:hover {
-    -fx-effect: innershadow(three-pass-box, #cc0500, 64.0, 0.0, 0, 0);
+    -fx-effect: innershadow(three-pass-box, #3E5E21, 64.0, 0.0, 0, 0);
 }
 
 .controlButtonCancel:hover:pressed {
-    -fx-effect: innershadow(three-pass-box, #980500, 64.0, 0.0, 0, 0);
+    -fx-effect: innershadow(three-pass-box, #99EB52, 64.0, 0.0, 0, 0);
 }
 
 .socialButton, .warningButton {