nuxt-themes
diff --git a/‎assets/css/main.css
Lines changed: 3 additions & 8 deletions b/‎assets/css/main.css
Lines changed: 3 additions & 8 deletions
diff --git a/‎tokens.config.ts
Lines changed: 11 additions & 0 deletions b/‎tokens.config.ts
Lines changed: 11 additions & 0 deletions
@@ -54,15 +54,10 @@ body {
   overflow-y: scroll;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background: $dt('color.white');
-  color: $dt('color.gray.800');
-  font-family: $dt('font.sans');
+  background-color: $dt('docus.body.backgroundColor');
+  color: $dt('docus.body.color');
+  font-family: $dt('docus.body.fontFamily');
   min-width: $dt('size.xs');
-
-  @dark {
-    background: $dt('color.black');
-    color: $dt('color.gray.200');
-  }
 }
 
 .docus-scrollbars {
 
@@ -84,6 +84,17 @@ export default defineTheme({
         '@studioIcon material-symbols:docs'
       ]
     },
+    body: {
+      backgroundColor: {
+        initial: '{color.white}',
+        dark: '{color.black}'
+      },
+      color: {
+        initial: '{color.gray.800}',
+        dark: '{color.gray.200}'
+      },
+      fontFamily: '{font.sans}',
+    },
     header: { height: '64px' },
     footer: { height: { initial: '145px', sm: '100px' }, padding: '{space.4} 0' },
     readableLine: '78ch',