OTSSigns/OTSSigns-Website
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

Sync: update button styles for light and dark themes in homepage hero

Browse Source
This commit is contained in:
Matt Batchelder
2026-02-21 17:44:41 -05:00
parent a69521ab25
commit 7b4caa1267
1 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
theme/assets/css/main.css
View File

@@ -3037,6 +3037,19 @@ p:last-child { margin-bottom: 0; }
justify-content: center; justify-content: center;
} }
/* Keep secondary CTA visible on light homepage hero */
.hero-animated .btn-ghost {
border-color: rgba(var(--color-primary-rgb), .35);
color: var(--color-text);
background: rgba(255,255,255,.55);
}
.hero-animated .btn-ghost:hover {
border-color: rgba(var(--color-primary-rgb), .6);
background: rgba(var(--color-primary-rgb), .08);
color: var(--color-text);
}
.hero-animated__content .hero-stats { .hero-animated__content .hero-stats {
justify-content: center; justify-content: center;
} }
@@ -3607,6 +3620,16 @@ p:last-child { margin-bottom: 0; }
border-color: rgba(255,255,255,.25); border-color: rgba(255,255,255,.25);
} }
[data-theme="dark"] .hero-animated .btn-ghost {
color: #fff;
background: transparent;
}
[data-theme="dark"] .hero-animated .btn-ghost:hover {
background: rgba(255,255,255,.1);
color: #fff;
}
[data-theme="dark"] .platform-visual:not(.has-img):not(.has-dashboard) { [data-theme="dark"] .platform-visual:not(.has-img):not(.has-dashboard) {
background: var(--color-bg-alt); background: var(--color-bg-alt);
border-color: var(--color-border); border-color: var(--color-border);