Partially solves #143

[maxi4329]

Description

Settings

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

Inclusive Accessibility Theme

• [ ] Font Size: 20px
• [x] Background Color: #FFFFFF (White)
• [ ] Text Color: #000000 (Black)
• [x] 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.
• [x] Increased Line Spacing: Set line-height to 1.6 for better readability.
• [x] Increased Letter Spacing: Slightly increase letter-spacing to improve readability for dyslexic users.
• [x] 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)
• [x] 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