From 7b24499f49fe9ea3d6fcbf4c3171a6bcfe172369 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Tue, 20 Apr 2021 17:36:49 +0700
Subject: [PATCH] fixed svg colors

---
 src/styles/colors.scss  |  2 +-
 src/styles/dialogs.scss | 24 ++++++++++++------------
 src/styles/map.scss     |  4 ++--
 src/styles/panel.scss   |  4 ++--
 src/styles/save.scss    |  2 +-
 5 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/styles/colors.scss b/src/styles/colors.scss
index c6b9fea..8bb6fdd 100644
--- a/src/styles/colors.scss
+++ b/src/styles/colors.scss
@@ -32,4 +32,4 @@ $tooltip_background: #123740;
 $loading_shade: darken($blue_secondary, 20%);
 $cluster_small: #0069a7;
 
-$title_dialog_color: fade(#111111, 85%);
+$title_dialog_color: darken(#111111, 85%);
diff --git a/src/styles/dialogs.scss b/src/styles/dialogs.scss
index caff976..b0cf936 100644
--- a/src/styles/dialogs.scss
+++ b/src/styles/dialogs.scss
@@ -178,7 +178,7 @@
   left: 0;
   width: 100%;
   z-index: 10;
-  background: linear-gradient(fade($loading_shade, 0%), $loading_shade 70%);
+  background: linear-gradient(darken($loading_shade, 0%), $loading_shade 70%);
   height: 100px;
   pointer-events: none;
   transition: opacity 100ms;
@@ -240,7 +240,7 @@
   &.has_edit {
     //transform: translateY(-2px);
     .route-row {
-      background: fade($green_secondary, 30%);
+      background: darken($green_secondary, 30%);
     }
   }
 
@@ -280,11 +280,11 @@
 }
 
 .route-row-edit {
-  background: fade($green_secondary, 30%);
+  background: darken($green_secondary, 30%);
 }
 
 .route-row-drop {
-  background: fade($red_secondary, 20%);
+  background: darken($red_secondary, 20%);
 
   .route-row {
     align-items: center;
@@ -341,13 +341,13 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  fill: fade(white, 30%);
-  background: fade(white, 8%);
+  fill: darken(white, 30%);
+  background: darken(white, 8%);
   cursor: pointer;
   transition: background 250ms, transform 500ms;
 
   &:hover {
-    background: fade(white, 10%);
+    background: darken(white, 10%);
   }
 }
 
@@ -361,7 +361,7 @@
   overflow: hidden;
   transition: all 500ms;
   display: flex;
-  fill: fade(white, 30%);
+  fill: darken(white, 30%);
 
   div {
     width: 60px;
@@ -371,16 +371,16 @@
     align-items: center;
 
     &:first-child {
-      box-shadow: fade(black, 30%) 1px 0;
+      box-shadow: darken(black, 30%) 1px 0;
     }
 
     &:hover {
-      background: fade($red_secondary, 30%);
+      background: darken($red_secondary, 30%);
     }
 
     &.modify-button {
       &:hover {
-        background: fade($green_secondary, 30%);
+        background: darken($green_secondary, 30%);
       }
     }
   }
@@ -399,7 +399,7 @@
 
   .route-row-corner {
     svg {
-      fill: fade(white, 50%);
+      fill: darken(white, 50%);
       margin-right: 2px;
       flex-shrink: 0;
     }
diff --git a/src/styles/map.scss b/src/styles/map.scss
index a1b7981..38d93f8 100644
--- a/src/styles/map.scss
+++ b/src/styles/map.scss
@@ -308,7 +308,7 @@
   align-items: center;
   justify-content: center;
   color: white;
-  box-shadow: fade($cluster_small, 70%) 0 0 0 5px;
+  box-shadow: darken($cluster_small, 70%) 0 0 0 5px;
   font-weight: bold;
   font-size: 13px;
   transform: translate(-12px, -12px);
@@ -317,7 +317,7 @@
   outline: none;
 
   &:hover {
-    box-shadow: fade($cluster_small, 70%) 0 0 0 7px;
+    box-shadow: darken($cluster_small, 70%) 0 0 0 7px;
   }
 
   span {
diff --git a/src/styles/panel.scss b/src/styles/panel.scss
index 6bd3a1d..4854214 100644
--- a/src/styles/panel.scss
+++ b/src/styles/panel.scss
@@ -729,7 +729,7 @@
     margin-bottom: 10px;
     padding: 10px;
     background: $title_dialog_color;
-    color: fade(white, 50%);
+    color: darken(white, 50%);
     font-size: 13px;
     box-sizing: border-box;
     border-radius: $panel_radius;
@@ -761,7 +761,7 @@
         content: ' ';
         width: 100%;
         height: 40px;
-        background: linear-gradient(fade($title_dialog_color, 0), $title_dialog_color);
+        background: linear-gradient(darken($title_dialog_color, 0), $title_dialog_color);
         position: absolute;
         bottom: 0;
         left: 0;
diff --git a/src/styles/save.scss b/src/styles/save.scss
index 8edf45e..f85ab5d 100644
--- a/src/styles/save.scss
+++ b/src/styles/save.scss
@@ -41,7 +41,7 @@
   pointer-events: none;
   text-transform: uppercase;
   font-size: 1.2em;
-  color: fade(white, 70%);
+  color: darken(white, 70%);
 
   svg {
     fill: white;