Build a Basic Theming Configuration

[manish3299]

Add a Basic Theming Configuration for Custom Styles

Description:
Implement a simple theming mechanism that allows users to override default styles, such as focus rings and accessible component styles. This is a foundational step toward advanced customization.

Tasks:

• Create a configuration file (e.g., src/config/theme.js).
• Define a default theme object with key properties (colors, borders, font sizes).
• Modify one component (or create a demo component) to use styles from the theme configuration.
• Document how developers can import and override the theme.

Steps to Get Started:

1. Fork the repository and create a branch called feature/theming-config.
2. Create src/config/theme.js with a default theme.
3. Update an accessible component (like AccessibleButton) to reference these theme variables.
4. Verify that changes to the theme file reflect in the component styling.
5. Open a pull request with your changes and update the README with theming usage instructions.

This is an excellent opportunity for contributors interested in UI/UX and design customizations!