muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

made better hero banner

Browse source
This commit is contained in:
Fedor Katurov 2023-11-06 11:43:06 +06:00
parent 5edc38315e
commit 79fc183c9c
4 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/flow/FlowSwiperHero/styles.module.scss
View file

@ -45,7 +45,7 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url('../../../sprites/stripes.svg') rgba(0, 0, 0, 0.3); background: $content_bg_hero;
z-index: -1; z-index: -1;
pointer-events: none; pointer-events: none;
box-shadow: inset $gray_90 0 1px; box-shadow: inset $gray_90 0 1px;

1
src/styles/_colors.scss
View file

@ -31,6 +31,7 @@ $content_bg_success: var(--content_bg_success);
$content_bg_info: var(--content_bg_info); $content_bg_info: var(--content_bg_info);
$content_bg_danger: var(--content_bg_danger); $content_bg_danger: var(--content_bg_danger);
$content_bg_backdrop: var(--content_bg_backdrop); $content_bg_backdrop: var(--content_bg_backdrop);
$content_bg_hero: var(--content_bg_hero);
// white shades (move to --vars) // white shades (move to --vars)
$white: var(--white); $white: var(--white);

6
src/styles/themes/_default.scss
View file

@ -63,7 +63,11 @@ $_brown: #23201f;
--content_bg_success: #{transparentize($_wisegreen, 0.7)}; --content_bg_success: #{transparentize($_wisegreen, 0.7)};
--content_bg_info: #{transparentize($_blue, 0.5)}; --content_bg_info: #{transparentize($_blue, 0.5)};
--content_bg_danger: #{transparentize($_red, 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 shades (move to --vars)
--white: white; --white: white;

2
src/styles/themes/_horizon.scss
View file

@ -74,6 +74,8 @@ $_ocean: #25b0bc;
--content_bg_danger: #{transparentize($_red, 0.5)}; --content_bg_danger: #{transparentize($_red, 0.5)};
--content_bg_backdrop: 50% 50% / cover no-repeat --content_bg_backdrop: 50% 50% / cover no-repeat
url('/images/horizon_backdrop.svg') #{transparentize($_cold, 0.2)}; 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 shades (move to --vars)
--white: white; --white: white;