diff --git a/.gitignore b/.gitignore
index d16ebace..b3524fd9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,8 @@ debugger
dist
report
+webpack.config.js
+
app/**/*.map
app/**/*.js
diff --git a/app/app.css b/app/app.css
index 70b45ea6..b8fecd9e 100644
--- a/app/app.css
+++ b/app/app.css
@@ -1,6 +1,6 @@
-@import '~nativescript-theme-core/css/core.css';
-@import '~nativescript-theme-core/css/forest.css';
+@import '~@nativescript/theme/css/core.css';
+@import '~@nativescript/theme/css/forest.css';
.far {
font-family: "Font Awesome 5 Free", "fa-regular-400";
diff --git a/app/main.ts b/app/main.ts
index 89f2fca3..c8530f25 100644
--- a/app/main.ts
+++ b/app/main.ts
@@ -3,7 +3,6 @@ import { AppModule } from "./app.module";
import { ios } from "tns-core-modules/application";
import { isIOS } from "tns-core-modules/platform";
import { MyDelegate } from "./delegate/my-delegate";
-import "nativescript-theme-core";
if (isIOS) {
ios.delegate = MyDelegate;
diff --git a/app/ng-ui-widgets-category/action-bar/styling/article.md b/app/ng-ui-widgets-category/action-bar/styling/article.md
index f726edeb..83650e6f 100644
--- a/app/ng-ui-widgets-category/action-bar/styling/article.md
+++ b/app/ng-ui-widgets-category/action-bar/styling/article.md
@@ -1,5 +1,5 @@
-To style the `ActionBar`, you can use only `background-color` and `color` properties. Alternatively, you can use `nativescript-theme-core` and use the default styles for each different theme. The `icon` property of `ActionItem` can use Icon Fonts with the `font://` prefix. By setting up this prefix, a new image will be generated, which will be set as an ActionItem's `icon` resource. While using this functionality, we need to specify the `font-size`, which will calculate the size of the generated image base on the device's dpi.
+To style the `ActionBar`, you can use only `background-color` and `color` properties. Alternatively, you can use `@nativescript/theme` and use the default styles for each different theme. The `icon` property of `ActionItem` can use Icon Fonts with the `font://` prefix. By setting up this prefix, a new image will be generated, which will be set as an ActionItem's `icon` resource. While using this functionality, we need to specify the `font-size`, which will calculate the size of the generated image base on the device's dpi.
diff --git a/app/ng-ui-widgets-category/activity-indicator/styling/article.md b/app/ng-ui-widgets-category/activity-indicator/styling/article.md
index ae58247f..bff048c4 100644
--- a/app/ng-ui-widgets-category/activity-indicator/styling/article.md
+++ b/app/ng-ui-widgets-category/activity-indicator/styling/article.md
@@ -2,6 +2,6 @@ The `ActivityIndicator` supports styling the `color` (default value is `blue`) a
-| **nativescript-theme-core** CSS class | Description |
+| **@nativescript/theme** CSS class | Description |
|:---------------------------------------|:----------------|
| `activity-indicator` | Styles the `color` of the indicator in sync with the main theme color. |
diff --git a/app/ng-ui-widgets-category/button/styling/styling.component.html b/app/ng-ui-widgets-category/button/styling/styling.component.html
index eaae49e1..0a64bc76 100644
--- a/app/ng-ui-widgets-category/button/styling/styling.component.html
+++ b/app/ng-ui-widgets-category/button/styling/styling.component.html
@@ -6,7 +6,7 @@
-
+