@bivy/bivy 0.18.4-staging.1 → 0.18.4-staging.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/apps/styles.css +10 -1
  2. package/dist/apps/tokens.css +58 -51
  3. package/package.json +1 -1
package/dist/apps/styles.css CHANGED
@@ -27,13 +27,16 @@
27
27
 
28
28
  * { box-sizing: border-box; }
29
29
  html, body, #root { height: 100%; margin: 0; }
30
+ /* iOS samples the page and fixed shell backgrounds for its status-bar tint.
31
+ Paint both explicitly so the tint follows theme changes instead of sampling
32
+ a transparent shell. Include the loading/sign-in shell before App mounts. */
33
+ html, body, .app, .setup { background: var(--bg); }
30
34
  /* Lock the shell to the viewport: no whole-page scroll or rubber-band drift on
31
35
  iOS (the app's own panes scroll). Without this the page itself scrolls under
32
36
  the fixed shell and the layout appears to "move around / off screen". */
33
37
  html, body { overflow: hidden; overscroll-behavior: none; }
34
38
  body {
35
39
  font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
36
- background: var(--bg);
37
40
  color: var(--ink);
38
41
  -webkit-font-smoothing: antialiased;
39
42
  }
@@ -3368,3 +3371,9 @@ p.setup-note .btn.link { min-height: 44px; margin-block: calc((1lh - 44px) / 2);
3368
3371
  the composer itself, with one line of another device's draft. */
3369
3372
  .handoff-banner { border-radius: var(--radius-md); }
3370
3373
  .handoff-preview { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
3374
+
3375
+ /* Keep editorial type on the wordmark; session titles retain the app's sans. */
3376
+ .brand {
3377
+ font-family: var(--font-serif);
3378
+ font-weight: var(--weight-medium);
3379
+ }
package/dist/apps/tokens.css CHANGED
@@ -30,37 +30,37 @@
30
30
  /* ---- Core surfaces & text (neutral) ---- */
31
31
  --bg: #ffffff;
32
32
  --surface: #ffffff;
33
- --surface-2: #f3f5f7;
34
- --surface-3: #e8ecef;
35
- --ink: #0f1215;
36
- --muted: #5f6a73;
37
- --line: #e3e7ea;
38
- --line-strong: #cdd4d9;
33
+ --surface-2: #f5f5f5;
34
+ --surface-3: #ebebeb;
35
+ --ink: #222222;
36
+ --muted: #666666;
37
+ --line: #e5e5e5;
38
+ --line-strong: #c5c5c5;
39
39
  --overlay: rgba(0, 0, 0, 0.46);
40
40
  --overlay-strong: rgba(0, 0, 0, 0.8);
41
41
 
42
42
  /* ---- Accent (reserved for primary actions and active status) ---- */
43
- --accent: #3f6377;
43
+ --accent: #ac4b24;
44
44
  --accent-contrast: #ffffff;
45
- --accent-hover: #324f60;
45
+ --accent-hover: #873b1c;
46
46
  --accent-active: color-mix(in srgb, var(--accent), #000 22%);
47
- --accent-soft: color-mix(in srgb, var(--accent) 16%, var(--surface));
47
+ --accent-soft: #f5e5d9;
48
48
 
49
49
  /* ---- Status ---- */
50
- --danger: #b0473d; --danger-soft: #f3e3df; --danger-contrast: #ffffff;
51
- --ok: #4f7a5c;
52
- --merged: #7a6a9e;
50
+ --danger: #a63d35; --danger-soft: #f4e3dd; --danger-contrast: #ffffff;
51
+ --ok: #506d43;
52
+ --merged: #796188;
53
53
  /* A run that finished while you weren't looking — its own signal, deliberately
54
54
  not accent (working) / danger (needs input) / ok / merged, so
55
55
  "something's ready" reads at a glance. */
56
- --unseen: #a8823f;
56
+ --unseen: #967021;
57
57
  --unseen-contrast: #111111;
58
58
 
59
59
  /* ---- Per-source hues for session/run marks (see packages/web sessionSource).
60
60
  Kept clear of the status palette above so a source is never mistaken for an
61
61
  outcome; app/cli stay quiet so hand-opened sessions don't shout. ---- */
62
62
  --s-github: #24292f; --s-slack: #7c2d92; --s-linear: #5e6ad2; --s-schedule: #0e7490;
63
- --s-webhook: #6d28d9; --s-manual: #b45309; --s-cli: #3f6212; --s-app: #64748b;
63
+ --s-webhook: #6d28d9; --s-manual: #b45309; --s-cli: #526d3b; --s-app: #6a785a;
64
64
 
65
65
  /* ---- Annotation: marks drawn over an app preview. The same in both themes
66
66
  (the app underneath has its own), vivid and rare in real UIs, with a white
@@ -69,8 +69,8 @@
69
69
  --annotate-halo: #ffffff;
70
70
 
71
71
  /* ---- Terminal text selection ---- */
72
- --term-selection: rgba(63, 99, 119, 0.30);
73
- --term-selection-inactive: rgba(63, 99, 119, 0.20);
72
+ --term-selection: rgba(119, 141, 91, 0.30);
73
+ --term-selection-inactive: rgba(119, 141, 91, 0.18);
74
74
 
75
75
  /* ---- Syntax highlighting ---- */
76
76
  --syntax-comment: #6a737d; --syntax-keyword: #d73a49; --syntax-string: #032f62;
@@ -106,18 +106,18 @@
106
106
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
107
107
 
108
108
  /* ---- Radius ---- */
109
- --radius: 12px; /* app default — same value as --radius-md */
110
- --radius-sm: 8px;
111
- --radius-md: 12px;
112
- --radius-lg: 16px;
113
- --radius-xl: 20px;
109
+ --radius: 8px; /* app default — same value as --radius-md */
110
+ --radius-sm: 6px;
111
+ --radius-md: 8px;
112
+ --radius-lg: 12px;
113
+ --radius-xl: 16px;
114
114
  --radius-full: 999px;
115
115
 
116
116
  /* ---- Elevation ---- */
117
- --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.08);
118
- --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
119
- --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
120
- --shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.16);
117
+ --shadow-sm: 0 1px 3px rgba(40, 45, 36, 0.06);
118
+ --shadow-md: 0 4px 16px rgba(40, 45, 36, 0.08);
119
+ --shadow-lg: 0 12px 32px rgba(40, 45, 36, 0.12);
120
+ --shadow-xl: 0 24px 70px rgba(40, 45, 36, 0.16);
121
121
 
122
122
  /* ---- Motion ---- */
123
123
  --dur-fast: 120ms;
@@ -150,59 +150,66 @@
150
150
  definition (they only "worked" via an inline var(--x, #fallback)). Defined
151
151
  here so the fallback is never load-bearing and the value is consistent
152
152
  everywhere the name appears. Prefer the canonical name on the right. ==== */
153
- --warn: #b8862f; --warn-soft: color-mix(in srgb, #b8862f 16%, var(--surface));
153
+ --warn: #967021; --warn-soft: #f0e8cf;
154
154
  --err: var(--danger);
155
155
  --add: var(--ok); /* diff addition */
156
156
  --del: var(--danger); /* diff deletion */
157
157
  --fg: var(--ink);
158
158
  --surface-1: var(--surface);
159
159
  --mono: var(--font-mono);
160
+
160
161
  }
161
162
 
162
163
  :root[data-theme="light"] { color-scheme: light; }
163
164
 
164
165
  :root[data-theme="dark"] {
165
166
  color-scheme: dark;
166
- --bg: #000000; --surface: #000000; --surface-2: #15181b; --surface-3: #22272b;
167
- --ink: #f3f5f7; --muted: #99a2aa; --line: #1f2327; --line-strong: #353b41;
167
+ --bg: #000000; --surface: #080808; --surface-2: #141414; --surface-3: #202020;
168
+ --ink: #f3f3f3; --muted: #aaaaaa; --line: #262626; --line-strong: #484848;
168
169
  --overlay: rgba(0, 0, 0, 0.7); --overlay-strong: rgba(0, 0, 0, 0.8);
169
- --accent: #8fb6cd; --accent-contrast: #0a0a0a; --accent-hover: #a7cadd;
170
- --danger: #c08a83; --danger-soft: #3a2420; --danger-contrast: #0a0a0a; --ok: #86a99f; --merged: #a99bc4;
171
- --unseen: #cba96a; --unseen-contrast: #0a0a0a;
172
- --warn: #d9a441;
170
+ --accent: #edab7e; --accent-contrast: #271c12; --accent-hover: #f6c29f;
171
+ --danger: #f0a497; --danger-soft: #4a3029; --danger-contrast: #0a0a0a; --ok: #b3ce96; --merged: #cab4d4;
172
+ --unseen: #ddc181; --unseen-contrast: #0a0a0a;
173
+ --warn: #ddc181;
173
174
  --s-github: #d7dde3; --s-slack: #d68ce6; --s-linear: #a5adf5; --s-schedule: #4bc4de;
174
- --s-webhook: #b79bf7; --s-manual: #f0a45a; --s-cli: #a3c987; --s-app: #9aa4b2;
175
- --term-selection: rgba(143, 182, 205, 0.36); --term-selection-inactive: rgba(143, 182, 205, 0.24);
175
+ --s-webhook: #b79bf7; --s-manual: #f0a45a; --s-cli: #adc58f; --s-app: #b2c69a;
176
+ --term-selection: rgba(178, 198, 154, 0.30); --term-selection-inactive: rgba(178, 198, 154, 0.18);
176
177
  --syntax-comment: #8b949e; --syntax-keyword: #ff7b72; --syntax-string: #a5d6ff;
177
178
  --syntax-number: #79c0ff; --syntax-title: #d2a8ff; --syntax-type: #ffa657;
178
179
  --syntax-name: #7ee787; --syntax-deletion: #ffdcd7; --syntax-addition: #85e89d;
179
- --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
180
- --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45);
181
- --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
182
- --shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.6);
180
+ --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.20);
181
+ --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.24);
182
+ --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.28);
183
+ --shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.32);
184
+
185
+ --accent-soft: #493c2c;
186
+ --warn-soft: #49432b;
183
187
  }
