From 0374e25a9f62f0b0e2d266441fedd7ab5e7ccddc Mon Sep 17 00:00:00 2001
From: Emil Petrov <epetrov@progress.com>
Date: Wed, 30 Oct 2024 16:58:15 +0200
Subject: [PATCH] chore: update readme

---
 packages/fluent/README.md | 27 +++++++--------------------
 1 file changed, 7 insertions(+), 20 deletions(-)

diff --git a/packages/fluent/README.md b/packages/fluent/README.md
index 32d4b64dc84..bbe3b20373e 100644
--- a/packages/fluent/README.md
+++ b/packages/fluent/README.md
@@ -30,7 +30,7 @@ and then import it in your project styles:
 
 ```scss
 // Import the entire theme
-@use "~@progress/kendo-theme-fluent/scss/all.scss";
+@use "@progress/kendo-theme-fluent/scss/all.scss" as *;
 ```
 
 ## Importing
@@ -39,17 +39,10 @@ In your custom scss file, you can import the entirety of the theme, by importing
 
 ```scss
 // Import only Button and Grid styles
-@use "~@progress/kendo-theme-fluent/scss/index.scss" as kendo-theme;
-
-@include kendo-theme.config(
-    $config: (
-        "components": (
-            "button",
-            "grid"
-        )
-    )
-);
-@include kendo-theme.styles();
+@use "@progress/kendo-theme-default/scss/index.scss" as *;
+
+@include kendo-button--styles();
+@include kendo-grid--styles();
 ```
 
 ## SCSS Variables Customization
@@ -57,25 +50,19 @@ In your custom scss file, you can import the entirety of the theme, by importing
 The Kendo UI Fluent theme enables customization through SCSS variables as follows:
 
 ```scss
-@use "index.scss" as kendo-theme with (
+@use "@progress/kendo-theme-fluent/scss/all.scss" as kendo-theme with (
     $kendo-body-bg: beige,
     $kendo-font-size: 1rem
 );
-
-@include kendo-theme.config();
-@include kendo-theme.styles();
 ```
 
 or:
 
 ```scss
-@use "index.scss" as kendo-theme;
+@use "@progress/kendo-theme-fluent/scss/all.scss" as kendo-theme;
 
 kendo-theme.$kendo-body-bg: beige;
 kendo-theme.$kendo-font-size: 30px;
-
-@include kendo-theme.config();
-@include kendo-theme.styles();
 ```
 
 ## CSS Variables Customization