Implement dark theme

[jogabyte]

Summary

Implement a dark theme for the shotgun_code application to improve user experience, especially in low-light environments.

Details & Considerations

• The repo is primarily composed of Vue (46.7%) and Go (46.3%), with some JavaScript, TypeScript, CSS, and HTML.
• The dark theme should cover all core UI components and pages built with Vue, with special attention to colors, backgrounds, text, menus, dialogs, and toolbar elements.
• Consider adding a toggle between light and dark modes in the user settings, and persist the user's preference (e.g., localStorage).
• Make sure to update any custom CSS, and check for any hard-coded color values in styles that may need replacement to support dark mode.
• Test the new theme for contrast, accessibility, and readability.

Suggested Steps

1. Audit the current UI for color usage and theme dependencies.
2. Refactor or extend styles to support a dark palette (CSS/SCSS changes, Vue component updates).
3. Implement mechanism to switch themes, including persistence of user choice.
4. Validate the new theme with manual testing and/or automated UI tests where possible.

References

• Consider existing solutions or libraries for Vue (e.g., Vuetify, Tailwind CSS dark mode).
• Document differences, limitations, or caveats after implementation.

---

Feel free to extend with more technical details or link related issues/PRs here.