Focus color on screens

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;
 }

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);

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;

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);

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;

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%;

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;

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;