refactor(traffic): use default y axis split line color

src/app/@theme/styles/theme.corporate.ts

@@ -64,13 +64,14 @@ export const CORPORATE_THEME = {
     },
 
     traffic: {
-      colorBlack: theme.bg,
       tooltipBg: theme.bg,
       tooltipBorderColor: theme.border2,
       tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
       tooltipTextColor: theme.fgText,
       tooltipFontWeight: 'normal',
 
+      yAxisSplitLine: theme.separator,
+
       lineBg: theme.primary,
       lineShadowBlur: '0',
       itemColor: theme.border4,

src/app/@theme/styles/theme.cosmic.ts

@@ -64,13 +64,14 @@ export const COSMIC_THEME = {
     },
 
     traffic: {
-      colorBlack: '#000000',
       tooltipBg: theme.bg,
       tooltipBorderColor: theme.border2,
       tooltipExtraCss: 'box-shadow: 0px 2px 46px 0 rgba(50, 50, 89); border-radius: 10px; padding: 4px 16px;',
       tooltipTextColor: theme.fgText,
       tooltipFontWeight: 'normal',
 
+      yAxisSplitLine: theme.separator,
+
       lineBg: theme.border2,
       lineShadowBlur: '14',
       itemColor: theme.border2,

src/app/@theme/styles/theme.default.ts

@@ -64,13 +64,14 @@ export const DEFAULT_THEME = {
     },
 
     traffic: {
-      colorBlack: '#000000',
       tooltipBg: theme.bg,
       tooltipBorderColor: theme.border2,
       tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
       tooltipTextColor: theme.fgText,
       tooltipFontWeight: 'normal',
 
+      yAxisSplitLine: theme.separator,
+
       lineBg: theme.border4,
       lineShadowBlur: '1',
       itemColor: theme.border4,

src/app/pages/dashboard/traffic/traffic-chart.component.ts

@@ -68,8 +68,7 @@ export class TrafficChartComponent implements AfterViewInit, OnDestroy {
             splitLine: {
               show: true,
               lineStyle: {
-                color: trafficTheme.colorBlack,
+                color: trafficTheme.yAxisSplitLine,
-                opacity: 0.06,
                 width: '1',
               },
             },

src/app/pages/e-commerce/profit-card/back-side/stats-area-chart.component.ts

@@ -66,8 +66,7 @@ export class StatsAreaChartComponent implements AfterViewInit, OnDestroy {
             splitLine: {
               show: true,
               lineStyle: {
-                color: trafficTheme.colorBlack,
+                color: trafficTheme.yAxisSplitLine,
-                opacity: 0.06,
                 width: '1',
               },
             },