diff --git a/en/components/general/angular-grid-overview-guide.md b/en/components/general/angular-grid-overview-guide.md index 36b0abb11a..fe017e77c9 100644 --- a/en/components/general/angular-grid-overview-guide.md +++ b/en/components/general/angular-grid-overview-guide.md @@ -208,8 +208,10 @@ Ignite UI has the most expressive styling capabilities of the major Angular fram With just a few lines of code, you can easily change the theme of your components. Being developed in SASS, the API is easy and allows for theming granularity on different levels from a single component, multiple components, or the entire suite. ```scss -// Import the IgniteUI themes library first -@import '~igniteui-angular/lib/core/styles/themes/index'; +@use "igniteui-angular/theming" as *; + +// IMPORTANT: Prior to Ignite UI for Angular version 13 use: +// @import '~igniteui-angular/lib/core/styles/themes/index'; $primary-color: #2ab759; // Some green shade I like $secondary-color: #f96a88; // Watermelon pink diff --git a/jp/components/general/angular-grid-overview-guide.md b/jp/components/general/angular-grid-overview-guide.md index 4d67ddb953..03826c4264 100644 --- a/jp/components/general/angular-grid-overview-guide.md +++ b/jp/components/general/angular-grid-overview-guide.md @@ -209,8 +209,10 @@ Ignite UI には、主要な Angular フレームワークの中で最も機能 最小限のコードで、コンポーネントのテーマを簡単に変更できます。SASS で開発されている API は簡単で、単一のコンポーネント、複数のコンポーネント、またはすべてのコンポーネントでテーマをカスタマイズできます。 ```scss -// 最初に IgniteUI テーマ ライブラリをインポートします -@import '~igniteui-angular/lib/core/styles/themes/index'; +@use "igniteui-angular/theming" as *; + +// IMPORTANT: Prior to Ignite UI for Angular version 13 use: +// @import '~igniteui-angular/lib/core/styles/themes/index'; $primary-color: #2ab759; // Some green shade I like $secondary-color: #f96a88; // Watermelon pink diff --git a/kr/components/themes/global-theme.md b/kr/components/themes/global-theme.md index cc989a885c..1e9a220bef 100644 --- a/kr/components/themes/global-theme.md +++ b/kr/components/themes/global-theme.md @@ -27,8 +27,10 @@ To generate a global theme we're going to be including two mixins `core` and `th Let's create a custom global theme that will use the primary and secondary colors of our company. ```scss -// Import the IgniteUI themes library first -@import '~igniteui-angular/lib/core/styles/themes/index'; +@use "igniteui-angular/theming" as *; + +// IMPORTANT: Prior to Ignite UI for Angular version 13 use: +// @import '~igniteui-angular/lib/core/styles/themes/index'; $primary-color: #2ab759; // Some green shade I like $secondary-color: #f96a88; // Watermelon pink