From 012c7cede9bf88af97dfaed8c80a6bfe3b6a2350 Mon Sep 17 00:00:00 2001
From: Tobias Hagemann <tobias@hagemann.org>
Date: Wed, 7 Aug 2019 00:35:20 +0200
Subject: [PATCH] updated update indicator styling [ci skip]

---
 main/ui/src/main/resources/css/dark_theme.css    | 10 +++++++++-
 main/ui/src/main/resources/css/light_theme.css   |  8 ++++++++
 main/ui/src/main/resources/fxml/main_window.fxml |  4 +---
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/main/ui/src/main/resources/css/dark_theme.css b/main/ui/src/main/resources/css/dark_theme.css
index 24d77b829..3c078e36d 100644
--- a/main/ui/src/main/resources/css/dark_theme.css
+++ b/main/ui/src/main/resources/css/dark_theme.css
@@ -6,7 +6,7 @@
 
 .root {
 	PRIMARY: #79B01A;
-	PRIMARY_BG: #70A11B;
+	PRIMARY_BG: #598016;
 	MAIN_BG: #3B3B3B;
 	TEXT_FILL: #F7F7F7;
 	TEXT_FILL_LIGHT: #9E9E9E;
@@ -17,6 +17,7 @@
 	CONTROL_WHITE_BG_ARMED: #E1E1E1;
 	SCROLL_BAR_THUMB_NORMAL: #626262;
 	SCROLL_BAR_THUMB_HOVER: #7E7E7E;
+	INDICATOR_BG: #C74234;
 
 	-fx-background-color: MAIN_BG;
     -fx-text-fill: TEXT_FILL;
@@ -80,6 +81,13 @@
 	-fx-cursor: nw_resize;
 }
 
+.main-window .update-indicator {
+	-fx-background-color: PRIMARY_BG, INDICATOR_BG;
+	-fx-background-insets: 0, 1px;
+	-fx-background-radius: 5px, 4px;
+	-fx-translate-x: 4px;
+}
+
 /*******************************************************************************
  *                                                                             *
  * Preferences Window                                                          *
diff --git a/main/ui/src/main/resources/css/light_theme.css b/main/ui/src/main/resources/css/light_theme.css
index f33837828..55d0d7109 100644
--- a/main/ui/src/main/resources/css/light_theme.css
+++ b/main/ui/src/main/resources/css/light_theme.css
@@ -17,6 +17,7 @@
 	CONTROL_WHITE_BG_ARMED: #E1E1E1;
 	SCROLL_BAR_THUMB_NORMAL: #CFCFCF;
 	SCROLL_BAR_THUMB_HOVER: #B1B1B1;
+	INDICATOR_BG: #E74C3C;
 
 	-fx-background-color: MAIN_BG;
 	-fx-text-fill: TEXT_FILL;
@@ -80,6 +81,13 @@
 	-fx-cursor: nw_resize;
 }
 
+.main-window .update-indicator {
+	-fx-background-color: PRIMARY_BG, INDICATOR_BG;
+	-fx-background-insets: 0, 1px;
+	-fx-background-radius: 5px, 4px;
+	-fx-translate-x: 4px;
+}
+
 /*******************************************************************************
  *                                                                             *
  * Preferences Window                                                          *
diff --git a/main/ui/src/main/resources/fxml/main_window.fxml b/main/ui/src/main/resources/fxml/main_window.fxml
index b0587daa2..73f266892 100644
--- a/main/ui/src/main/resources/fxml/main_window.fxml
+++ b/main/ui/src/main/resources/fxml/main_window.fxml
@@ -10,7 +10,6 @@
 <?import javafx.scene.layout.Region?>
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
-<?import javafx.scene.shape.Circle?>
 <VBox xmlns="http://javafx.com/javafx"
 	  xmlns:fx="http://javafx.com/fxml"
 	  fx:controller="org.cryptomator.ui.mainwindow.MainWindowController"
@@ -26,8 +25,7 @@
 				<graphic>
 					<StackPane>
 						<FontAwesomeIconView styleClass="fa-icon" glyphName="COGS"/>
-						<!-- TODO style: -->
-						<Circle visible="${controller.updateAvailable}" StackPane.alignment="TOP_RIGHT" styleClass="update-indicator" fill="red" radius="4"/>
+						<Region styleClass="update-indicator" visible="${controller.updateAvailable}" StackPane.alignment="TOP_RIGHT" prefWidth="10" prefHeight="10" maxWidth="-Infinity" maxHeight="-Infinity"/>
 					</StackPane>
 				</graphic>
 				<tooltip>