Problem/Motivation

Currently, Belgrade allows customization of primary, light, dark, body text, and body background colors through theme settings, but state colors (success, danger, warning, info) are hardcoded in SCSS:

  • Success: #00746b (green)
  • Danger: #ff4141 (red)
  • Warning: #f28d4f (orange)
  • Info: #72b5e4 (blue)

These colors are used throughout the theme for:

  • Alert messages
  • Button variants (btn-success, btn-danger, etc.)
  • Form validation states
  • List groups
  • Focus rings
  • Various UI feedback elements

There is no way to customize state colors for branding. We alaso have limited accessibility options (can't adjust contrast ratios). That all is inconsistent with the primary color customization pattern.
And subthemes must override SCSS variables instead of using theme settings.

Comments

majmunbog created an issue.