From fc78164ba42a4fc1e32a19a2a6a07ee024c44d60 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Fri, 14 Aug 2020 21:14:26 +0100
Subject: [PATCH] Focus color on screens

---
 epicyon-blog.css      | 5 +++++
 epicyon-calendar.css  | 5 +++++
 epicyon-follow.css    | 5 +++++
 epicyon-login.css     | 5 +++++
 epicyon-options.css   | 5 +++++
 epicyon-profile.css   | 4 ++++
 epicyon-search.css    | 5 +++++
 epicyon-suspended.css | 5 +++++
 8 files changed, 39 insertions(+)

diff --git a/epicyon-blog.css b/epicyon-blog.css
index a2ceee5d8..46dfd30fc 100644
--- a/epicyon-blog.css
+++ b/epicyon-blog.css
@@ -42,6 +42,7 @@
     --gallery-font-size-mobile: 35px;
     --button-corner-radius: 15px;
     --timeline-border-radius: 30px;
+    --focus-color: white;
 }
 
 @font-face {
@@ -80,6 +81,10 @@ a:link {
     font-weight: bold;
 }
 
+a:focus {
+    border: 2px solid var(--focus-color);
+}
+
 .cwText {
     display: none;
 }
diff --git a/epicyon-calendar.css b/epicyon-calendar.css
index cbf3471d3..9c11fd0cb 100644
--- a/epicyon-calendar.css
+++ b/epicyon-calendar.css
@@ -13,6 +13,7 @@
     --event-foreground:white;
     --title-text: #282c37;
     --title-background: #ccc;
+    --focus-color: white;
 }
 
 @font-face {
@@ -67,6 +68,10 @@ a:link {
     margin: -1rem;
 }
 
+a:focus {
+    border: 2px solid var(--focus-color);
+}
+
 .calendar__day__header,
 .calendar__day__cell {
     border: 2px solid var(--lines-color);
diff --git a/epicyon-follow.css b/epicyon-follow.css
index 2f7ec22f1..ed7aca1ed 100644
--- a/epicyon-follow.css
+++ b/epicyon-follow.css
@@ -30,6 +30,7 @@
     --follow-text-size1: 24px;
     --follow-text-size2: 40px;
     --follow-text-entry-width: 90%;
+    --focus-color: white;
 }
 
 @font-face {
@@ -67,6 +68,10 @@ a:link {
     font-weight: bold;
 }
 
+a:focus {
+    border: 2px solid var(--focus-color);
+}
+
 .searchBanner {
     background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("search_banner.png");
     background-position: center;
diff --git a/epicyon-login.css b/epicyon-login.css
index d547f5821..1a02de7a6 100644
--- a/epicyon-login.css
+++ b/epicyon-login.css
@@ -19,6 +19,7 @@
     --button-background: #999;
     --button-selected: #666;
     --form-border-radius: 30px;
+    --focus-color: white;
 }
 
 @font-face {
@@ -63,6 +64,10 @@ a:link {
     font-weight: bold;
 }
 
+a:focus {
+    border: 2px solid var(--focus-color);
+}
+
 form {
     border: var(--border-width) solid var(--border-color);
     border-radius: var(--form-border-radius);
diff --git a/epicyon-options.css b/epicyon-options.css
index abf43c108..c7f07905d 100644
--- a/epicyon-options.css
+++ b/epicyon-options.css
@@ -32,6 +32,7 @@
     --follow-text-size1: 24px;
     --follow-text-size2: 40px;
     --follow-text-entry-width: 90%;
+    --focus-color: white;
 }
 
 @font-face {
@@ -74,6 +75,10 @@ a:link {
     font-weight: bold;
 }
 
+a:focus {
+    border: 2px solid var(--focus-color);
+}
+
 .follow {
     height: 100%;
     position: relative;
diff --git a/epicyon-profile.css b/epicyon-profile.css
index aff648b28..1c38bf5d3 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -101,6 +101,10 @@ a:link {
     font-weight: bold;
 }
 
+a:focus {
+    border: 2px solid var(--focus-color);
+}
+
 .timeline-banner {
     background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png");
     height: 10%;
diff --git a/epicyon-search.css b/epicyon-search.css
index 3df723300..ab4a91a19 100644
--- a/epicyon-search.css
+++ b/epicyon-search.css
@@ -30,6 +30,7 @@
     --follow-text-size1: 24px;
     --follow-text-size2: 40px;
     --follow-text-entry-width: 90%;
+    --focus-color: white;
 }
 
 @font-face {
@@ -67,6 +68,10 @@ a:link {
     font-weight: bold;
 }
 
+a:focus {
+    border: 2px solid var(--focus-color);
+}
+
 .searchBanner {
     background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("search_banner.png");
     background-position: center;
diff --git a/epicyon-suspended.css b/epicyon-suspended.css
index 7ace9ba3f..03ddc7dc2 100644
--- a/epicyon-suspended.css
+++ b/epicyon-suspended.css
@@ -19,6 +19,7 @@
     --button-text: #FFFFFF;
     --button-background: #999;
     --button-selected: #666;
+    --focus-color: white;
 }
 
 @font-face {
@@ -57,6 +58,10 @@ a:link {
     font-weight: bold;
 }
 
+a:focus {
+    border: 2px solid var(--focus-color);
+}
+
 .screentitle {
     font-size: 30px;
     font-family: Arial, Helvetica, sans-serif;