feat(body): fix body tokens ; align with Docus

nuxt-themes · May 10, 2023 · 117e821 · 117e821
1 parent c3e102e
commit 117e821
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/assets/main.css b/assets/main.css
@@ -1,9 +1,6 @@
-html {
-  background-color: $dt('color.gray.100');
-}
-
-html.dark {
-  background-color: $dt('color.gray.900');
+body {
+  background-color: $dt('alpine.body.backgroundColor');
+  color: $dt('alpine.body.color');
 }
 
 /* Color scheme images helper classes */

diff --git a/tokens.config.ts b/tokens.config.ts
@@ -9,6 +9,16 @@ export default defineTheme({
         '@studio-icon carbon:blog'
       ]
     },
+    body: {
+      backgroundColor: {
+        initial: '{color.white}',
+        dark: '{color.black}'
+      },
+      color: {
+        initial: '{color.gray.800}',
+        dark: '{color.gray.200}'
+      }
+    },
     backdrop: {
       backgroundColor: {
         initial: '#f4f4f5b3', // TODO: rgba({color.gray.100}, 0.7)