From 79fc183c9c873a9d02487bec8b33f8600247af1d Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Mon, 6 Nov 2023 11:43:06 +0600
Subject: [PATCH] made better hero banner

---
 src/components/flow/FlowSwiperHero/styles.module.scss | 2 +-
 src/styles/_colors.scss                               | 1 +
 src/styles/themes/_default.scss                       | 6 +++++-
 src/styles/themes/_horizon.scss                       | 2 ++
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/flow/FlowSwiperHero/styles.module.scss b/src/components/flow/FlowSwiperHero/styles.module.scss
index 1ea60df1..8b3c6546 100644
--- a/src/components/flow/FlowSwiperHero/styles.module.scss
+++ b/src/components/flow/FlowSwiperHero/styles.module.scss
@@ -45,7 +45,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background: url('../../../sprites/stripes.svg') rgba(0, 0, 0, 0.3);
+    background: $content_bg_hero;
     z-index: -1;
     pointer-events: none;
     box-shadow: inset $gray_90 0 1px;
diff --git a/src/styles/_colors.scss b/src/styles/_colors.scss
index 8fb17eb8..b0dfde0c 100644
--- a/src/styles/_colors.scss
+++ b/src/styles/_colors.scss
@@ -31,6 +31,7 @@ $content_bg_success: var(--content_bg_success);
 $content_bg_info: var(--content_bg_info);
 $content_bg_danger: var(--content_bg_danger);
 $content_bg_backdrop: var(--content_bg_backdrop);
+$content_bg_hero: var(--content_bg_hero);
 
 // white shades (move to --vars)
 $white: var(--white);
diff --git a/src/styles/themes/_default.scss b/src/styles/themes/_default.scss
index 93bad3b7..ab9fcbd4 100644
--- a/src/styles/themes/_default.scss
+++ b/src/styles/themes/_default.scss
@@ -63,7 +63,11 @@ $_brown: #23201f;
     --content_bg_success: #{transparentize($_wisegreen, 0.7)};
     --content_bg_info: #{transparentize($_blue, 0.5)};
     --content_bg_danger: #{transparentize($_red, 0.5)};
-    --content_bg_backdrop: #{transparentize($_brown, 0.3)};
+    --content_bg_backdrop: url('/images/noise.png') #{transparentize(
+        $_brown,
+        0.3
+      )};
+    --content_bg_hero: url('/images/noise.png') #{transparentize($_brown, 0.5)};
 
     // white shades (move to --vars)
     --white: white;
diff --git a/src/styles/themes/_horizon.scss b/src/styles/themes/_horizon.scss
index ee857d27..4707b2f8 100644
--- a/src/styles/themes/_horizon.scss
+++ b/src/styles/themes/_horizon.scss
@@ -74,6 +74,8 @@ $_ocean: #25b0bc;
     --content_bg_danger: #{transparentize($_red, 0.5)};
     --content_bg_backdrop: 50% 50% / cover no-repeat
       url('/images/horizon_backdrop.svg') #{transparentize($_cold, 0.2)};
+    --content_bg_hero: 50% 50% / cover no-repeat
+      url('/images/horizon_backdrop.svg') #{transparentize($_cold, 0.4)};
 
     // white shades (move to --vars)
     --white: white;