Implement dark theme for main menu and all views using Bootstrap dark variant

[Copilot]

Changed the application theme from light to dark using Bootstrap 4's native dark navbar variant and custom dark background styling for all main views.

Changes

• Navbar theme: Changed from color="light" light to color="dark" dark" in appNavbar.tsx
• Global styling: Added dark background (#212529) and light text (#f8f9fa) to body element in common.css
• Component styling: Added dark theme styles for Bootstrap components including:
  • List group items (quest list)
  • Form controls (text inputs, selects)
  • Dropdown menus and items
  • Alert components with improved accessibility

/* Dark theme for the application */
body {
  background-color: #212529;
  color: #f8f9fa;
}

/* Dark theme for Bootstrap components */
.list-group-item {
  background-color: #343a40;
  border-color: #495057;
  color: #f8f9fa;
}

.form-control {
  background-color: #495057;
  border-color: #6c757d;
  color: #f8f9fa;
}

/* Additional styles for dropdowns, alerts, etc. */

Screenshots

Quest List with Dark Theme

Options Page with Dark Form Controls

Champions Page with Dark Alert

About Page

Notes

Editor and gameplay views remain unchanged as they were not requested to be modified.

Original prompt

I need to change theme from light to dark in the main menu in this project. I am using bootsrap so we might just use bootstrap dark theme.

Created from VS Code via the GitHub Pull Request extension.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[roginvs]

@copilot Good, you changed main menu. How about other views, questList.tsx for example? No need to change editor or gameplay

[Copilot]

@copilot Good, you changed main menu. How about other views, questList.tsx for example? No need to change editor or gameplay

Extended the dark theme to all views including questList.tsx. Added dark styling for list group items, form controls, dropdowns, and alerts. Editor and gameplay remain unchanged as requested.

Updated Quest List:

Champions Page:

Options Page:

Changes in commits 8eedbae and 3173299.

[roginvs]

@copilot The app looks terrible now

[Copilot]

@copilot The app looks terrible now

I understand you're not happy with the dark theme. Could you clarify what specifically looks terrible? Would you like me to:

1. Revert all changes back to the original light theme?
2. Adjust the dark theme styling (e.g., colors, contrast, specific components)?
3. Make the theme configurable so users can toggle between light and dark?

Please let me know which approach you'd prefer.