Summary

Added accent-color CSS variable to style form elements (checkboxes, radio buttons, range inputs) consistently with the theme's primary color.

Changes

Added accent-color: var(--primary-color); to the global styles. This affects:

• Checkboxes
• Radio buttons
• Range inputs
• Progress bars

Respects the use of skins or custom CSS.

Screenshots

Before:

Uses the OS accent colour (pink, for me)

After:

Uses the primary-color variable.

Type of change

• Bug fix (fixes an issue without altering functionality)
• New feature (adds non-breaking functionality)
• Breaking change (alters existing functionality)
• UI/UX improvement (enhances user interface without altering functionality)
• Refactor (improves code quality without altering functionality)
• Documentation update
• Other (please describe below)

Checklist

• I have verified the accessibility of my changes
• I have tested all possible scenarios for this change
• I have updated theme.toml with a sane default for the feature
• I have made corresponding changes to the documentation:
  • Updated config.toml comments
  • Updated theme.toml comments
  • Updated "Mastering tabi" post in English
  • Updated "Mastering tabi" post in Spanish
  • Updated "Mastering tabi" post in Catalan