From 1e99aa0df4827456d81ef1223965f596c3846c38 Mon Sep 17 00:00:00 2001
From: Serhii Bedrytskyi <bedrytskyi@gmail.com>
Date: Fri, 31 Mar 2023 20:21:55 +0300
Subject: [PATCH] feat: tokenize body (#875)

---
 assets/css/main.css | 11 +++--------
 tokens.config.ts    | 11 +++++++++++
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index ebbd6ad4d..1ddeb4d09 100644
--- 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
index 447070eec..5f54a517c 100644
--- 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',