From cd36e4a9a3e19298885db30f8af4ff21c50d5638 Mon Sep 17 00:00:00 2001 From: Pablo Date: Mon, 1 Sep 2025 16:56:09 +0200 Subject: [PATCH] clean up unused theme vars --- src/styles/semantic-tokens.css | 64 +++++++++++++++++++++++----------- tailwind.config.ts | 9 ----- 2 files changed, 43 insertions(+), 30 deletions(-) diff --git a/src/styles/semantic-tokens.css b/src/styles/semantic-tokens.css index e76d818472d..b2a8f9cf820 100644 --- a/src/styles/semantic-tokens.css +++ b/src/styles/semantic-tokens.css @@ -92,19 +92,25 @@ #000000 69.77% ); - --card-gradient: linear-gradient(123deg, rgba(255, 255, 255, 0.20) 58.99%, rgba(174, 110, 203, 0.13) 104.04%); - --card-gradient-secondary: linear-gradient(95deg, rgba(211, 145, 242, 0.12) 0%, rgba(159, 43, 212, 0.12) 102.78%); - --card-gradient-secondary-hover: linear-gradient(95deg, rgba(211, 145, 242, 0.2) 0%, rgba(159, 43, 212, 0.2) 102.78%); - --ten-year-gradient: linear-gradient(100deg, #F6C9EA 55.38%, #C7A9F1 110.54%); - - /* Rainbow gradients */ - --rainbow-gradient: conic-gradient( - from 0deg, - hsla(var(--primary)), - hsla(var(--accent-b)), - hsla(var(--accent-a)), - hsla(var(--accent-c)), - hsla(var(--primary)) + --card-gradient: linear-gradient( + 123deg, + rgba(255, 255, 255, 0.2) 58.99%, + rgba(174, 110, 203, 0.13) 104.04% + ); + --card-gradient-secondary: linear-gradient( + 95deg, + rgba(211, 145, 242, 0.12) 0%, + rgba(159, 43, 212, 0.12) 102.78% + ); + --card-gradient-secondary-hover: linear-gradient( + 95deg, + rgba(211, 145, 242, 0.2) 0%, + rgba(159, 43, 212, 0.2) 102.78% + ); + --ten-year-gradient: linear-gradient( + 100deg, + #f6c9ea 55.38%, + #c7a9f1 110.54% ); /* Shadows */ @@ -134,10 +140,14 @@ --shadow-window-box-5-opacity: 0.08; --shadow-window-box-1: 0px 2px 12px 1px hsla(var(--purple-800), var(--shadow-window-box-1-opacity)); - --shadow-window-box-2: 0px 16px 12px -3px hsla(var(--purple-800), var(--shadow-window-box-2-opacity)); - --shadow-window-box-3: 0px 32px 24px -6px hsla(var(--purple-800), var(--shadow-window-box-3-opacity)); - --shadow-window-box-4: 0px 40px 40px -12px hsla(var(--purple-700), var(--shadow-window-box-4-opacity)); - --shadow-window-box-5: 0px -64px 120px 80px hsla(var(--purple-100), var(--shadow-window-box-5-opacity)); + --shadow-window-box-2: 0px 16px 12px -3px + hsla(var(--purple-800), var(--shadow-window-box-2-opacity)); + --shadow-window-box-3: 0px 32px 24px -6px + hsla(var(--purple-800), var(--shadow-window-box-3-opacity)); + --shadow-window-box-4: 0px 40px 40px -12px + hsla(var(--purple-700), var(--shadow-window-box-4-opacity)); + --shadow-window-box-5: 0px -64px 120px 80px + hsla(var(--purple-100), var(--shadow-window-box-5-opacity)); /* Staking */ --staking-gold: 43, 84%, 40%; @@ -149,7 +159,11 @@ --staking-red: 4, 36%, 46%; --staking-red-fill: 140, 27%, 98%; - --shadow-widget: 2px 2px 12px 1px rgba(52, 43, 64, 0.02), -16px 16px 12px -3px rgba(52, 43, 64, 0.02), -32px 32px 24px -6px rgba(52, 43, 64, 0.02), -40px 40px 40px -12px rgba(88, 55, 131, 0.04); + --shadow-widget: + 2px 2px 12px 1px rgba(52, 43, 64, 0.02), + -16px 16px 12px -3px rgba(52, 43, 64, 0.02), + -32px 32px 24px -6px rgba(52, 43, 64, 0.02), + -40px 40px 40px -12px rgba(88, 55, 131, 0.04); } /* Dark mode token declarations */ @@ -220,8 +234,12 @@ #8db4ff 69.77% ); - --roadmap-card-gradient: linear-gradient(123deg, rgba(34, 34, 34, 0.20) 40.53%, rgba(174, 110, 203, 0.13) 104.05%); - --ten-year-gradient: linear-gradient(100deg, #1E151B 55.38%, #000 110.54%); + --roadmap-card-gradient: linear-gradient( + 123deg, + rgba(34, 34, 34, 0.2) 40.53%, + rgba(174, 110, 203, 0.13) 104.05% + ); + --ten-year-gradient: linear-gradient(100deg, #1e151b 55.38%, #000 110.54%); /* Shadows (dark mode adjustments) */ --shadow-color: hsla(var(--white), 0.04); @@ -252,6 +270,10 @@ --staking-red: 6, 24%, 78%; --staking-red-fill: 140, 3%, 19%; - --shadow-widget: -2px 2px 12px 1px rgba(255, 255, 255, 0.04), -6px 6px 12px -3px rgba(255, 255, 255, 0.04), -12px 12px 24px -6px rgba(255, 255, 255, 0.04), -20px 20px 40px -12px rgba(255, 255, 255, 0.04); + --shadow-widget: + -2px 2px 12px 1px rgba(255, 255, 255, 0.04), + -6px 6px 12px -3px rgba(255, 255, 255, 0.04), + -12px 12px 24px -6px rgba(255, 255, 255, 0.04), + -20px 20px 40px -12px rgba(255, 255, 255, 0.04); } } diff --git a/tailwind.config.ts b/tailwind.config.ts index 894005e3fb4..8e6e4cef472 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -237,7 +237,6 @@ const config = { "card-gradient-secondary": "var(--card-gradient-secondary)", "card-gradient-secondary-hover": "var(--card-gradient-secondary-hover)", "ten-year-gradient": "var(--ten-year-gradient)", - "rainbow-gradient": "var(--rainbow-gradient)", }, boxShadow: { "table-box": "var(--table-box-shadow)", @@ -307,12 +306,6 @@ const config = { "0%": { opacity: "0" }, "100%": { opacity: "1" }, }, - "rotate-back-and-forth": { - "0%": { transform: "rotate(0deg)" }, - "25%": { transform: "rotate(5deg)" }, - "75%": { transform: "rotate(-5deg)" }, - "100%": { transform: "rotate(0deg)" }, - }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", @@ -327,11 +320,9 @@ const config = { "spin-18": "spin 36s linear infinite", "counter-spin-18": "spin 36s linear infinite reverse", "spin-9": "spin 18s linear infinite", - "spin-4": "spin 4s linear infinite", "counter-spin-9": "spin 18s linear infinite reverse", "pulse-light": "pulse-light 2s cubic-bezier(0.4, 0, 0.6, 1) infinite", "fade-in": "fade-in 150ms ease-in-out", - wave: "rotate-back-and-forth 1s linear infinite", }, // Add custom border-radius tailwinds extension for "4xl" as "2rem" borderRadius: {