schön is German for beautiful

[ci skip]

main/ui/src/main/resources/css/theme.css

@@ -48,6 +48,18 @@
 	-fx-fill: CONTROL_BG_ARMED;
 }
 
+.main-window .resizer {
+	-fx-background-color: linear-gradient(to bottom right,
+		GRAY_LIGHT_BG 40%,
+		CONTROL_BORDER_NORMAL 50%,
+		GRAY_LIGHT_BG 60%,
+		CONTROL_BORDER_NORMAL 70%,
+		GRAY_LIGHT_BG 80%,
+		CONTROL_BORDER_NORMAL 90%
+	);
+	-fx-cursor: nw_resize;
+}
+
 /*******************************************************************************
  *                                                                             *
  * SplitPane                                                                   *

main/ui/src/main/resources/fxml/main_window.fxml

@@ -44,7 +44,6 @@
 			<fx:include source="/fxml/vault_list.fxml" SplitPane.resizableWithParent="false"/>
 			<fx:include source="/fxml/vault_detail.fxml" SplitPane.resizableWithParent="true"/>
 		</SplitPane>
-		<!-- TODO: move style to css file and make this pretty: -->
-		<Region StackPane.alignment="BOTTOM_RIGHT" fx:id="resizer" prefWidth="10" prefHeight="10" maxWidth="-Infinity" maxHeight="-Infinity"  style="-fx-background-color: red; -fx-cursor: nw_resize;"/>
+		<Region styleClass="resizer" StackPane.alignment="BOTTOM_RIGHT" fx:id="resizer" prefWidth="10" prefHeight="10" maxWidth="-Infinity" maxHeight="-Infinity"/>
 	</StackPane>
 </VBox>