Skip to content

Implement Dark Mode for Friends Page#571

Merged
akirk merged 7 commits intomainfrom
claude/add-dark-mode-011CUVMCJAZX5DoZUPMvWMX5
Nov 9, 2025
Merged

Implement Dark Mode for Friends Page#571
akirk merged 7 commits intomainfrom
claude/add-dark-mode-011CUVMCJAZX5DoZUPMvWMX5

Conversation

@akirk
Copy link
Owner

@akirk akirk commented Nov 8, 2025

Screenshot 2025-11-08 at 06 19 23

- Added color-scheme meta tag to enable system dark mode detection
- Implemented dark mode color scheme using prefers-color-scheme media queries
- Updated background colors, text colors, and borders for dark mode
- Updated cards, sidebar, menu items, and other UI elements
- Maintains full compatibility with existing light mode

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Override white backgrounds and borders for text inputs, selects, and textareas in dark mode to improve readability and consistency with the dark theme.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Replace bright white (#fff) button text with softer light gray (#e0e0e0) for better readability and reduced eye strain in dark mode.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Override white backgrounds and shadows for dropdown menus in dark mode to match the overall dark theme.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Replace bright hover color with subtle dark gray (#3a3a3a) for better readability in dark mode.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Use lighter blue (#5b8aff) for menu item hover text to match link colors in dark mode.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
The box shadow on dropdown menus in dark mode created visual noise. Replace with 'none' for a cleaner appearance.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@github-actions
Copy link

github-actions bot commented Nov 8, 2025

Test this PR in WordPress Playground

You can test this pull request directly in WordPress Playground:

Launch WordPress Playground

This will install and activate the plugin with the changes from this PR.

@akirk akirk merged commit 67d9851 into main Nov 9, 2025
28 checks passed
@akirk akirk deleted the claude/add-dark-mode-011CUVMCJAZX5DoZUPMvWMX5 branch November 9, 2025 17:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants