Repository navigation
Add user CSS override hook for desktop app theming (VS Code workbench.css equivalent) #40177
Closed as not planned
Description
Problem
Desktop app ignores custom TUI themes (~/.config/opencode/themes/). Message fills use CSS vars (not theme tokens), making hue-based distinction impossible without direct CSS access. Current workaround (CDP injection) breaks on app updates.
Evidence
- User message:
[data-component="user-message"] [data-slot="user-message-text"]→var(--v2-background-bg-layer-02) - AI message:
[data-slot="session-turn-assistant-content"]→ transparent - Verified: Electron renderer ignores filesystem theme discovery
Proposed Solution
Add user CSS override file (e.g. ~/.config/opencode/desktop.css) that loads AFTER bundled themes, allowing:
/* Example: 180° hue separation */
[data-slot="session-turn-assistant-content"] {
background: hsl(from var(--v2-background-bg-base) calc(h + 180) 100% 8%);
}Why This Matters
Users need visual distinction during scroll (not just luminance contrast) for accessibility and workflow efficiency. Current hard-coded theme system prevents personalization.
Metadata
Metadata
Assignees
Labels
No labels
Activity
github-actions commentedon Aug 2, 2026
This issue doesn't fully meet our contributing guidelines.
What needs to be fixed:
[FEATURE]:as required by the feature request template.Please edit this issue to address the above within 2 hours, or it will be automatically closed.
If you believe this was flagged incorrectly, please let a maintainer know.
github-actions commentedon Aug 2, 2026
This issue has been automatically closed because it was not updated to meet our contributing guidelines within the 2-hour window.
Feel free to open a new issue that follows our issue templates.