From 58d1db14aed463721351c979c1485fad6e4b7665 Mon Sep 17 00:00:00 2001 From: Avior Date: Sun, 4 Apr 2021 21:57:27 +0200 Subject: [PATCH] Fixed Error color not set Signed-off-by: Avior --- .../GradientBackground.module.styl | 29 ++++++++++--------- src/dzeio/GradientBackground/index.tsx | 4 +-- 2 files changed, 17 insertions(+), 16 deletions(-) diff --git a/src/dzeio/GradientBackground/GradientBackground.module.styl b/src/dzeio/GradientBackground/GradientBackground.module.styl index 4b90860..88b4ca2 100644 --- a/src/dzeio/GradientBackground/GradientBackground.module.styl +++ b/src/dzeio/GradientBackground/GradientBackground.module.styl @@ -1,6 +1,6 @@ @import "../config" -$transparent = 15% +$percent = 15% .back transition all $transition @@ -10,21 +10,22 @@ $transparent = 15% min-height 100vh .info - $color = $info - background linear-gradient(to left, $color, lighten($color, $transparent)) + background linear-gradient(to right, $infoLight, lighten($infoLight, $percent)) + @media (prefers-color-scheme dark) + background linear-gradient(to right, $infoDark, darken($infoDark, $percent)) + .success - $color = $success - background linear-gradient(to left, $color, lighten($color, $transparent)) + background linear-gradient(to right, $successLight, lighten($successLight, $percent)) + @media (prefers-color-scheme dark) + background linear-gradient(to right, $successDark, darken($successDark, $percent)) -.danger - $color = $danger - background linear-gradient(to left, $color, lighten($color, $transparent)) +.error + background linear-gradient(to right, $errorLight, lighten($errorLight, $percent)) + @media (prefers-color-scheme dark) + background linear-gradient(to right, $errorDark, darken($errorDark, $percent)) .warning - $color = $warning - background linear-gradient(to left, $color, lighten($color, $transparent)) - -@media (prefers-color-scheme dark) - .back - background $darkBackground + background linear-gradient(to right, $warningLight, lighten($warningLight, $percent)) + @media (prefers-color-scheme dark) + background linear-gradient(to right, $warningDark, darken($warningDark, $percent)) diff --git a/src/dzeio/GradientBackground/index.tsx b/src/dzeio/GradientBackground/index.tsx index 8645fe9..1615a7d 100644 --- a/src/dzeio/GradientBackground/index.tsx +++ b/src/dzeio/GradientBackground/index.tsx @@ -14,12 +14,12 @@ interface Props { /** * Make the background a linear-gradient * - * @version 1.0.0 + * @version 1.0.1 */ export default class GradientBackground extends React.Component { public render = () => ( -
+
{this.props.children}
)