diff --git a/src/css/prose.css b/src/css/prose.css
index fd1533da..9f19ca40 100644
--- a/src/css/prose.css
+++ b/src/css/prose.css
@@ -83,7 +83,7 @@
 }
 
 .prose a {
-  @apply text-accent-dark;
+  @apply text-accent-emphasis;
   @apply hover:underline;
 }
 
diff --git a/src/css/tailwind.css b/src/css/tailwind.css
index a960e46b..2450f581 100644
--- a/src/css/tailwind.css
+++ b/src/css/tailwind.css
@@ -75,7 +75,7 @@ a {
 }
 
 .button.is-primary {
-  --shadow-color-button: var(--theme-color-dark);
+  --shadow-color-button: var(--theme-color-emphasis);
   @apply text-white;
   @apply fill-accent;
   @apply bg-accent;
diff --git a/src/css/variables.css b/src/css/variables.css
index 0b0f47a1..10d502d9 100644
--- a/src/css/variables.css
+++ b/src/css/variables.css
@@ -4,6 +4,7 @@
   --shadow-color-button: theme("colors.gray.300");
   --theme-color: theme("colors.indigo.600");
   --theme-color-dark: theme("colors.indigo.700");
+  --theme-color-emphasis: var(--theme-color-dark);
   --header-height: auto;
   --header-bg-color: #fff;
   /* Accent color for form controls */
diff --git a/src/pages/dashboard/[subdomain]/settings/css.tsx b/src/pages/dashboard/[subdomain]/settings/css.tsx
index 55f7f5fe..d15050e7 100644
--- a/src/pages/dashboard/[subdomain]/settings/css.tsx
+++ b/src/pages/dashboard/[subdomain]/settings/css.tsx
@@ -65,7 +65,7 @@ export default function SettingsDomainsPage() {
               </p>
               <p>
                 <span className="bg-zinc-200 rounded-lg px-2">
-                  --theme-color-dark: #4338ca;
+                  --theme-color-emphasis: #4338ca;
                 </span>
               </p>
               <p>
diff --git a/tailwind.config.js b/tailwind.config.js
index dd02fcf3..59150367 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -11,7 +11,7 @@ module.exports = {
       colors: {
         border: "var(--border-color)",
         accent: "var(--theme-color)",
-        "accent-dark": "var(--theme-color-dark)",
+        "accent-emphasis": "var(--theme-color-emphasis)",
       },
       spacing: {
         sidebar: `240px`,