remove radial gradient and use new one

Author: pettinarip

src/pages/get-eth.tsx

@@ -30,6 +30,7 @@ import { Divider } from "@/components/ui/divider"
 import { Stack } from "@/components/ui/flex"
 import InlineLink from "@/components/ui/Link"
 
+import { cn } from "@/lib/utils/cn"
 import { existsNamespace } from "@/lib/utils/existsNamespace"
 import { getLastDeployDate } from "@/lib/utils/getLastDeployDate"
 import { getLastModifiedDateByPath } from "@/lib/utils/gh"
@@ -270,7 +271,10 @@ const GetEthPage = ({
 
         <div
           id="country-picker"
-          className="-mx-8 my-0 flex flex-col items-center bg-radial-gradient px-8 py-16 sm:p-16 md:my-16 lg:mx-0"
+          className={cn(
+            "-mx-8 my-0 flex flex-col items-center px-8 py-16 sm:p-16 md:my-16 lg:mx-0",
+            "bg-gradient-to-r from-accent-a/10 to-accent-c/10 dark:from-accent-a/20 dark:to-accent-c-hover/20"
+          )}
         >
           <CentralizedExchanges lastDataUpdateDate={lastDataUpdateDate} />
         </div>

src/styles/global.css

@@ -23,12 +23,6 @@
       rgba(84, 132, 234, 0.2) 51.56%,
       rgba(58, 142, 137, 0.2) 100%
     );
-    --radial-gradient: radial-gradient(
-      46.28% 66.31% at 66.95% 58.35%,
-      rgba(127, 127, 213, 0.2) 0%,
-      rgba(134, 168, 231, 0.2) 50%,
-      rgba(145, 234, 228, 0.2) 100%
-    );
     --feedback-gradient: var(--gradient-main);
     --table-box-shadow: 0 14px 66px rgba(0, 0, 0, 0.07),
       0 10px 17px rgba(0, 0, 0, 0.03), 0 4px 7px rgba(0, 0, 0, 0.05);
@@ -62,12 +56,6 @@
       rgba(84, 132, 234, 0.2) 51.56%,
       rgba(58, 142, 137, 0.2) 100%
     );
-    --radial-gradient: radial-gradient(
-      46.28% 66.31% at 66.95% 58.35%,
-      rgba(127, 127, 213, 0.2) 0%,
-      rgba(134, 168, 231, 0.2) 50%,
-      rgba(145, 234, 228, 0.2) 100%
-    );
     --feedback-gradient: linear-gradient(
       83.46deg,
       #2c2c32 7.03%,

tailwind.config.ts

@@ -212,7 +212,6 @@ const config = {
         "banner-grid-gradient": "var(--banner-grid-gradient)",
         "radial-a": "var(--radial-a)",
         "linear-bug-bounty-title": "var(--linear-bug-bounty-title)",
-        "radial-gradient": "var(--radial-gradient)",
       },
       boxShadow: {
         "table-box": "var(--table-box-shadow)",