bender/4ec5b537-cd86-4cf2-9303-404e102cdfd9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_3_1782504989349
Branches Tags
bender:main bender:version_7_1782505044066 bender:version_6_1782505035852 bender:version_5_1782505028237 bender:version_4_1782505020406 bender:version_3_1782504989349 bender:version_2_1782504983351 bender:version_1_1782504276007
...
pull from: bender:version_6_1782505035852
Branches Tags
bender:main bender:version_7_1782505044066 bender:version_6_1782505035852 bender:version_5_1782505028237 bender:version_4_1782505020406 bender:version_3_1782504989349 bender:version_2_1782504983351 bender:version_1_1782504276007

3 Commits
version_3_ ... version_6_

Author SHA1 Message Date
bender
ccee5f6730 Update theme style 2026-06-26 20:17:16 +00:00
bender
9cc9dbf373 Update theme style 2026-06-26 20:17:08 +00:00
bender
628196dd38 Update theme style 2026-06-26 20:17:00 +00:00
1 changed files with 11 additions and 14 deletions
Expand all files Collapse all files

25
src/index.css
View File

@@ -16,7 +16,7 @@
--background-accent: #8b6914;
/* @layout/border-radius/rounded */
--radius: 1rem;
--radius: 9999px;
/* @layout/content-width/medium */
--width-content-width: clamp(40rem, 72.5vw, 100rem);
@@ -158,25 +158,22 @@ h6 {
.card {
/* WEBILD_CARD_STYLE */
/* @cards/glass-elevated */
backdrop-filter: blur(8px);
background: linear-gradient(to bottom right, color-mix(in srgb, var(--color-card) 80%, transparent), color-mix(in srgb, var(--color-card) 40%, transparent));
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
border: 1px solid var(--color-card);
/* @cards/inset */
background: color-mix(in srgb, var(--color-card) 95%, var(--color-accent) 5%);
box-shadow:
inset 2px 2px 4px color-mix(in srgb, var(--color-foreground) 8%, transparent),
inset -2px -2px 4px color-mix(in srgb, var(--color-background) 20%, transparent);
}
.primary-button {
/* WEBILD_PRIMARY_BUTTON */
/* @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);
/* @primaryButtons/metallic */
background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary-cta) 80%, var(--color-foreground)) 0%, var(--color-primary-cta) 25%, color-mix(in srgb, var(--color-primary-cta) 90%, var(--color-background)) 50%, var(--color-primary-cta) 75%, color-mix(in srgb, var(--color-primary-cta) 85%, var(--color-foreground)) 100%);
box-shadow: inset 0 1px 0 0 color-mix(in srgb, var(--color-foreground) 30%, transparent), 0 3px 8px -2px color-mix(in srgb, var(--color-background) 50%, transparent);
}
.secondary-button {
/* WEBILD_SECONDARY_BUTTON */
/* @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);
/* @secondaryButtons/solid */
background: var(--color-secondary-cta);
}