From a4bd663dc879be1764d9d36c515f577674b5cbfb Mon Sep 17 00:00:00 2001
From: Damir Vazgird <damir@withpulp.com>
Date: Thu, 1 Feb 2024 21:12:28 -0800
Subject: [PATCH] more readme updates

---
 README.md | 33 ++++++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 9347ef6..e256641 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@ A React UI component library bundled with Rollup.js to commonJs, ES6 Modules, St
 
 This project is a clone of [Shared](https://github.com/behzadam/shared) and has been updated for personal use.
 
-## Usage
+## Setup
 
 This section will cover how to use the library in your own project.
 
@@ -91,6 +91,37 @@ export default {
 
 ```
 
+If you need more control over your stylesheets, you can access all of the stylesheets used by chad-ui:
+
+```
+@import 'chad-ui/dist/styles/themes.css';
+@import 'chad-ui/dist/styles/globals.css';
+
+@import './libs/some-lib.css'
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+    --primary: 83 100% 50%;
+    --primary-foreground: 54 50% 3%;
+}
+
+.dark {
+    --primary: 54 50% 3%;
+    --primary-foreground: 83 100% 50%;
+}
+
+@layer base {
+    header,
+    footer {
+        @apply
+            min-height: 25vh;
+    }
+}
+```
+
 3. Import your tailwind styles
 
 Inside of `src/index.tsx`, add an import to your stylesheet: