Katia Bulatova
62c3d4f4b6
revert(webapp): onboarding screenshots stay dark in every theme
2026-07-23 21:59:06 +00:00
Katia Bulatova
27172a1fd0
fix(webapp): error screen keeps the dark animation, text stays readable on light
2026-07-23 21:29:06 +00:00
Katia Bulatova
62f38ae420
feat(webapp): close the light-theme gaps from the final audit
...
📦 Preview packages (pkg.pr.new) / Build and publish previews (push) Has been cancelled
Error boundary backdrop, prompt override editor pane, AI filter error
popover and chart-zoom tooltip get light: styling; standalone white
spinners go blue; bulk-action onboarding, blank-state and queues-upgrade
screenshots ship light variants (lightness-inverted, optimized).
2026-07-23 21:20:24 +00:00
Katia Bulatova
d52c68a15d
feat(webapp): light blurred backdrop for the new-organization page
...
Light variants generated from the dark screenshots by inverting lightness
(hues survive, so the accent smudges stay true); optimized progressive
JPEGs at a fraction of the original size.
2026-07-23 21:05:56 +00:00
Katia Bulatova
d8ce6d4af8
fix(webapp): logged-out pages stay on the branded Classic look
2026-07-23 21:00:32 +00:00
Katia Bulatova
b8813ceac6
fix(webapp): hide the dark dashboard backdrop on the light theme
...
The new-org background is built from dark-dashboard screenshots (plus a
hardcoded near-black fill); the light theme falls back to a flat surface.
2026-07-23 21:00:09 +00:00
Katia Bulatova
48f75c5d8f
feat(webapp): logged-out pages follow the OS appearance
...
Login, invites and other anonymous pages resolve the System preference
when the theme switcher flag is on; Classic stays the flag-off default.
The invites heading goes monochrome in System themes.
2026-07-23 20:50:05 +00:00
Katia Bulatova
2fada02401
fix(webapp): stronger contrast slider thumb definition
2026-07-23 20:33:52 +00:00
Katia Bulatova
4719b7a5b7
fix(webapp): contrast slider thumb reuses the secondary button shadow
2026-07-23 20:32:52 +00:00
Katia Bulatova
b41d0de533
fix(webapp): contrast slider thumb visible on the light track
2026-07-23 20:32:02 +00:00
Katia Bulatova
c376521121
fix(webapp): pinned theme applies immediately after leaving system preference
...
React skips the data-theme write when its virtual DOM already matched the
SSR fallback while the inline script had flipped the real attribute; the
sync hook now writes pinned themes explicitly.
2026-07-23 20:30:57 +00:00
Katia Bulatova
447a6634e1
feat(webapp): contrast slider thumb matches the switch thumb
2026-07-23 20:29:46 +00:00
Katia Bulatova
1db252c434
feat(webapp): borderless solid thumb on the contrast slider
2026-07-23 20:17:30 +00:00
Katia Bulatova
3f3c24054d
feat(webapp): borderless contrast slider thumb; release note covers the contrast slider
2026-07-23 20:16:53 +00:00
Katia Bulatova
7c548ea562
feat(webapp): quiet slider variant for the contrast setting
2026-07-23 19:31:29 +00:00
Katia Bulatova
17d1a7c07b
fix(webapp): chips gain a currentColor ring with contrast instead of a washing filter
2026-07-23 17:14:14 +00:00
Katia Bulatova
ae288da560
feat(webapp): tinted status chips respond to the contrast control
...
Shared contrast-chip marker on error/health/pill/source/connection chips
and subtle badges; a contrast+saturate filter driven by --theme-contrast
separates the tint and its colored text.
2026-07-23 17:13:13 +00:00
Katia Bulatova
ffa3b52401
fix(webapp): light-mode contrast pushes foregrounds, not backgrounds
...
Whites can't get whiter: dimmed/faint text goes near-black, borders and
controls darken hard, deep surfaces dip slightly for panel separation.
2026-07-23 16:48:58 +00:00
Katia Bulatova
fc2b65fa45
feat(webapp): contrast overlay covers the full monochrome scale
...
Backgrounds deepen (dark) or lift (light), surfaces and all border steps
strengthen, text weights increase - task names and dimmed labels now respond
visibly to the slider in both modes.
2026-07-23 16:46:05 +00:00
Katia Bulatova
06890660cd
feat(webapp): interface contrast slider for the System themes
...
New contrast preference (0-100) stored in dashboard preferences, applied
as a --theme-contrast variable on <html>. The System theme blocks pull the
monochrome scale apart via color-mix - text toward the mode foreground,
borders a step up; contrast 0 stays byte-identical and Classic never reads
the variable. The account page shows the slider under Theme for non-Classic
themes with live preview.
2026-07-23 15:59:30 +00:00
Katia Bulatova
ff1b3de510
feat(webapp): lighter grey chart reference series in System themes
2026-07-23 15:17:57 +00:00
Katia Bulatova
3e7d5e30c9
fix(webapp): transparent query toolbar background on light
2026-07-23 15:03:18 +00:00
Katia Bulatova
91f98a1391
fix(webapp): private connection chips match the default style; white label on blue timeline bars in light
2026-07-23 15:02:41 +00:00
Katia Bulatova
38ad17044f
fix(webapp): query editor toolbar sits on white in the light theme
2026-07-23 14:44:48 +00:00
Katia Bulatova
9b6424e82e
feat(webapp): prompt override Remove becomes an outlined secondary button
2026-07-23 14:44:06 +00:00
Katia Bulatova
7b03086db7
feat(webapp): centered add-connection button; secondary Remove on prompt override; select crash guard
...
Private connections list places Add Connection under the list; the prompt
override Remove becomes an outlined secondary next to the filled Edit; the
Select section probe no longer crashes on an empty filtered list.
2026-07-23 14:43:15 +00:00
Katia Bulatova
819420bec4
feat(webapp): quota source badges join the tinted chip style
2026-07-23 14:38:32 +00:00
Katia Bulatova
5bc364b55f
feat(webapp): limits pills and source badges match the errors chip style
2026-07-23 14:35:09 +00:00
Katia Bulatova
44ab5b052e
feat(webapp): queue health chips match the error status chip style and size
2026-07-23 14:27:49 +00:00
Katia Bulatova
80321c134f
fix(webapp): filled buttons keep their fill on hover and darken
...
The variant's own hover background was replacing the token fill, reading
as transparent; the fill is now pinned on hover with a brightness dip.
2026-07-23 14:26:48 +00:00
Katia Bulatova
81b45cf157
feat(webapp): drop the timeline label shadow in System themes
2026-07-23 14:25:43 +00:00
Katia Bulatova
a1b8310194
feat(webapp): all filled buttons use semantic accent tokens
...
Stepper +/- and prompt override controls join the bg-token + brightness
hover pattern; override chips reference bg-warning.
2026-07-23 14:23:58 +00:00
Katia Bulatova
632bc23594
feat(webapp): list chips settle on tinted background with colored text
...
Root-style badges and error status chips share the tint+color language;
text colors come from the unified accent set so they read in both System
modes.
2026-07-23 14:22:36 +00:00
Katia Bulatova
db3ca4656b
feat(webapp): live-block buttons follow the semantic accent tokens
...
bg-runs/bg-concurrency/bg-success/bg-warning instead of raw palette steps,
hover lightens via brightness so the fill always matches the unified accent
set.
2026-07-23 14:21:55 +00:00
Katia Bulatova
c1ab98f8bc
feat(webapp): error status chips use colored border with monochrome text in System themes
2026-07-23 14:20:14 +00:00
Katia Bulatova
d22221cd4e
fix(webapp): keep the billing banner button on the darker amber
2026-07-23 14:19:27 +00:00
Katia Bulatova
bb38a1b742
feat(webapp): lighter fills on queue live-block buttons
2026-07-23 14:19:13 +00:00
Katia Bulatova
a38b1a7c8f
feat(webapp): subtle badges try a colored border with monochrome text in System themes
2026-07-23 14:18:20 +00:00
Katia Bulatova
374b2e79c1
feat(webapp): subtle badges get a blue tint in System themes
2026-07-23 14:17:59 +00:00
Katia Bulatova
4e774a90cd
feat(webapp): two chip prominence levels - subtle in dense lists, bright standalone
...
Default badges return to the quiet look (nav New/Alpha/Beta keep their own
fill); error status chips are tinted in lists and filled on the group page.
2026-07-23 14:13:16 +00:00
Katia Bulatova
4b56625194
fix(webapp): untangle globe icon imports
2026-07-23 14:09:27 +00:00
Katia Bulatova
0ab6217d76
feat(webapp): replace the wireframe globe icon with GlobeLinesIcon app-wide
...
Timezone tooltip, avatar fallback, alert channel icons, region filter,
span detail and new-org form now use the closed-contour globe. Storybook
keeps the old reference.
2026-07-23 14:07:10 +00:00
Katia Bulatova
68340d8904
feat(webapp): settings logo globe icon; System-theme fixes for date guide, tabs and dev presence
...
GlobeLinesIcon replaces the wireframe globe in org settings; the date-field
guide drops a stray pink; active client tabs and the dev connection message
go monochrome in System themes.
2026-07-23 13:49:41 +00:00
Katia Bulatova
b1974e067e
feat(webapp): filled error status chips in System themes
2026-07-23 13:44:15 +00:00
Katia Bulatova
188a211009
feat(webapp): inverted number stepper buttons in System themes
2026-07-23 12:43:43 +00:00
Katia Bulatova
4b6aa4c425
fix(webapp): burst-runs suffix reliably uncolored in System themes
2026-07-23 12:36:50 +00:00
Katia Bulatova
99a8b08367
fix(webapp): no-machine icon visible on the light theme
2026-07-23 12:19:07 +00:00
Katia Bulatova
b387d5e413
feat(webapp): default badges invert to a blue fill with white text in System themes
2026-07-23 12:18:03 +00:00
Katia Bulatova
d226c316aa
feat(webapp): BigNumber block buttons follow the standard primary hover pattern
...
Filled shortcuts on queue live blocks (and the billing banner button) get
the primary-style border and lighten-on-hover in their own hue.
2026-07-23 12:17:17 +00:00
Katia Bulatova
5e6a6af6d4
feat(webapp): inverted icon buttons on queue live blocks in System themes
...
Runs/concurrency/upgrade shortcuts and the pause-resume controls fill with
their accent color and go white; the billing-limit banner button turns
amber with a white label.
2026-07-23 12:14:41 +00:00