gradient updates

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);