184
188
 
185
189
  @media (prefers-color-scheme: dark) {
186
190
  :root:not([data-theme]) {
187
191
  color-scheme: dark;
188
- --bg: #000000; --surface: #000000; --surface-2: #15181b; --surface-3: #22272b;
189
- --ink: #f3f5f7; --muted: #99a2aa; --line: #1f2327; --line-strong: #353b41;
192
+ --bg: #000000; --surface: #080808; --surface-2: #141414; --surface-3: #202020;
193
+ --ink: #f3f3f3; --muted: #aaaaaa; --line: #262626; --line-strong: #484848;
190
194
  --overlay: rgba(0, 0, 0, 0.7); --overlay-strong: rgba(0, 0, 0, 0.8);
191
- --accent: #8fb6cd; --accent-contrast: #0a0a0a; --accent-hover: #a7cadd;
192
- --danger: #c08a83; --danger-soft: #3a2420; --danger-contrast: #0a0a0a; --ok: #86a99f; --merged: #a99bc4;
193
- --unseen: #cba96a; --unseen-contrast: #0a0a0a;
194
- --warn: #d9a441;
195
+ --accent: #edab7e; --accent-contrast: #271c12; --accent-hover: #f6c29f;
196
+ --danger: #f0a497; --danger-soft: #4a3029; --danger-contrast: #0a0a0a; --ok: #b3ce96; --merged: #cab4d4;
197
+ --unseen: #ddc181; --unseen-contrast: #0a0a0a;
198
+ --warn: #ddc181;
195
199
  --s-github: #d7dde3; --s-slack: #d68ce6; --s-linear: #a5adf5; --s-schedule: #4bc4de;
196
- --s-webhook: #b79bf7; --s-manual: #f0a45a; --s-cli: #a3c987; --s-app: #9aa4b2;
197
- --term-selection: rgba(143, 182, 205, 0.36); --term-selection-inactive: rgba(143, 182, 205, 0.24);
200
+ --s-webhook: #b79bf7; --s-manual: #f0a45a; --s-cli: #adc58f; --s-app: #b2c69a;
201
+ --term-selection: rgba(178, 198, 154, 0.30); --term-selection-inactive: rgba(178, 198, 154, 0.18);
198
202
  --syntax-comment: #8b949e; --syntax-keyword: #ff7b72; --syntax-string: #a5d6ff;
199
203
  --syntax-number: #79c0ff; --syntax-title: #d2a8ff; --syntax-type: #ffa657;
200
204
  --syntax-name: #7ee787; --syntax-deletion: #ffdcd7; --syntax-addition: #85e89d;
201
- --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
202
- --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45);
203
- --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
204
- --shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.6);
205
- }
205
+ --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.20);
206
+ --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.24);
207
+ --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.28);
208
+ --shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.32);
209
+
210
+ --accent-soft: #493c2c;
211
+ --warn-soft: #49432b;
212
+ }
206
213
  }
207
214
 
208
215
  @media (prefers-reduced-motion: reduce) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bivy/bivy",
3
- "version": "0.18.4-staging.1",
3
+ "version": "0.18.4-staging.3",
4
4
  "type": "module",
5
5
  "license": "AGPL-3.0-only",
6
6
  "description": "Run coding agents on machines you own. Open-source, self-hostable agent workspace.",