Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Jan 2, 2026

The campaign mental model diagram at /guides/campaigns/specs/ had illegible text due to insufficient contrast between default text color and colored node backgrounds.

Changes

Added explicit color:#000 to all Mermaid classDef declarations:

-    classDef tracked fill:#d4edda,stroke:#28a745,stroke-width:2px
-    classDef notTracked fill:#fff3cd,stroke:#ffc107,stroke-width:2px
-    classDef workflow fill:#cfe2ff,stroke:#0d6efd,stroke-width:2px
-    classDef external fill:#f8d7da,stroke:#dc3545,stroke-width:2px
+    classDef tracked fill:#d4edda,stroke:#28a745,stroke-width:2px,color:#000
+    classDef notTracked fill:#fff3cd,stroke:#ffc107,stroke-width:2px,color:#000
+    classDef workflow fill:#cfe2ff,stroke:#0d6efd,stroke-width:2px,color:#000
+    classDef external fill:#f8d7da,stroke:#dc3545,stroke-width:2px,color:#000

Black text provides sufficient contrast on all background colors (light green, yellow, light blue, light red) in both light and dark themes.

Screenshots

Before:
Before

After (Light Mode):
After Light

After (Dark Mode):
After Dark

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:

  • githubnext.github.io
    • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)
  • telemetry.astro.build
    • Triggering command: /opt/hostedtoolcache/node/24.12.0/x64/bin/node node /home/REDACTED/work/gh-aw/gh-aw/docs/node_modules/.bin/astro build (dns block)
    • Triggering command: /opt/hostedtoolcache/node/24.12.0/x64/bin/node node /home/REDACTED/work/gh-aw/gh-aw/docs/node_modules/.bin/astro preview (dns block)

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

Original prompt

Diagram for campaigns not legible: https://githubnext.github.io/gh-aw/guides/campaigns/specs/#mental-model Take screenshots and adjust font color versus form background color. Overall diagram should have no background.


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

Copilot AI self-assigned this Jan 2, 2026
@mnkiefer mnkiefer marked this pull request as ready for review January 2, 2026 13:28
Copilot AI changed the title [WIP] Fix legibility of campaign diagrams with adjusted colors Fix campaign diagram legibility with explicit text color Jan 2, 2026
Copilot AI requested a review from mnkiefer January 2, 2026 13:30
@mnkiefer mnkiefer merged commit 5d6ad52 into main Jan 2, 2026
6 checks passed
@mnkiefer mnkiefer deleted the copilot/fix-campaign-diagram-legibility branch January 2, 2026 13:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants