From 5138b0d7617b80a881f68330fca84da8be142c21 Mon Sep 17 00:00:00 2001
From: Sagnik Ganguly <sagnikganguly2012@rediffmail.com>
Date: Tue, 14 Feb 2023 17:34:03 +0530
Subject: [PATCH] FIXED: Utility: Gradient: CSS variables were not set which
 made the colors unusable.

---
 src/css/utilities/gradients.css | 49 ++++++++++++++++++++++++++++++---
 1 file changed, 45 insertions(+), 4 deletions(-)

diff --git a/src/css/utilities/gradients.css b/src/css/utilities/gradients.css
index cc82840c..2d63ef0d 100644
--- a/src/css/utilities/gradients.css
+++ b/src/css/utilities/gradients.css
@@ -5,6 +5,47 @@
  * VIOLATING THE ABOVE TERMS IS A PUNISHABLE OFFENSE WHICH MAY LEAD TO LEGAL CONSEQUENCES.
  */
 
+:root {
+	--frozen-dreams-gradient: linear-gradient(to top, #fdcbf1 0, #fdcbf1 1%, #e6dee9 100%);
+	--lady-lips-gradient: linear-gradient(to top, #ff9a9e 0, #fecfef 99%, #fecfef 100%);
+	--spring-warmth-gradient: linear-gradient(to top, #fad0c4 0, #ffd1ff 100%);
+	--amy-crisp-gradient: linear-gradient(120deg, #a6c0fe 0, #f68084 100%);
+	--mean-fruit-gradient: linear-gradient(120deg, #fccb90 0, #d57eeb 100%);
+	--juicy-peach-gradient: linear-gradient(to right, #ffecd2 0, #fcb69f 100%);
+	--warm-flame-gradient: linear-gradient(45deg, #ff9a9e 0, #fad0c4 99%, #fad0c4 100%);
+	--young-passion-gradient: linear-gradient(to right, #ff8177 0, #ff867a 0, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
+	--peach-gradient: linear-gradient(40deg, #ffd86f, #fc6262);
+	--sunny-morning-gradient: linear-gradient(120deg, #f6d365 0, #fda085 100%);
+	--deep-blue-gradient: linear-gradient(120deg, #e0c3fc 0, #8ec5fc 100%);
+	--aqua-gradient: linear-gradient(40deg, #2096ff, #05ffa3);
+	--blue-gradient: linear-gradient(40deg, #45cafc, #303f9f);
+	--dusty-grass-gradient: linear-gradient(120deg, #d4fc79 0, #96e6a1 100%);
+	--morpheus-den-gradient: linear-gradient(to top, #30cfd0 0, #330867 100%);
+	--near-moon-gradient: linear-gradient(to top, #5ee7df 0, #b490ca 100%);
+	--tempting-azure-gradient: linear-gradient(120deg, #84fab0 0, #8fd3f4 100%);
+	--winter-neva-gradient: linear-gradient(120deg, #a1c4fd 0, #c2e9fb 100%);
+	--rare-wind-gradient: linear-gradient(to top, #a8edea 0, #fed6e3 100%);
+	--rainy-ashville-gradient: linear-gradient(to top, #fbc2eb 0, #a6c1ee 100%);
+	--night-fade-gradient: linear-gradient(to top, #a18cd1 0, #fbc2eb 100%);
+	--purple-gradient: linear-gradient(40deg, #ff6ec4, #7873f5);
+	--ripe-malinka-gradient: linear-gradient(120deg, #f093fb 0, #f5576c 100%);
+	--cloudy-knoxville-gradient: linear-gradient(120deg, #fdfbfb 0, #ebedee 100%);
+	--heavy-rain-gradient: linear-gradient(to top, #cfd9df 0, #e2ebf0 100%);
+	--custom-gradient: radial-gradient(circle at center,
+	hsl(0, 100%, 50%) 0%,
+	hsl(30, 100%, 50%) 10%,
+	hsl(60, 100%, 50%) 20%,
+	hsl(120, 100%, 50%) 30%,
+	hsl(180, 100%, 50%) 40%,
+	hsl(210, 100%, 50%) 50%,
+	hsl(240, 100%, 50%) 60%,
+	hsl(270, 100%, 50%) 70%,
+	hsl(300, 100%, 50%) 80%,
+	hsl(330, 100%, 50%) 90%,
+	hsl(360, 100%, 50%) 100%
+	);
+}
+
 .primary-gradient {
 	background-image: var(--sgn-gradient-primary) !important;
 }
@@ -87,7 +128,7 @@
 }
 
 .peach-gradient {
-	background: linear-gradient(40deg, #ffd86f, #fc6262) !important;
+	background-image: linear-gradient(40deg, #ffd86f, #fc6262) !important;
 }
 
 .sunny-morning-gradient {
@@ -99,11 +140,11 @@
 }
 
 .aqua-gradient {
-	background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
+	background-image: linear-gradient(40deg, #2096ff, #05ffa3) !important;
 }
 
 .blue-gradient {
-	background: linear-gradient(40deg, #45cafc, #303f9f) !important;
+	background-image: linear-gradient(40deg, #45cafc, #303f9f) !important;
 }
 
 .dusty-grass-gradient {
@@ -139,7 +180,7 @@
 }
 
 .purple-gradient {
-	background: linear-gradient(40deg, #ff6ec4, #7873f5) !important;
+	background-image: linear-gradient(40deg, #ff6ec4, #7873f5) !important;
 }
 
 .ripe-malinka-gradient {