feat: tokenize body (#875)

nuxt-themes · Mar 31, 2023 · 1e99aa0 · 1e99aa0
1 parent a55b07f
commit 1e99aa0
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -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 {

diff --git a/tokens.config.ts b/tokens.config.ts
@@ -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',