From b0bd5a527ad4bbc85f6103289fb42dad62b5143c Mon Sep 17 00:00:00 2001
From: MGREMY <miguel.gremy72+pro@gmail.com>
Date: Sun, 6 Jul 2025 21:42:48 +0200
Subject: [PATCH] docs: update DarkMode & Quickstart

---
 apps/docs/docs/customize/dark-mode/index.md        | 6 +++---
 apps/docs/docs/getting-started/quickstart/index.md | 4 ++--
 apps/docs/public/css/styles.css                    | 6 ++++--
 libs/flowbite-angular/styles/flowbite-angular.css  | 2 --
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/docs/docs/customize/dark-mode/index.md b/apps/docs/docs/customize/dark-mode/index.md
index a07cdff0..a222da21 100644
--- a/apps/docs/docs/customize/dark-mode/index.md
+++ b/apps/docs/docs/customize/dark-mode/index.md
@@ -4,16 +4,16 @@ keyword: DarkModePage
 
 ## Enable dark mode
 
-All you need to do is add `FlowbiteThemeDirective` as a `hostDirectives` in your `app.component.ts`.
+All you need to do is add `Theme` as a `hostDirectives` in your `app.component.ts`.
 
 ```angular-ts
 ...
-import { FlowbiteThemeDirective } from 'flowbite-angular/theme-toggle';
+import { Theme } from 'flowbite-angular/theme-toggle';
 ...
 
 @Component({
   ...
-  hostDirectives: [FlowbiteThemeDirective],
+  hostDirectives: [Theme],
 })
 export class AppComponent {
   ...
diff --git a/apps/docs/docs/getting-started/quickstart/index.md b/apps/docs/docs/getting-started/quickstart/index.md
index e10f40f5..d2b7408b 100644
--- a/apps/docs/docs/getting-started/quickstart/index.md
+++ b/apps/docs/docs/getting-started/quickstart/index.md
@@ -26,7 +26,7 @@ npm install flowbite-angular
 Make sure to use the flowbite-angular configuration preset in your styles.css
 
 ```css
-@import 'tailwindcss' source('node_modules/flowbite-angular');
+@import 'tailwindcss';
 
-@source "src/";
+@source "node_modules/flowbite-angular";
 ```
diff --git a/apps/docs/public/css/styles.css b/apps/docs/public/css/styles.css
index 91449759..a0a8148d 100644
--- a/apps/docs/public/css/styles.css
+++ b/apps/docs/public/css/styles.css
@@ -1,6 +1,8 @@
-@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
+@import 'tailwindcss';
+
+@source "../../../../libs/flowbite-angular";
 
-@import '../../../../libs/flowbite-angular/styles/flowbite-angular.css';
+@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
 
 @import './tw/fonts.css';
 
diff --git a/libs/flowbite-angular/styles/flowbite-angular.css b/libs/flowbite-angular/styles/flowbite-angular.css
index 615ed635..1a6fd620 100644
--- a/libs/flowbite-angular/styles/flowbite-angular.css
+++ b/libs/flowbite-angular/styles/flowbite-angular.css
@@ -1,3 +1 @@
-@import 'tailwindcss';
-
 @import './part/animation.css';