diff options
| author | Danilo M. <danix@danix.xyz> | 2026-05-04 16:16:53 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-05-04 16:17:06 +0200 |
| commit | 00ef4aaba83bc8962b308278be735366b844ed6e (patch) | |
| tree | e2f5c95c54fc9888b7e1aff642c786f50164f66c /assets/css/main.min.css | |
| parent | 34c5993739c73396f54412ae2408f061497ced7d (diff) | |
| download | danixxyz-theme-00ef4aaba83bc8962b308278be735366b844ed6e.tar.gz danixxyz-theme-00ef4aaba83bc8962b308278be735366b844ed6e.zip | |
build: recompile CSS with --on-accent var and CTA centering
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'assets/css/main.min.css')
| -rw-r--r-- | assets/css/main.min.css | 22 |
1 files changed, 20 insertions, 2 deletions
diff --git a/assets/css/main.min.css b/assets/css/main.min.css index 5e9432c..0495346 100644 --- a/assets/css/main.min.css +++ b/assets/css/main.min.css @@ -1427,7 +1427,7 @@ button, .btn-primary { background-color: var(--accent); - color: #ffffff; + color: var(--on-accent); } .btn-primary:hover:not(:disabled) { @@ -3244,6 +3244,8 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay { --type-quote-text: #000000; --type-link-text: #000000; --type-photo-text: #000000; + /* Text on accent background — WCAG AA compliant */ + --on-accent: #f0f0f0; /* Callout shortcode colors */ --callout-note: var(--accent); --callout-tip: var(--accent2); @@ -3281,6 +3283,8 @@ html.theme-light { --type-quote-text: #000000; --type-link-text: #000000; --type-photo-text: #ffffff; + /* Text on accent background — WCAG AA compliant */ + --on-accent: #f0f4f8; /* Callout shortcode colors */ --callout-danger: #ef4444; } @@ -3312,6 +3316,8 @@ html.theme-light { --type-quote-text: #000000; --type-link-text: #000000; --type-photo-text: #ffffff; + /* Text on accent background — WCAG AA compliant */ + --on-accent: #f0f4f8; /* Callout shortcode colors */ --callout-danger: #ef4444; } @@ -4559,7 +4565,7 @@ html.theme-light .callout-success { border-radius: 0.5rem; display: flex; flex-direction: column; - align-items: flex-start; + align-items: center; gap: 0.75rem; box-shadow: 0 0 20px var(--accent-glow); } @@ -4569,6 +4575,18 @@ html.theme-light .callout-success { color: var(--text-dim); margin: 0; line-height: 1.6; + text-align: center; +} + +/* Override base `a { color: var(--accent) }` — button needs on-accent text */ + +.cta-block .btn-primary { + color: var(--on-accent); +} + +.cta-block .btn-primary:hover { + color: var(--on-accent); + opacity: 1; } html.theme-light .cta-block { |