GeezerVisonThe World Wide Web, restored to 800 pixels of glory. | |||||||||||||||||||||||||
| Home|About|Gaming cabinet|Archives|How it works|Starter sites | |||||||||||||||||||||||||
GeezerVison is showing github.com — fix(site/src): use green-500 for dark theme success tokens by chrifro · Pull Request #32046 · coder/coder Conversation
|
| Background | Before (#16A249) |
After (#22C55E) |
|---|---|---|
surface-primary #09090B |
5.94 | 8.66 |
surface-secondary #18181B |
5.29 | 7.71 |
surface-tertiary #27272A |
4.45 | 6.48 |
surface-green |
4.45 | 6.49 |
These tokens are global, so every dark theme success color gets slightly brighter. That covers success text, fills, and borders, for example health checks, LastSeen, toasts, status indicators, agent status borders, and template builder steps. This is intended: it lifts all success text above 4.5:1 rather than patching one page.
Not changed:
--content-success is green-700 and --border-success is green-600. Green-500 is 2.3:1 on white, which would fail 1.4.3 for text and 1.4.11 for borders.| Before | After | |
|---|---|---|
Success text (SessionTimeline/SecondThreadLoopOpen) |
![]() |
![]() |
Success border (SelectionSummary/WithModules) |
![]() |
![]() |
Screenshots: Storybook, dark theme.
Generated by Coder Agents on behalf of @chrifro.
Sorry, something went wrong.
There was an error while loading. Please reload this page.
Sorry, something went wrong.
There was an error while loading. Please reload this page.
476acfd5
Deployed
At least 1 approving review is required to merge this pull request.
There was an error while loading. Please reload this page.
Successfully merging this pull request may close these issues.
There was an error while loading. Please reload this page.