commit 19cd252ccfdb063b3cd814f2d93ae1f1c3e5fd81
parent a0badf30fb25fad9d2738a52416e0017b19de57f
Author: Amit Dutta <amitdutta4255@gmail.com>
Date: Thu, 2 Jul 2026 10:31:15 +0530
fix(banner): replace hardcoded blue with brand color variable
Banner.vue was still using the old hardcoded blue (#5c6bc8) from before the Mauve theme switch. Now uses var(--vp-c-brand-1) so it stays in sync with the rest of the site across light/dark mode.
Diffstat:
2 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/docs/.vitepress/theme/components/Banner.vue b/docs/.vitepress/theme/components/Banner.vue
@@ -84,9 +84,8 @@ const acceptTerms = () => {
.terms-banner {
pointer-events: auto;
width: 100%;
- background-color: #5c6bc8f6;
+ background-color: color-mix(in srgb, var(--banner-bg) 96%, transparent);
color: #ffffff;
- /* Adjusted padding to wrap content naturally instead of forcing 33vh */
padding: 32px 24px calc(24px + env(safe-area-inset-bottom)) 24px;
box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.15);
font-family: var(--vp-font-family-base);
@@ -146,7 +145,7 @@ const acceptTerms = () => {
.banner-btn {
background-color: #ffffff;
- color: #5c6bc8;
+ color: #5b21b6;
padding: 12px 28px;
border-radius: 6px;
font-size: 14px;
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
@@ -37,6 +37,7 @@
--vp-c-brand-2: #7c3aed;
--vp-c-brand-3: #6d28d9;
--vp-c-brand: #8839ef;
+ --banner-bg: #8839ef;
/* Home hero gradient (light) */
--vp-home-hero-image-background-image: linear-gradient(
