From 0110e1aa7ebc491982cfa5076c1f8d7b442f4513 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 26 Jun 2026 20:16:23 +0000 Subject: [PATCH] Update theme style --- src/index.css | 22 +++++++++------------- 1 file changed, 9 insertions(+), 13 deletions(-) diff --git a/src/index.css b/src/index.css index e8f2ed1..066dbff 100644 --- a/src/index.css +++ b/src/index.css @@ -16,7 +16,7 @@ --background-accent: #8b6914; /* @layout/border-radius/rounded */ - --radius: 1.5rem; + --radius: 1rem; /* @layout/content-width/medium */ --width-content-width: clamp(40rem, 72.5vw, 100rem); @@ -167,20 +167,16 @@ h6 { .primary-button { /* WEBILD_PRIMARY_BUTTON */ - /* @primaryButtons/radial-glow */ - background: - radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--color-background) 32.5%, transparent) 0%, transparent 45%), - radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--color-background) 32.5%, transparent) 0%, transparent 45%), - var(--color-primary-cta); - box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 30%, transparent); + /* @primaryButtons/glass-shimmer */ + background: linear-gradient(165deg, color-mix(in srgb, var(--color-primary-cta) 85%, var(--color-foreground)) 0%, var(--color-primary-cta) 40%, color-mix(in srgb, var(--color-primary-cta) 90%, var(--color-background)) 100%); + box-shadow: inset 0 1px 1px 0 color-mix(in srgb, var(--color-foreground) 25%, transparent), inset 0 -1px 1px 0 color-mix(in srgb, var(--color-background) 15%, transparent), 0 4px 12px -2px color-mix(in srgb, var(--color-primary-cta) 25%, transparent); } .secondary-button { /* WEBILD_SECONDARY_BUTTON */ - /* @secondaryButtons/radial-glow */ - background: - radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--color-accent) 15%, transparent) 0%, transparent 40%), - radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--color-accent) 15%, transparent) 0%, transparent 40%), - var(--color-secondary-cta); - box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent); + /* @secondaryButtons/glass */ + backdrop-filter: blur(8px); + background: linear-gradient(to bottom right, color-mix(in srgb, var(--color-secondary-cta) 80%, transparent), var(--color-secondary-cta)); + box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); + border: 1px solid var(--color-secondary-cta); } -- 2.49.1