From 839b63b75fc2b89fd44c5de22379883a4a07b9f8 Mon Sep 17 00:00:00 2001 From: planetabhi Date: Mon, 25 Dec 2023 22:21:31 +0530 Subject: [PATCH] gradient updates --- src/layouts/Layout.astro | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 4cc7f71..171d0e4 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -112,7 +112,7 @@ const { site, title, tagline } = Astro.props; margin: 0; padding: 0; width: 100%; - overflow-x: hidden; + overflow-x: hidden; } main, .container { @@ -275,7 +275,7 @@ const { site, title, tagline } = Astro.props; } } - /* bg gradient */ +/* bg rays starts */ .rays_container { overflow: hidden; @@ -287,7 +287,7 @@ const { site, title, tagline } = Astro.props; .rays_content { position: absolute; inset: -10px; - opacity: 0.16; + opacity: 0.24; height: 100%; min-height: 100vh; } @@ -311,11 +311,11 @@ const { site, title, tagline } = Astro.props; ); --rainbow: repeating-linear-gradient( 145deg, - #60a5fa 11%, + #B8DAFF 20%, #e879f9 15%, - #60a5fa 22%, - #5eead4 32%, - #7AE2DD 8% + #B8DAFF 22%, + #95E2A8 32%, + #FFC8C5 11% ); background-image: var(--stripes), var(--rainbow); background-size: 160%, 100%; @@ -337,7 +337,7 @@ const { site, title, tagline } = Astro.props; [data-new-ui-theme="dark"] { .rays { background-image: var(--stripesDark), var(--rainbow); - filter: blur(8px) opacity(16%) saturate(200%); + filter: blur(8px) opacity(10%) saturate(200%); } .rays::after { background-image: var(--stripesDark), var(--rainbow);