Admin Color Schemes
Create a custom admin color scheme that applies your brand colors throughout the entire WordPress dashboard. Set primary and secondary colors that affect the admin bar, menus, buttons, links, and form elements.
Use Cases
- Match the WordPress admin to each client’s brand identity for white-label sites
- Assign different color schemes to team roles for quick visual identification
- Create a custom dark or warm color scheme for editors who work late hours
How It Works
- Configure your primary and secondary brand colors
- Save the module settings
- Go to Users → Your Profile
- Select “Switchboard Custom” from the Admin Color Scheme dropdown
- Your custom colors now apply across the entire admin interface
Settings
| Setting | Type | Default | Description |
|---|---|---|---|
| Primary Color | Color | #6366f1 | Admin bar, active menu items, primary buttons |
| Secondary Color | Color | #4f46e5 | Links, button hover states, menu hover, form focus |
Where Colors Apply
Your custom colors are applied to these admin elements:
Primary Color
- Admin bar background
- Active menu item background
- Primary button backgrounds
- Current submenu indicator
Secondary Color
- All text links
- Button hover states
- Menu item hover background
- Form field focus borders
- Checkbox highlights
Popular Color Combinations
Here are some brand-friendly color combinations to try:
| Brand Style | Primary | Secondary |
|---|---|---|
| Indigo | #6366f1 | #4f46e5 |
| Forest Green | #059669 | #047857 |
| Royal Purple | #7c3aed | #6d28d9 |
| Sunset Orange | #f97316 | #ea580c |
| Slate Gray | #475569 | #334155 |
| Rose Pink | #e11d48 | #be123c |
Activation Steps
After saving your colors, you must manually activate the scheme in your user profile. This allows different users to choose different schemes if needed.
- Save your color settings in Switchboard
- Navigate to Users → Your Profile
- Find the Admin Color Scheme section
- Select “Switchboard Custom”
- Click Update Profile
FAQ
Why do I need to select the color scheme in my profile?
WordPress allows each user to choose their own admin color scheme. By requiring manual activation, team members can stick with the default colors if they prefer, while others use your custom brand colors.Can I create multiple custom color schemes?
This module creates one custom color scheme. For multiple schemes, you’d need to manually switch the colors in settings. Each user can only have one active scheme at a time.Do the colors apply to all users?
Colors only apply to users who select “Switchboard Custom” in their profile. Each user controls their own color scheme preference.The colors aren’t showing. What’s wrong?
Make sure you’ve selected “Switchboard Custom” in your user profile under Users → Your Profile → Admin Color Scheme. The colors won’t apply until you activate the scheme.Can I match my theme’s exact brand colors?
Use a color picker tool or your brand guidelines to get the exact hex codes. The color inputs accept any valid hex color (#RRGGBB format).For the best results, choose a primary color for branding impact and a slightly darker secondary color for hover states and accents. This creates visual depth and hierarchy.
Get access to all 147 modules with a single license