Move all settings for fonts, colors and other design tokens to CustomStyles

README.md

@@ -229,35 +229,17 @@ analytics:
 
 ui:
   theme: 'system' # Values: "system" | "light" | "dark" | "light:only" | "dark:only"
-
-  tokens:
-    default:
-      fonts:
-        sans: InterVariable
-        serif: InterVariable
-        heading: InterVariable
-      colors:
-        default: rgb(16 16 16)
-        heading: rgb(0 0 0)
-        muted: rgb(16 16 16 / 66%)
-        bgPage: rgb(255 255 255)
-        primary: rgb(1 97 239)
-        secondary: rgb(1 84 207)
-        accent: rgb(109 40 217)
-    dark:
-      fonts: {}
-      colors:
-        default: rgb(229 236 246)
-        heading: rgb(247, 248, 248)
-        muted: rgb(229 236 246 / 66%)
-        bgPage: rgb(3 6 32)
-        primary: rgb(1 97 239)
-        secondary: rgb(1 84 207)
-        accent: rgb(109 40 217)
 ```
 
 <br>
 
+#### Customize Design
+
+To customize Font families, Colors or more Elements refer to the following files:
+
+- `src/components/CustomStyles.astro`
+- `src/assets/styles/tailwind.css`
+
 ### Deploy
 
 #### Deploy to production (manual)