From a415e3919ea81b58193ee78acabcbbb5eb2cc738 Mon Sep 17 00:00:00 2001
From: Sergey Andrievskiy <s.andrievskiy@akveo.com>
Date: Fri, 21 Jun 2019 18:50:23 +0300
Subject: [PATCH] refactor(traffic): use default y axis split line color

---
 src/app/@theme/styles/theme.corporate.ts                       | 3 ++-
 src/app/@theme/styles/theme.cosmic.ts                          | 3 ++-
 src/app/@theme/styles/theme.default.ts                         | 3 ++-
 src/app/pages/dashboard/traffic/traffic-chart.component.ts     | 3 +--
 .../profit-card/back-side/stats-area-chart.component.ts        | 3 +--
 5 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/app/@theme/styles/theme.corporate.ts b/src/app/@theme/styles/theme.corporate.ts
index ef192d72..83153f02 100644
--- a/src/app/@theme/styles/theme.corporate.ts
+++ b/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,
diff --git a/src/app/@theme/styles/theme.cosmic.ts b/src/app/@theme/styles/theme.cosmic.ts
index 664e91ab..fb3ed13e 100644
--- a/src/app/@theme/styles/theme.cosmic.ts
+++ b/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,
diff --git a/src/app/@theme/styles/theme.default.ts b/src/app/@theme/styles/theme.default.ts
index 4040bd61..6a0379a3 100644
--- a/src/app/@theme/styles/theme.default.ts
+++ b/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,
diff --git a/src/app/pages/dashboard/traffic/traffic-chart.component.ts b/src/app/pages/dashboard/traffic/traffic-chart.component.ts
index 2dd80503..1a76f560 100644
--- a/src/app/pages/dashboard/traffic/traffic-chart.component.ts
+++ b/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,
-                opacity: 0.06,
+                color: trafficTheme.yAxisSplitLine,
                 width: '1',
               },
             },
diff --git a/src/app/pages/e-commerce/profit-card/back-side/stats-area-chart.component.ts b/src/app/pages/e-commerce/profit-card/back-side/stats-area-chart.component.ts
index 99033aaf..0c30ed47 100644
--- a/src/app/pages/e-commerce/profit-card/back-side/stats-area-chart.component.ts
+++ b/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,
-                opacity: 0.06,
+                color: trafficTheme.yAxisSplitLine,
                 width: '1',
               },
             },