Last active
March 16, 2024 22:57
-
-
Save zerosonesfun/10ed5f2f3f20a2450107db28c482900b to your computer and use it in GitHub Desktop.
IMO A Better WordPress Admin (Minimal CSS Tweaks For A More Minimal Dashboard)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Change font (most of admin) */ | |
.wp-admin { | |
font-family: 'Courier New',Courier,monospace; | |
text-rendering: optimizeLegibility; | |
} | |
/* Change font (top bar) */ | |
#wpadminbar * { | |
font-family: 'Courier New',Courier,monospace!important; | |
text-rendering: optimizeLegibility; | |
} | |
/* Remove top bar icons */ | |
#wpadminbar .ab-icon:before,#wpadminbar #wp-admin-bar-seopress .svg.seopress-logo,.wp-admin #wpadminbar #wp-admin-bar-site-name>.ab-item:before { | |
display: none; | |
} | |
/* Adjust site name left margin */ | |
.wp-admin #wpadminbar #wp-admin-bar-site-name { | |
margin-left: 10px; | |
} | |
/* Remove menu icons and clean up side menu */ | |
.wp-menu-image { | |
display: none; | |
} | |
.wp-menu-name { | |
margin-left: 10px; | |
} | |
#adminmenu div.wp-menu-name { | |
padding-left: 10px!important; | |
} | |
/* Change the admin top bar background color */ | |
#wpadminbar { | |
background-color: #000!important; | |
} | |
/* Change the admin side menu background color */ | |
#adminmenu,#adminmenu .wp-submenu,#adminmenuback,#adminmenuwrap { | |
background-color: #000!important; | |
} | |
/* A little extra spacing needed before pagination on some pages */ | |
.tablenav .tablenav-pages { | |
margin: 10px 0!important; | |
} | |
/* Toggle icons */ | |
.toggle-indicator,.postbox .handlediv .toggle-indicator::before { | |
color: #000000; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Added the following because the arrow/toggle indicators weren't showing.
/* Toggle icons */
.toggle-indicator,.postbox .handlediv .toggle-indicator::before {
color: #000000;
}