From 249b3b43d4b991907a1a7ff5e0bd727022c805c1 Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Wed, 16 Jan 2019 10:40:59 +0300
Subject: [PATCH] sass refactor: use rgba colors

---
 src/sass/_variables.dark.scss  | 4 ++--
 src/sass/_variables.light.scss | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/sass/_variables.dark.scss b/src/sass/_variables.dark.scss
index 4c53ba1..1a2f145 100644
--- a/src/sass/_variables.dark.scss
+++ b/src/sass/_variables.dark.scss
@@ -3,8 +3,8 @@ $regex: #d69e2e;
 $zbx-tag-color: $gray-5;
 $zbx-text-highlighted: $white;
 $zbx-text-color-disabled: $gray-1;
-$zbx-card-background-start: #2f2f321f;
-$zbx-card-background-stop: #262628c7;
+$zbx-card-background-start: rgba(46, 46, 49, 0.1);
+$zbx-card-background-stop: rgba(38, 38, 40, 0.8);
 
 $action-button-color: $blue-dark;
 $action-button-text-color: $gray-4;
diff --git a/src/sass/_variables.light.scss b/src/sass/_variables.light.scss
index 8e56dad..796ba2a 100644
--- a/src/sass/_variables.light.scss
+++ b/src/sass/_variables.light.scss
@@ -3,8 +3,8 @@ $regex: #d69e2e;
 $zbx-tag-color: $gray-6;
 $zbx-text-highlighted: $black;
 $zbx-text-color-disabled: $gray-3;
-$zbx-card-background-start: #e9edf257;
-$zbx-card-background-stop: #dde4edff;
+$zbx-card-background-start: rgba(233, 237, 242, 0.35);
+$zbx-card-background-stop: rgba(221, 228, 237, 1);
 
 $action-button-color: #497dc0;
 $action-button-text-color: $gray-6;