Fix Task Manager dark theme: pagination, status colors, action buttons

[Copilot]

Three dark mode issues in the Task Manager: pagination bar renders with a white background, status badges (pending/succeeded/failed) have insufficient contrast against dark backgrounds, and Reschedule/Run Now gradient buttons clash with the dark color scheme.

Pagination (task-by-name.html)

Replaced all hard-coded bg-white/text-gray-*/border-gray-* classes in the fixed pagination footer with semantic tokens that automatically swap between themes:

- class="... bg-white border-t border-gray-200 ..."
+ class="... bg-surface border-t border-edge ..."

- class="... bg-white text-gray-700 border-gray-300 hover:bg-gray-50 ..."
+ class="... bg-surface text-content-secondary border-edge hover:bg-page ..."

Status badge/card colors (dark-theme.css)

Added dark-mode overrides for the full range of status color classes used by status summary cards and inline badges:

• bg-yellow/green/red-100 and -200 (card backgrounds and active pill states)
• hover:bg-yellow/green/red-100 hover states
• text-yellow/green/red-600 through -900 — all mapped to bright readable variants (--studio-text-warning, --studio-text-success, --studio-text-error)
• text-blue-800 for in_progress badges

Action button gradients (dark-theme.css)

Overrides from-blue-500/to-blue-600 and from-green-500/to-green-600 gradient stops to darker equivalents (blue-700/800, green-700/800) in dark mode, reducing visual harshness against the near-black background.

New CSS variables (theme-variables.css)

Added missing semantic variables for both light and dark themes to back the new overrides consistently:

• --studio-text-warning, --studio-text-info
• --studio-bg-{warning,success,error}-active (200-level pill backgrounds)
• --studio-bg-{warning,success,error}-hover (100-level hover states)

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• fastdl.mongodb.org
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node ./postinstall.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Task manager dark theme</issue_title>
<issue_description></issue_description>

<agent_instructions>The pagination should not be white while dark mode is active</agent_instructions>

Comments on the Issue (you are @copilot in this section)

@vkarpov15 1. pagination should be white 2. reschedule and run now buttons clash with new color schemes 3. the "pending", "failed", and "succeeded" colors don't have sufficient contrast against the black background @IslandRhythms  [Task manager dark theme adjustments](https://trello.com/c/ea7KL7ti/1500-task-manager-dark-theme-adjustments)

• Fixes Task manager dark theme #179

---

📱 Kick off Copilot coding agent tasks wherever you are with GitHub Mobile, available on iOS and Android.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
studio	Ready	Preview, Comment	Mar 18, 2026 9:17pm