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

3 Commits
version_1_ ... version_4_

Author SHA1 Message Date
bender
628196dd38 Update theme style 2026-06-26 20:17:00 +00:00
bender
44ca4dc56c Update theme style 2026-06-26 20:16:29 +00:00
bender
0110e1aa7e Update theme style 2026-06-26 20:16:23 +00:00
1 changed files with 20 additions and 16 deletions
Expand all files Collapse all files

36
src/index.css
View File

@@ -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);
@@ -158,29 +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/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/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/radial-glow */
/* @secondaryButtons/layered */
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%),
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);
box-shadow:
2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent);
border: 1px solid var(--color-secondary-cta);
}