From 7bfaf0798012fa5dbb29b4e473902149817741a3 Mon Sep 17 00:00:00 2001
From: rejas <github@veeck.de>
Date: Sat, 17 Apr 2021 09:50:12 +0200
Subject: [PATCH] Use custom properties colors more often

---
 css/main.css                             | 4 ++--
 modules/default/alert/notificationFx.css | 7 +++----
 modules/default/clock/clock.js           | 2 +-
 modules/default/clock/clock_styles.css   | 8 ++++----
 4 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/css/main.css b/css/main.css
index e7808a86..bb5c694d 100644
--- a/css/main.css
+++ b/css/main.css
@@ -108,11 +108,11 @@ header {
   font-size: 15px;
   font-family: var(--font-primary), Arial, Helvetica, sans-serif;
   font-weight: 400;
-  border-bottom: 1px solid #666;
+  border-bottom: 1px solid var(--color-text-dimmed);
   line-height: 15px;
   padding-bottom: 5px;
   margin-bottom: 10px;
-  color: #999;
+  color: var(--color-text);
 }
 
 sup {
diff --git a/modules/default/alert/notificationFx.css b/modules/default/alert/notificationFx.css
index 0782d464..39faacf7 100644
--- a/modules/default/alert/notificationFx.css
+++ b/modules/default/alert/notificationFx.css
@@ -6,7 +6,6 @@
   line-height: 1.4;
   margin-bottom: 10px;
   z-index: 1;
-  color: black;
   font-size: 70%;
   position: relative;
   display: table;
@@ -15,17 +14,17 @@
   border-width: 1px;
   border-radius: 5px;
   border-style: solid;
-  border-color: #666;
+  border-color: var(--color-text-dimmed);
 }
 
 .ns-alert {
   border-style: solid;
-  border-color: #fff;
+  border-color: var(--color-text-bright);
   padding: 17px;
   line-height: 1.4;
   margin-bottom: 10px;
   z-index: 3;
-  color: white;
+  color: var(--color-text-bright);
   font-size: 70%;
   position: fixed;
   text-align: center;
diff --git a/modules/default/clock/clock.js b/modules/default/clock/clock.js
index 6e3d7090..c6d73e9c 100644
--- a/modules/default/clock/clock.js
+++ b/modules/default/clock/clock.js
@@ -52,7 +52,7 @@ Module.register("clock", {
 
 		//Calculate how many ms should pass until next update depending on if seconds is displayed or not
 		var delayCalculator = function (reducedSeconds) {
-			var EXTRA_DELAY = 50; //Deliberate imperceptable delay to prevent off-by-one timekeeping errors
+			var EXTRA_DELAY = 50000000; //Deliberate imperceptable delay to prevent off-by-one timekeeping errors
 
 			if (self.config.displaySeconds) {
 				return 1000 - moment().milliseconds() + EXTRA_DELAY;
diff --git a/modules/default/clock/clock_styles.css b/modules/default/clock/clock_styles.css
index 839336be..e8436acc 100644
--- a/modules/default/clock/clock_styles.css
+++ b/modules/default/clock/clock_styles.css
@@ -17,7 +17,7 @@
   width: 6px;
   height: 6px;
   margin: -3px 0 0 -3px;
-  background: white;
+  background: var(--color-text-bright);
   border-radius: 3px;
   content: "";
   display: block;
@@ -31,7 +31,7 @@
   left: 50%;
   margin: -2px 0 -2px -25%; /* numbers much match negative length & thickness */
   padding: 2px 0 2px 25%; /* indicator length & thickness */
-  background: white;
+  background: var(--color-text-bright);
   transform-origin: 100% 50%;
   border-radius: 3px 0 0 3px;
 }
@@ -44,7 +44,7 @@
   left: 50%;
   margin: -35% -2px 0; /* numbers must match negative length & thickness */
   padding: 35% 2px 0; /* indicator length & thickness */
-  background: white;
+  background: var(--color-text-bright);
   transform-origin: 50% 100%;
   border-radius: 3px 0 0 3px;
 }
@@ -57,7 +57,7 @@
   left: 50%;
   margin: -38% -1px 0 0; /* numbers must match negative length & thickness */
   padding: 38% 1px 0 0; /* indicator length & thickness */
-  background: #888;
+  background: var(--color-text);
   transform-origin: 50% 100%;
 }