[PR #33] Add dark mode support across UI #126

Closed
opened 2025-11-20 04:12:57 -05:00 by saavagebueno · 0 comments
Owner

Original Pull Request: https://github.com/community-scripts/ProxmoxVE-Local/pull/33

State: closed
Merged: Yes


✍️ Description

Introduces DarkModeProvider and DarkModeToggle components for theme management. Updates all major UI components and pages to support dark mode styling using Tailwind CSS dark variants, improving accessibility and user experience for users preferring dark themes.

Link: #24

Prerequisites (X in brackets)

  • Self-review completed – Code follows project standards.
  • Tested thoroughly – Changes work as expected.
  • No security risks – No hardcoded secrets, unnecessary privilege escalations, or permission issues.

Screenshot for frontend Change

image image

🛠️ Type of Change (X in brackets)

  • 🐞 Bug fix – Resolves an issue without breaking functionality.
  • New feature – Adds new, non-breaking functionality.
  • 💥 Breaking change – Alters existing functionality in a way that may require updates.
**Original Pull Request:** https://github.com/community-scripts/ProxmoxVE-Local/pull/33 **State:** closed **Merged:** Yes --- <!--🛑 All Pull Requests need to made against the development branch. PRs against main will get closed. --> ## ✍️ Description Introduces DarkModeProvider and DarkModeToggle components for theme management. Updates all major UI components and pages to support dark mode styling using Tailwind CSS dark variants, improving accessibility and user experience for users preferring dark themes. ## 🔗 Related PR / Issue Link: #24 ## ✅ Prerequisites (**X** in brackets) - [x] **Self-review completed** – Code follows project standards. - [x] **Tested thoroughly** – Changes work as expected. - [x] **No security risks** – No hardcoded secrets, unnecessary privilege escalations, or permission issues. ## Screenshot for frontend Change <img width="1771" height="887" alt="image" src="https://github.com/user-attachments/assets/0b4ebc2c-055a-4917-ac35-e64f96a6971c" /> <img width="902" height="825" alt="image" src="https://github.com/user-attachments/assets/d188a4c1-464e-4392-9f58-48d3ae5b96ca" /> --- ## 🛠️ Type of Change (**X** in brackets) - [ ] 🐞 **Bug fix** – Resolves an issue without breaking functionality. - [x] ✨ **New feature** – Adds new, non-breaking functionality. - [ ] 💥 **Breaking change** – Alters existing functionality in a way that may require updates.
saavagebueno added the pull-request label 2025-11-20 04:12:57 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: SVI/ProxmoxVE-Local#126