Ver Fonte

Polished stylesheet, added prologue

Ondřej Schlaichert há 8 meses atrás
pai
commit
b6d7fd4e52

+ 2 - 0
src/main/java/eu/oschl/gui/GameController.java

@@ -21,6 +21,8 @@ public class GameController implements Observer {
     public void initialize() {
         Output.setOutputElement(output);
         update();
+
+        Output.print(Session.getGame().getPrologue());
     }
 
     @FXML

+ 0 - 1
src/main/java/eu/oschl/gui/Session.java

@@ -24,7 +24,6 @@ public class Session extends Application {
     public static void launchGui(Game game, String[] args)
     {
         Session.game = game;
-
         Session.actionProcessor = ActionProcessor.create(game);
 
         Application.launch(Session.class, args);

+ 64 - 22
src/main/resources/eu/oschl/gui/css/style.css

@@ -4,47 +4,89 @@
 }
 
 .root {
-	-fx-background-color: #2e2e2e;
+	-fx-background-color: #000000;
 	-fx-font-family: "Iosevka Slab", serif;
-	-fx-font-size: 1.6em;
+	-fx-font-size: 1.7em;
+	-fx-focus-color: #aaaaaa;
+}
+
+.vbox,
+.grid-pane,
+.text-flow {
+	-fx-background-color: transparent;
+}
+
+.text,
+.label {
+	-fx-fill: #e0e0e0;
+	-fx-text-fill: #e0e0e0;
 }
 
 .scroll-pane {
-	-fx-background-color: #2e2e2e;
+	-fx-background-color: #000000;
+	-fx-background-radius: 0;
+	-fx-border-width: 0;
 }
 
 .scroll-pane > .viewport {
-	-fx-background-color: #2e2e2e;
+	-fx-background-color: #000000;
 }
 
-.text-flow {
-	-fx-background-color: #2e2e2e;
+.button {
+	-fx-background-color: #222222;
+	-fx-text-fill: #e0e0e0;
+	-fx-border-color: #555555;
+	-fx-border-width: 1px;
+	-fx-background-radius: 0;
+	-fx-border-radius: 0;
+	-fx-padding: 6px 12px;
 }
 
-.text, .label {
-	-fx-fill: #cccccc;
-	-fx-text-fill: #cccccc;
+.button:hover {
+	-fx-background-color: #333333;
+	-fx-border-color: #777777;
+	-fx-text-fill: #ffffff;
 }
 
-.label, .text {
-	-fx-fill: #cccccc;
-	-fx-text-fill: #cccccc;
+.button:focused {
+	-fx-border-color: #e0e0e0;
+	-fx-border-width: 1px;
 }
 
-.vbox, .grid-pane, .scroll-pane {
-	-fx-background-color: #2e2e2e;
+.button:pressed {
+	-fx-background-color: #111111;
 }
 
-.button {
-	-fx-background-color: #555555;
-	-fx-text-fill: white;
-	-fx-border-color: #444444;
+.scroll-bar {
+	-fx-background-color: #000000;
 }
 
-.button:hover {
-	-fx-background-color: #666666;
+.scroll-bar .increment-button,
+.scroll-bar .decrement-button {
+	-fx-background-color: #000000;
+	-fx-background-radius: 0;
+	-fx-padding: 0;
 }
 
-.button:focused {
-	-fx-border-color: #007bff;
+.scroll-bar .increment-arrow,
+.scroll-bar .decrement-arrow {
+	-fx-shape: "";
+	-fx-padding: 0;
+}
+
+.scroll-bar:vertical .track,
+.scroll-bar:horizontal .track {
+	-fx-background-color: #000000;
+	-fx-border-color: #000000;
+	-fx-background-radius: 0;
+	-fx-border-radius: 0;
+}
+
+.scroll-bar .thumb {
+	-fx-background-color: #333333;
+	-fx-background-radius: 0;
+}
+
+.scroll-bar .thumb:hover {
+	-fx-background-color: #555555;
 }