docs: update DarkMode & Quickstart

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 {
   ...

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";
 ```

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';
 

libs/flowbite-angular/styles/flowbite-angular.css

@@ -1,3 +1 @@
-@import 'tailwindcss';
-
 @import './part/animation.css';