feat: rename theme-color-dark to theme-color-emphasis

src/css/prose.css

@@ -83,7 +83,7 @@
 }
 
 .prose a {
-  @apply text-accent-dark;
+  @apply text-accent-emphasis;
   @apply hover:underline;
 }
 

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;

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 */

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>

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`,