diff --git a/docs/app/error.vue b/docs/app/error.vue
index 911a3b2a..3848a22d 100644
--- a/docs/app/error.vue
+++ b/docs/app/error.vue
@@ -54,6 +54,7 @@ const links = computed(() => [{
 
 const color = computed(() => colorMode.value === 'dark' ? (colors as any)[appConfig.ui.colors.neutral][900] : 'white')
 const radius = computed(() => `:root { --ui-radius: ${appConfig.theme.radius}rem; }`)
+const blackAsPrimary = computed(() => appConfig.theme.blackAsPrimary ? `:root { --ui-primary: black; } .dark { --ui-primary: white; }` : ':root {}')
 
 useHead({
   meta: [
@@ -64,7 +65,8 @@ useHead({
     { rel: 'icon', type: 'image/svg+xml', href: '/icon.svg' }
   ],
   style: [
-    { innerHTML: radius, id: 'nuxt-ui-radius', tagPriority: -2 }
+    { innerHTML: radius, id: 'nuxt-ui-radius', tagPriority: -2 },
+    { innerHTML: blackAsPrimary, id: 'nuxt-ui-black-as-primary', tagPriority: -2 }
   ],
   htmlAttrs: {
     lang: 'en'