Commit Graph

4698 Commits

Author SHA1 Message Date
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