Partially solves #143

[maxi4329]

Description

Settings

• Themes option on the /account page
• Theme page
  • Adjustable font size
  • Adjustable background color
  • Adjustable text color
  • Save/load all of that

Inclusive Accessibility Theme

• Font Size: 20px
• Background Color: #FFFFFF (White)
• Text Color: #000000 (Black)
• Font Family: Use a dyslexia-friendly font such as OpenDyslexic or Lexend.
• High Contrast Elements: Ensure all interactive elements (buttons, links, etc.) have a contrast ratio of at least 7:1 against the background.
• Increased Line Spacing: Set line-height to 1.6 for better readability.
• Increased Letter Spacing: Slightly increase letter-spacing to improve readability for dyslexic users.
• Focus Indicators: Use a prominent focus outline color (#FFD700 - Gold) to ensure clear visibility during keyboard navigation.
• Ensure compliance with WCAG 2.1 AA standards

Other

• Color input component

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Translation updates (fix/improve or add new translations)

Fixes Bootstrap-Academy/Bootstrap-Academy#143

My Bootstrap Academy username: maxi4329

[github-actions]

Preview deployed to https://063b1860.academy-preview.pages.dev (total size: 15M)