From 4971c85132c25a124b9f5e9de4f0c87a140b5032 Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Mon, 21 Oct 2019 20:01:59 +0700 Subject: [PATCH] fixed gradients --- src/components/media/AudioPlayer/styles.scss | 3 ++- src/styles/colors.scss | 9 ++++++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/components/media/AudioPlayer/styles.scss b/src/components/media/AudioPlayer/styles.scss index f4cd63bf..5603da44 100644 --- a/src/components/media/AudioPlayer/styles.scss +++ b/src/components/media/AudioPlayer/styles.scss @@ -98,7 +98,8 @@ } .bar { - background: linear-gradient(270deg, $green, $wisegreen); + // background: linear-gradient(270deg, $green, $wisegreen); + background: $main_gradient; position: absolute; height: 10px; left: 0; diff --git a/src/styles/colors.scss b/src/styles/colors.scss index 99ba2c95..abe26770 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss @@ -11,10 +11,17 @@ $wisegreen: #007962; $red_gradient: linear-gradient(165deg, $orange -50%, $red 150%); $blue_gradient: linear-gradient(170deg, $green, $dark_blue); -$green_gradient: linear-gradient(170deg, adjust_hue($wisegreen, 15deg) 0%, $wisegreen 100%); +$green_gradient: linear-gradient( + 170deg, + lighten(adjust_hue($wisegreen, 15deg), 10%) 0%, + $wisegreen 100% +); $purple_gradient: linear-gradient(170deg, $red, $dark_blue); $cyan_gradient: linear-gradient(260deg, #3c75ff -50%, #7b2653 150%); +$red_gradient_alt: linear-gradient(270deg, #d2004c, #ff4545); +$purple_gradient_alt: linear-gradient(90deg, #442294, #ff4545); + $main_gradient: $green_gradient; // $main_bg_color: darken(#2c2b2b, 4%);