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;