Dark mode for wp-admin
Switches the WordPress admin panel to a dark color scheme; apply on a */wp-admin/* pattern for all your sites.
Code to copy
html.wp-toolbar,
body.wp-admin,
#wpcontent, #wpbody, #wpbody-content,
.wrap, .postbox, #dashboard-widgets .postbox,
.wp-list-table, .wp-list-table td, .wp-list-table th {
background-color: #1e1f24 !important;
color: #d6d7da !important;
}
.wp-list-table tbody tr:nth-child(odd) { background: #26272d !important; }
#adminmenu, #adminmenuback, #adminmenuwrap { background: #16171b !important; }
a, .row-title { color: #6fb3ff !important; }
input, textarea, select {
background: #26272d !important;
color: #d6d7da !important;
border-color: #3a3b42 !important;
}
.postbox h2.hndle { border-bottom: 1px solid #3a3b42 !important; }How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's CSS panel and save — the effect appears instantly.
Rate this example
No ratings yet — be the first.