Skip to content

Instantly share code, notes, and snippets.

@zerosonesfun
Last active March 16, 2024 22:57
Show Gist options
  • Save zerosonesfun/10ed5f2f3f20a2450107db28c482900b to your computer and use it in GitHub Desktop.
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)
/* 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;
}
@zerosonesfun
Copy link
Author

zerosonesfun commented Mar 16, 2024

Added the following because the arrow/toggle indicators weren't showing.

/* 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