Skip to content

Light theme: ANSI white text invisible on white background #17

Description

@rrwood

Bug

When using the Light terminal theme (either selected directly or via Auto in a light-mode app), text rendered with ANSI color 7 (white) or color 15 (brightWhite) is invisible because the color values are nearly or exactly the same as the background.

Current values in src/ui/themes.ts:

  • background: '#ffffff'
  • white: '#fafafa' — almost no contrast against background
  • brightWhite: '#ffffff' — zero contrast, completely invisible

This affects any CLI tool that outputs ANSI white text, which is very common (prompts, ls output, status messages, etc.).

Proposed fix

Remap the white ANSI colors to visible values in the Light theme:

-    blue: '#0184bc', magenta: '#a626a4', cyan: '#0997b3', white: '#fafafa',
+    blue: '#0184bc', magenta: '#a626a4', cyan: '#0997b3', white: '#a0a1a7',
     brightBlack: '#6b6f7c', brightRed: '#e45649', brightGreen: '#50a14f',
-    brightYellow: '#c18401', brightBlue: '#0184bc', brightMagenta: '#a626a4',
-    brightCyan: '#0997b3', brightWhite: '#ffffff',
+    brightYellow: '#c18401', brightBlue: '#0184bc', brightMagenta: '#a626a4', 
+    brightCyan: '#0997b3', brightWhite: '#383a42',
  • white → #a0a1a7 (medium gray, matches One Light comment color — readable on white)
  • brightWhite → #383a42 (matches the theme's foreground color — full contrast)

Environment

  • CloudCLI plugin terminal v1.1.0
  • Windows 11, app in light mode

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions