From a7ce9aaca512f7f6a436cd0263cc618c42782bad Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Sat, 5 Mar 2022 16:35:45 -0800
Subject: [PATCH] Fix bad contrast ratio with secondary text in dark mode
 (#388)

* Fix bad contrast ratio with secondary text in dark mode

* Add some more accessibility improvements
---
 assets/styles/global.scss | 4 ++--
 layouts/default.vue       | 9 +++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/assets/styles/global.scss b/assets/styles/global.scss
index 8edbca95..40948394 100644
--- a/assets/styles/global.scss
+++ b/assets/styles/global.scss
@@ -5,7 +5,7 @@ html {
 .light-mode {
   --color-icon: #6b7280;
   --color-text: hsl(221, 39%, 11%);
-  --color-text-secondary: hsl(220, 9%, 46%);
+  --color-text-secondary: var(--color-icon);
   --color-text-inactive: hsl(215, 14%, 34%);
   --color-text-dark: #1a202c;
   --color-heading: #2c313d;
@@ -130,7 +130,7 @@ html {
   --shadow-dropdown-strong: 3px 3px 20px hsla(0, 0%, 0%, 0.15);
   --shadow-tooltip: 0.2rem 0.2rem 10px rgba(0, 0, 0, 0.15);
 
-  --color-link: #4793d9;
+  --color-link: #74b6f3;
 
   --color-badge-gray-bg: #646161;
   --color-badge-gray-text: #c8c1c1;
diff --git a/layouts/default.vue b/layouts/default.vue
index 0717ce1d..38979da9 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -51,8 +51,13 @@
                 </div>
               </nuxt-link>
               <div v-if="$auth.user" ref="mobileMenu" class="dropdown">
-                <button class="control">
-                  <img :src="$auth.user.avatar_url" class="user-icon" />
+                <button class="control" value="Profile Dropdown">
+                  <img
+                    :src="$auth.user.avatar_url"
+                    class="user-icon"
+                    aria-hidden="true"
+                    alt="Your avatar"
+                  />
                   <DropdownIcon class="caret" />
                 </button>
                 <ul class="content card" @click="removeFocus">