diff --git a/src/app/pages/dashboard/solar/solar.component.ts b/src/app/pages/dashboard/solar/solar.component.ts
index b28d17c3..6baff777 100644
--- a/src/app/pages/dashboard/solar/solar.component.ts
+++ b/src/app/pages/dashboard/solar/solar.component.ts
@@ -149,7 +149,7 @@ export class SolarComponent {
   };
 
   constructor(private theme: NgaThemeService) {
-    this.theme.getConfig().subscribe(config => {
+    this.theme.getJsTheme().subscribe(config => {
 
       const option = Object.assign({}, this.option);
 
diff --git a/src/app/pages/dashboard/temperature/temperature.component.ts b/src/app/pages/dashboard/temperature/temperature.component.ts
index b2504433..919d3b1d 100644
--- a/src/app/pages/dashboard/temperature/temperature.component.ts
+++ b/src/app/pages/dashboard/temperature/temperature.component.ts
@@ -19,7 +19,7 @@ export class TemperatureComponent {
   themeConfig: any = {};
 
   constructor(private theme: NgaThemeService) {
-    this.theme.getConfig().subscribe(config => {
+    this.theme.getJsTheme().subscribe(config => {
       this.themeConfig = config;
     });
   }
diff --git a/src/app/pages/dashboard/traffic/traffic.component.ts b/src/app/pages/dashboard/traffic/traffic.component.ts
index 74b6c078..1b26afe8 100644
--- a/src/app/pages/dashboard/traffic/traffic.component.ts
+++ b/src/app/pages/dashboard/traffic/traffic.component.ts
@@ -134,7 +134,7 @@ export class TrafficComponent {
   };
 
   constructor(private theme: NgaThemeService) {
-    this.theme.getConfig().subscribe(config => {
+    this.theme.getJsTheme().subscribe(config => {
 
       // const option = Object.assign({}, this.option);
       //