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_4_1782505020406
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

1 Commits
version_3_ ... version_4_

Author SHA1 Message Date
bender
628196dd38 Update theme style 2026-06-26 20:17:00 +00:00
1 changed files with 20 additions and 12 deletions
Expand all files Collapse all files

32
src/index.css
View File

@@ -158,25 +158,33 @@ 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/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);
}
.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/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;
}
.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);
/* @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);
}