Color-code your WordPress posts list by status (so you can actually scan it)

#wordpress #webdev #css #productivity

Open All Posts on a site that's been running for a while. Fifty rows, all white. To tell which ones are drafts, which are pending review, and which are scheduled to publish next week, you read a small grey label next to each title. Row by row. For a single-author blog that's fine. For an editorial team pushing a dozen posts a week, that list is where you lose ten minutes a day.

WordPress does add a status class to each row in the list table, so the free route is admin CSS:

add_action('admin_head', function () {
    echo '<style>
        .wp-list-table tr.status-draft   { background: #fff8e1; }
        .wp-list-table tr.status-pending { background: #fce4ec; }
        .wp-list-table tr.status-future  { background: #e3f2fd; }
        .wp-list-table tr.status-private { background: #f3e5f5; }
    </style>';
});

It works. But you're maintaining a snippet: the alternating-row zebra striping fights your colors, hover states override them, and you re-add the CSS on every site you manage. There's also no way to hand a non-technical editor a color picker — it's your code or nothing.

I tested doing it from the admin instead with WP Adminify's Customize panel. Honest before/after below.

What the all-white list costs you:

Post state is a tiny grey word you read per row, not something you see
Drafts, pending, and scheduled posts look identical at a glance
Editors and clients can't tell what's live vs in-progress without opening each one

What changed after setting status colors in Adminify:

Six statuses get their own row color: Published, Draft, Pending, Private, Schedule (Future), Trash
Color picker or paste a hex code — no CSS file
Applies to posts, pages, and every custom post type list
Reset any color with one click (reset icon next to the code, then save)
Editors read the board like a Kanban, not a spreadsheet

Small change, big daily payoff. The posts list is the screen a content team lives in, and color turns "read every row" into "glance once."

Short demo (before vs after):