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