Theme code blocks in posts; a11y fixes from impeccable audit

- Dark velvet pre/code styling + Westgate hljs syntax palette for post
  content and composer preview (markdown plugin's light hljs theme was
  rendering white blocks)
- Visible focus ring on mobile drawer search (was outline: 0 with no
  replacement)
- Placeholder contrast raised to pass 4.5:1; tagsinput placeholder now
  reuses the token instead of $gray-500
- prefers-reduced-motion block zeroing transitions/animations
- Fix stray </li> closing a <div> in quick-search-results.tpl

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-07-16 15:24:59 +02:00
co-authored by Claude Fable 5
parent 9ec0170e37
commit b91b142448
5 changed files with 114 additions and 3 deletions
+2 -2
View File
@@ -66,7 +66,7 @@ $input-bg: rgba($white, 0.025) !default;
$input-color: $wg-text !default;
$input-border-color: rgba($wg-gold, 0.18) !default;
$input-focus-border-color: rgba($wg-gold, 0.42) !default;
$input-placeholder-color: rgba($wg-text-soft, 0.62) !default;
$input-placeholder-color: rgba($wg-text-soft, 0.74) !default;
$btn-border-radius: 6px !default;
$border-radius: 8px !default;
$border-radius-sm: 6px !default;
@@ -109,5 +109,5 @@ $breadcrumb-active-color: $body-color !default;
$breadcrumb-item-padding-x: 12px !default;
.form-control::placeholder, .bootstrap-tagsinput::placeholder {
color: $gray-500 !important;
color: $input-placeholder-color !important;
}