@bivy/bivy 0.18.4-staging.2 → 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.
- package/dist/apps/styles.css +6 -0
- package/dist/apps/tokens.css +58 -51
- package/package.json +1 -1
package/dist/apps/styles.css
CHANGED
|
@@ -3371,3 +3371,9 @@ p.setup-note .btn.link { min-height: 44px; margin-block: calc((1lh - 44px) / 2);
|
|
|
3371
3371
|
the composer itself, with one line of another device's draft. */
|
|
3372
3372
|
.handoff-banner { border-radius: var(--radius-md); }
|
|
3373
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: #
|
|
34
|
-
--surface-3: #
|
|
35
|
-
--ink: #
|
|
36
|
-
--muted: #
|
|
37
|
-
--line: #
|
|
38
|
-
--line-strong: #
|
|
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: #
|
|
43
|
+
--accent: #ac4b24;
|
|
44
44
|
--accent-contrast: #ffffff;
|
|
45
|
-
--accent-hover: #
|
|
45
|
+
--accent-hover: #873b1c;
|
|
46
46
|
--accent-active: color-mix(in srgb, var(--accent), #000 22%);
|
|
47
|
-
--accent-soft:
|
|
47
|
+
--accent-soft: #f5e5d9;
|
|
48
48
|
|
|
49
49
|
/* ---- Status ---- */
|
|
50
|
-
--danger: #
|
|
51
|
-
--ok: #
|
|
52
|
-
--merged: #
|
|
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: #
|
|
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: #
|
|
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(
|
|
73
|
-
--term-selection-inactive: rgba(
|
|
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:
|
|
110
|
-
--radius-sm:
|
|
111
|
-
--radius-md:
|
|
112
|
-
--radius-lg:
|
|
113
|
-
--radius-xl:
|
|
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
|
|
118
|
-
--shadow-md: 0 4px
|
|
119
|
-
--shadow-lg: 0 12px 32px rgba(
|
|
120
|
-
--shadow-xl: 0 24px 70px rgba(
|
|
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: #
|
|
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: #
|
|
167
|
-
--ink: #
|
|
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: #
|
|
170
|
-
--danger: #
|
|
171
|
-
--unseen: #
|
|
172
|
-
--warn: #
|
|
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: #
|
|
175
|
-
--term-selection: rgba(
|
|
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
|
|
180
|
-
--shadow-md: 0 4px
|
|
181
|
-
--shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.
|
|
182
|
-
--shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.
|
|
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: #
|
|
189
|
-
--ink: #
|
|
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: #
|
|
192
|
-
--danger: #
|
|
193
|
-
--unseen: #
|
|
194
|
-
--warn: #
|
|
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: #
|
|
197
|
-
--term-selection: rgba(
|
|
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
|
|
202
|
-
--shadow-md: 0 4px
|
|
203
|
-
--shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.
|
|
204
|
-
--shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.
|
|
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