Skip to content

Commit 35301ac

Browse files
authored
Merge pull request #44 from tgiachi/docs/hero-cta-contrast
docs: fix API reference button contrast in the hero
2 parents 0bdb5ec + 4b7f0c0 commit 35301ac

1 file changed

Lines changed: 12 additions & 0 deletions

File tree

docs/templates/squidstd/public/main.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,18 @@ article h1[align] {
8686
.sqd-install code { color: var(--sqd-accent); background: transparent; }
8787
.sqd-cta { margin-top: 0.5rem; }
8888
.sqd-cta .btn { margin: 0 0.25rem; }
89+
/* The hero background is always dark: the outline button must use light text/border,
90+
regardless of the page color mode. */
91+
.sqd-cta .btn-outline-primary {
92+
--bs-btn-color: #eaf6f8;
93+
--bs-btn-border-color: var(--sqd-accent);
94+
--bs-btn-hover-color: var(--sqd-ink);
95+
--bs-btn-hover-bg: var(--sqd-accent);
96+
--bs-btn-hover-border-color: var(--sqd-accent);
97+
--bs-btn-active-color: var(--sqd-ink);
98+
--bs-btn-active-bg: var(--sqd-accent);
99+
--bs-btn-active-border-color: var(--sqd-accent);
100+
}
89101

90102
.sqd-cards {
91103
display: grid;

0 commit comments

Comments
 (0)