diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 198378b..dee239d 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -20,7 +20,7 @@ const year = new Date().getFullYear()
     {
       links.map((linkObj) => (
         <li title={linkObj.text}>
-          <a href={linkObj.url}>
+          <a href={linkObj.url} aria-label={linkObj.text}>
             <Icon pack={linkObj.set ?? 'simple-icons'} name={linkObj.icon} />
           </a>
         </li>
diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index 3166f7f..a406146 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -24,7 +24,7 @@ if (Astro.url.pathname !== '/') {
       links
         .filter((link) => link.url !== '')
         .map((link) => (
-          <a href={link.url}>
+          <a href={link.url} aria-label={link.text}>
             <Icon pack={link.set ?? 'mdi'} name={link.icon} />{' '}
             {link.text ?? link.icon}
           </a>
diff --git a/src/layouts/variables.css b/src/layouts/variables.css
index 75a0f3a..7740f38 100644
--- a/src/layouts/variables.css
+++ b/src/layouts/variables.css
@@ -15,6 +15,7 @@
   --color-brand-blue-5: #3964e6;
 
   --color-brand-complement: orange;
+  --color-brand-complement-dark: #a36a00;
 
   --ayo-gradient: linear-gradient(45deg, #3054bf, #416fff);
   --text-color-dark: #232323;
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 7a0a9e6..de4f0f2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -140,7 +140,11 @@ import now from '../constants/now.json'
 
     em {
       font-weight: bold;
-      color: var(--color-brand-complement);
+      color: var(--color-brand-complement-dark);
+
+      @media (prefers-color-scheme: dark) {
+        color: var(--color-brand-complement);
+      }
     }
   }