diff --git a/src/app/pages/charts/d3/d3.component.scss b/src/app/pages/charts/d3/d3.component.scss
index e7a43513..ed71efd7 100644
--- a/src/app/pages/charts/d3/d3.component.scss
+++ b/src/app/pages/charts/d3/d3.component.scss
@@ -13,25 +13,21 @@
 
     ::ng-deep {
       .pie-label {
-        fill: nb-theme(color-fg-heading);
-      }
-
-      .grid-line-path {
-        stroke: nb-theme(separator);
+        fill: nb-theme(text-basic-color);
       }
 
       text {
-        fill: nb-theme(color-fg-heading);
+        fill: nb-theme(text-hint-color);
       }
 
       .chart-legend {
         .legend-labels {
-          background: nb-theme(color-bg);
+          background: nb-theme(background-basic-color-2);
         }
         .legend-label {
-          color: nb-theme(color-fg-heading);
+          color: nb-theme(text-hint-color);
           .active .legend-label-text {
-            color: nb-theme(color-fg-heading);
+            color: nb-theme(text-basic-color);
           }
         }
       }