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;