diff --git a/src/templates.ts b/src/templates.ts
index 8733a784..808e8858 100644
--- a/src/templates.ts
+++ b/src/templates.ts
@@ -11,6 +11,16 @@ export default function createTemplates (options: ModuleOptions, nuxt: Nuxt) {
     write: true,
     getContents: () => `@import "tailwindcss";
 
+      @layer base {
+        a:focus-visible {
+          outline-color: var(--color-primary-500);
+        }
+
+        :root {
+          color-scheme: light dark;
+        }
+      }
+
       @theme {
         --color-gray-*: initial;
         --color-cool-50: #f9fafb;