KTL-1238 feat: updated gradient

Author: berezinant

gatsby-browser.js

@@ -1 +1,2 @@
+import './src/styles/global.css';
 import './src/styles/palette.css';

src/components/Layout/typography.css

@@ -21,13 +21,7 @@
 }
 
 .ktl-text--rainbow {
-  background: radial-gradient(
-    89.53% 145.96% at 0.34% 100.79%,
-    #ed495b 0%,
-    #de4970 17.58%,
-    #b44db0 50.31%,
-    #7f52ff 97.03%
-  );
+  background: var(--kt-gradinent);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;

src/components/ProductHighlight/productHighlight.module.css

@@ -45,13 +45,7 @@
 
 @supports (-webkit-background-clip: text) {
   .number {
-    background: radial-gradient(
-      89.53% 145.96% at 0.34% 100.79%,
-      #ed495b 0%,
-      #de4970 17.58%,
-      #b44db0 50.31%,
-      #7f52ff 97.03%
-    );
+    background: var(--kt-gradinent);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }

src/styles/global.css

@@ -0,0 +1,10 @@
+:root {
+  --kt-old-gradient: radial-gradient(
+    89.53% 145.96% at 0.34% 100.79%,
+    #ed495b 0%,
+    #de4970 17.58%,
+    #b44db0 50.31%,
+    #7f52ff 97.03%
+  );
+  --kt-gradinent: radial-gradient(114.55% 114.55% at 96.68% 4.11%, #e54857 0%, #c811e2 50%, #7f52ff 100%);
+}