From 4b321074bb00ef0eea982665a0b4ed468207b3dc Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Wed, 11 Sep 2019 21:29:47 +0100
Subject: [PATCH] css variables

---
 epicyon-follow.css    | 18 +++++++++++-------
 epicyon-login.css     | 16 ++++++++++------
 epicyon-suspended.css |  4 ++++
 3 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/epicyon-follow.css b/epicyon-follow.css
index 050ea85e5..975e61580 100644
--- a/epicyon-follow.css
+++ b/epicyon-follow.css
@@ -11,6 +11,10 @@
     --font-size: 40px;
     --text-entry-foreground: #ccc;
     --text-entry-background: #111;
+    --time-color: #aaa;
+    --button-text: #FFFFFF;
+    --button-background: #999;
+    --button-selected: #666;
 }
 
 body, html {
@@ -64,9 +68,9 @@ a:link {
 
 .button {
     border-radius: 4px;
-    background-color: #999;
+    background-color: var(--button-background);
     border: none;
-    color: white;
+    color: var(--button-text);
     text-align: center;
     padding: 10px;
         font-size: var(--font-size);
@@ -95,7 +99,7 @@ input[type=text] {
     border-radius: 4px;
     background-color: #999;
     border: none;
-    color: #FFFFFF;
+    color: var(--button-text);
     text-align: center;
     font-size: var(--font-size);
     padding: 2px;
@@ -129,9 +133,9 @@ input[type=text] {
         }
         .button {
                 border-radius: 4px;
-                background-color: #999;
+                background-color: var(--button-background);
                 border: none;
-                color: white;
+                color: var(--button-text);
                 text-align: center;
                 padding: 10px;
                 font-size: 24px;
@@ -157,9 +161,9 @@ input[type=text] {
         }
         .button {
                 border-radius: 4px;
-                background-color: #999;
+                background-color: var(--button-background);
                 border: none;
-                color: white;
+                color: var(--button-text);
                 text-align: center;
                 padding: 10px;
                 font-size: 40px;
diff --git a/epicyon-login.css b/epicyon-login.css
index 8d522bb53..fa299e61b 100644
--- a/epicyon-login.css
+++ b/epicyon-login.css
@@ -12,6 +12,10 @@
     --font-size-mobile: 40px;
     --text-entry-foreground: #ccc;
     --text-entry-background: #111;
+    --time-color: #aaa;
+    --button-text: #FFFFFF;
+    --button-background: #999;
+    --button-selected: #666;
 }
 
 body, html {
@@ -56,8 +60,8 @@ input[type=text], input[type=password] {
 }
 
 button {
-    background-color: #555;
-    color: white;
+    background-color: var(--button-background);
+    color: var(--button-text);
     padding: 14px 20px;
     margin: 8px 0;
     border: none;
@@ -121,8 +125,8 @@ span.psw {
                 font-size: var(--font-size);
         }
         button {
-                background-color: #555;
-                color: white;
+                background-color: var(--button-background);
+                color: var(--button-text);
                 padding: 14px 20px;
                 margin: 8px 0;
                 border: none;
@@ -160,8 +164,8 @@ span.psw {
                 font-size: var(--font-size-mobile);
         }
         button {
-                background-color: #555;
-                color: white;
+                background-color: var(--button-background);
+                color: var(--button-text);
                 padding: 14px 20px;
                 margin: 8px 0;
                 border: none;
diff --git a/epicyon-suspended.css b/epicyon-suspended.css
index f17e4f70d..e326d3499 100644
--- a/epicyon-suspended.css
+++ b/epicyon-suspended.css
@@ -14,6 +14,10 @@
     --font-size: 22px;
     --text-entry-foreground: #ccc;
     --text-entry-background: #111;
+    --time-color: #aaa;
+    --button-text: #FFFFFF;
+    --button-background: #999;
+    --button-selected: #666;
 }
 
 body, html {