From 9cc9dbf37320e62e043af0c970cae92d618c48c4 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 26 Jun 2026 20:17:08 +0000 Subject: [PATCH] Update theme style --- src/index.css | 30 ++++++++---------------------- 1 file changed, 8 insertions(+), 22 deletions(-) diff --git a/src/index.css b/src/index.css index a1239e9..938e34a 100644 --- a/src/index.css +++ b/src/index.css @@ -16,7 +16,7 @@ --background-accent: #8b6914; /* @layout/border-radius/rounded */ - --radius: 1rem; + --radius: 0.5rem; /* @layout/content-width/medium */ --width-content-width: clamp(40rem, 72.5vw, 100rem); @@ -158,33 +158,19 @@ h6 { .card { /* WEBILD_CARD_STYLE */ - /* @cards/gradient-mesh */ - background: - radial-gradient(at 0% 0%, color-mix(in srgb, var(--color-accent) 15%, transparent) 0px, transparent 50%), - radial-gradient(at 100% 0%, color-mix(in srgb, var(--color-accent) 10%, transparent) 0px, transparent 50%), - radial-gradient(at 100% 100%, color-mix(in srgb, var(--color-accent) 20%, transparent) 0px, transparent 50%), - radial-gradient(at 0% 100%, color-mix(in srgb, var(--color-accent) 12%, transparent) 0px, transparent 50%), - var(--color-card); + /* @cards/outline */ + background: var(--color-card); + border: 1px solid color-mix(in srgb, var(--color-accent) 25%, transparent); } .primary-button { /* WEBILD_PRIMARY_BUTTON */ - /* @primaryButtons/gradient */ - background: linear-gradient(to bottom, color-mix(in srgb, var(--color-primary-cta) 75%, transparent), var(--color-primary-cta)); - box-shadow: color-mix(in srgb, var(--color-background) 25%, transparent) 0px 1px 1px 0px inset, color-mix(in srgb, var(--color-primary-cta) 15%, transparent) 3px 3px 3px 0px; + /* @primaryButtons/flat */ + background: var(--color-primary-cta); } .secondary-button { /* WEBILD_SECONDARY_BUTTON */ - /* @secondaryButtons/layered */ - background: - linear-gradient(color-mix(in srgb, var(--color-accent) 5%, transparent) 0%, transparent 59.26%), - linear-gradient(var(--color-secondary-cta), var(--color-secondary-cta)), - linear-gradient(var(--color-secondary-cta), var(--color-secondary-cta)), - linear-gradient(color-mix(in srgb, var(--color-accent) 5%, transparent) 0%, transparent 59.26%), - linear-gradient(color-mix(in srgb, var(--color-secondary-cta) 60%, transparent), color-mix(in srgb, var(--color-secondary-cta) 60%, transparent)), - var(--color-secondary-cta); - box-shadow: - 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent); - border: 1px solid var(--color-secondary-cta); + /* @secondaryButtons/solid */ + background: var(--color-secondary-cta); } -- 2.49.1