Skip to content

Use theme-neutral colors for light theme compatibility - #18

Open
RobRobM wants to merge 1 commit into
Haletran:mainfrom
RobRobM:theme-neutral-styles
Open

Use theme-neutral colors for light theme compatibility#18
RobRobM wants to merge 1 commit into
Haletran:mainfrom
RobRobM:theme-neutral-styles

Conversation

@RobRobM

@RobRobM RobRobM commented Mar 24, 2026

Copy link
Copy Markdown

Summary

  • Replace hardcoded white colors (#ffffff, rgba(255,255,255,...), #e0e0e0) with neutral grays (rgba(128,128,128,...)) in stylesheet.css
  • Remove hardcoded text colors on .claude-section-title and .claude-percent-label so they inherit from the GNOME Shell theme
  • Reduce monochrome icon brightness from 1.0 to 0.6 to prevent the icon from being washed out on light backgrounds

Why

The current styles use white/light colors that are designed for dark GNOME Shell themes. On light themes, elements like the panel progress bar and text labels become invisible or hard to read. Using neutral gray tones with alpha transparency works well on both dark and light themes.

Test plan

  • Verify extension looks correct on a dark GNOME Shell theme (e.g. Adwaita Dark)
  • Verify extension looks correct on a light GNOME Shell theme (e.g. Adwaita Light)
  • Verify monochrome icon is visible on both dark and light panels

🤖 Generated with Claude Code

Replace hardcoded white colors (rgba(255,255,255,...), #ffffff, #e0e0e0)
with neutral grays (rgba(128,128,128,...)) so the extension looks good on
both dark and light GNOME Shell themes. Also reduce monochrome icon
brightness from 1.0 to 0.6 to prevent the icon from being invisible on
light backgrounds.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
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.

1 participant