@materialwebunofficial/antigravity-themes 1.0.0 → 1.0.5

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.
@@ -0,0 +1,414 @@
1
+ /* ==========================================================================
2
+ AGY "E-Ink / Paper" — Authentic Digital Paper & E-Reader Theme
3
+ Inspired by reMarkable 2, Kindle Scribe, and BOOX e-paper tablets.
4
+ Strict monochrome contrast, zero glowing blur, zero color distractions,
5
+ and clean typography tailored for deep focus and reading.
6
+ ========================================================================== */
7
+
8
+ :root[data-agy-theme="paper"] {
9
+ /* Inverted E-Ink Dark Mode (Kindle Dark / Night Reading) */
10
+ --p-window: #111111;
11
+ --p-panel: #181818;
12
+ --p-raised: #222222;
13
+ --p-high: #2c2c2c;
14
+ --p-inset: #0d0d0d;
15
+
16
+ --p-line: #2f2f2f;
17
+ --p-line-2: #444444;
18
+ --p-line-3: #666666;
19
+ --p-hover: #252525;
20
+ --p-select: #333333;
21
+
22
+ --p-text-max: #ffffff;
23
+ --p-text: #e2e2e2;
24
+ --p-text-2: #9e9e9e;
25
+ --p-text-3: #707070;
26
+
27
+ --p-primary: #ffffff;
28
+ --p-primary-ink: #000000;
29
+ --p-accent: #d4d4d4;
30
+
31
+ --p-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
32
+ --p-font-read: "Charter", "Georgia", "Cambria", serif;
33
+ --p-font-mono: "Consolas", "Courier New", monospace;
34
+ }
35
+
36
+ :root[data-agy-theme="paper"][data-agy-mode="light"] {
37
+ /* True E-Paper Light Mode (reMarkable / Fresh Book Page) */
38
+ --p-window: #e7e7e7;
39
+ --p-panel: #f6f6f6;
40
+ --p-raised: #ffffff;
41
+ --p-high: #ebebeb;
42
+ --p-inset: #dedede;
43
+
44
+ --p-line: #d4d4d4;
45
+ --p-line-2: #bcbcbc;
46
+ --p-line-3: #888888;
47
+ --p-hover: #eeeeee;
48
+ --p-select: #e0e0e0;
49
+
50
+ --p-text-max: #000000;
51
+ --p-text: #1a1a1a;
52
+ --p-text-2: #555555;
53
+ --p-text-3: #777777;
54
+
55
+ --p-primary: #000000;
56
+ --p-primary-ink: #ffffff;
57
+ --p-accent: #222222;
58
+ }
59
+
60
+ /* 01 — App token bridge */
61
+ :root[data-agy-theme="paper"] {
62
+ --background: var(--p-window) !important;
63
+ --content: var(--p-panel) !important;
64
+ --foreground: var(--p-text) !important;
65
+ --primary: var(--p-primary) !important;
66
+ --primary-foreground: var(--p-primary-ink) !important;
67
+ --secondary: var(--p-high) !important;
68
+ --secondary-foreground: var(--p-text-2) !important;
69
+ --muted: var(--p-raised) !important;
70
+ --muted-foreground: var(--p-text-3) !important;
71
+ --border: var(--p-line) !important;
72
+ --card: var(--p-raised) !important;
73
+ --card-border: var(--p-line-2) !important;
74
+ --sidebar: var(--p-window) !important;
75
+ --sidebar-secondary: var(--p-select) !important;
76
+ --sidebar-muted: var(--p-raised) !important;
77
+ }
78
+
79
+ /* 05 — Onyx layer override */
80
+ :root[data-agy-theme="paper"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) {
81
+ --glass: var(--p-raised);
82
+ --glass-border: var(--p-line);
83
+ --glass-highlight: transparent;
84
+ --glass-shadow: none;
85
+ --shell: var(--p-window);
86
+ --onyx-frame: transparent;
87
+ --onyx-well: var(--p-inset);
88
+ --onyx-key: var(--p-high);
89
+ --onyx-raised: var(--p-raised);
90
+ --onyx-selected: var(--p-select);
91
+ --nux-focus-ring: var(--p-line-3);
92
+ --nux-chip-shadow: none;
93
+ }
94
+
95
+ /* 10 — Main Reading Panel & Book Layout */
96
+ :root[data-agy-theme="paper"] .group\/pane,
97
+ :root[data-agy-theme="paper"] .agy-sheet:not(:has(.group\/pane)) .browser-hole-opaque {
98
+ --background: var(--p-panel);
99
+ --color-background: var(--p-panel);
100
+ width: auto;
101
+ height: calc(100% - 10px);
102
+ margin: 0 10px 10px 6px;
103
+ border-radius: 4px;
104
+ border: 1px solid var(--p-line-2);
105
+ background: var(--p-panel);
106
+ box-shadow: none;
107
+ overflow: hidden;
108
+ }
109
+ :root[data-agy-theme="paper"] .agy-sheet {
110
+ background-image: none !important;
111
+ }
112
+ :root[data-agy-theme="paper"] .bg-border.flex-shrink-0.z-30.h-full {
113
+ background: var(--p-window);
114
+ }
115
+
116
+ /* Inactive webview occlusion guard */
117
+ div[style*="opacity: 0.005"] webview,
118
+ div[style*="display: none"] webview,
119
+ webview[style*="opacity: 0.005"] {
120
+ visibility: hidden !important;
121
+ pointer-events: none !important;
122
+ }
123
+
124
+ /* 20 — Sidebar: Clean E-Ink Document Index (Fixed header overflow) */
125
+ :root[data-agy-theme="paper"] aside,
126
+ :root[data-agy-theme="paper"] nav {
127
+ font-family: var(--p-font-ui);
128
+ }
129
+
130
+ /* Fix sidebar section headers: Pinned Conversations, Projects, Conversations */
131
+ :root[data-agy-theme="paper"] aside h2,
132
+ :root[data-agy-theme="paper"] aside h3,
133
+ :root[data-agy-theme="paper"] nav h2,
134
+ :root[data-agy-theme="paper"] nav h3,
135
+ :root[data-agy-theme="paper"] aside [role="heading"],
136
+ :root[data-agy-theme="paper"] nav [role="heading"] {
137
+ font-family: var(--p-font-mono) !important;
138
+ font-size: 11px !important;
139
+ font-weight: 700 !important;
140
+ text-transform: uppercase !important;
141
+ letter-spacing: 0.08em !important;
142
+ color: var(--p-text-3) !important;
143
+ overflow: visible !important;
144
+ white-space: nowrap !important;
145
+ line-height: normal !important;
146
+ border: none !important;
147
+ padding: 0 !important;
148
+ margin: 8px 0 4px !important;
149
+ }
150
+
151
+ /* 30 — Content Reading Typography (Scoped ONLY to chat prose) */
152
+ :root[data-agy-theme="paper"] .prose,
153
+ :root[data-agy-theme="paper"] .select-text {
154
+ font-family: var(--p-font-read);
155
+ font-size: 15px;
156
+ line-height: 1.65;
157
+ color: var(--p-text);
158
+ }
159
+
160
+ :root[data-agy-theme="paper"] .prose h1,
161
+ :root[data-agy-theme="paper"] .prose h2,
162
+ :root[data-agy-theme="paper"] .prose h3 {
163
+ font-family: var(--p-font-read);
164
+ font-weight: 700;
165
+ color: var(--p-text-max);
166
+ }
167
+
168
+ :root[data-agy-theme="paper"] .prose h1 {
169
+ font-size: 1.35rem;
170
+ border-bottom: 1px solid var(--p-line-2);
171
+ padding-bottom: 4px;
172
+ margin-top: 20px;
173
+ }
174
+ :root[data-agy-theme="paper"] .prose h2 {
175
+ font-size: 1.15rem;
176
+ margin-top: 16px;
177
+ }
178
+
179
+ /* 40 — User Message Bubble: Stark Monochrome Index Card */
180
+ :root[data-agy-theme="paper"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) .agy-user-bubble-frame {
181
+ padding: 0;
182
+ background: transparent;
183
+ border-radius: 4px;
184
+ }
185
+ :root[data-agy-theme="paper"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) .agy-user-bubble {
186
+ background: var(--p-raised);
187
+ color: var(--p-text-max);
188
+ border: 1px solid var(--p-line-2);
189
+ border-radius: 4px;
190
+ box-shadow: none;
191
+ font-family: var(--p-font-ui);
192
+ font-size: 14px;
193
+ line-height: 1.5;
194
+ padding: 8px 12px;
195
+ }
196
+
197
+ /* 50 — Composer: Crisp E-Writer Text Pad */
198
+ :root[data-agy-theme="paper"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) .surface-composer {
199
+ padding: 1px;
200
+ background: var(--p-line-2);
201
+ border-radius: 6px;
202
+ box-shadow: none;
203
+ transition: background-color 0.1s ease;
204
+ }
205
+ :root[data-agy-theme="paper"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) .surface-composer:focus-within {
206
+ background: var(--p-text-max);
207
+ }
208
+ :root[data-agy-theme="paper"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) .surface-composer > .surface-composer-card {
209
+ background: var(--p-raised);
210
+ border-radius: 5px;
211
+ backdrop-filter: none;
212
+ box-shadow: none;
213
+ }
214
+ :root[data-agy-theme="paper"] textarea,
215
+ :root[data-agy-theme="paper"] [contenteditable] {
216
+ font-family: var(--p-font-ui) !important;
217
+ font-size: 14px !important;
218
+ }
219
+
220
+ /* 60 — Code Blocks: Pure Clean Monospace */
221
+ :root[data-agy-theme="paper"] pre,
222
+ :root[data-agy-theme="paper"] code,
223
+ :root[data-agy-theme="paper"] .agy-code {
224
+ font-family: var(--p-font-mono) !important;
225
+ font-size: 13px !important;
226
+ }
227
+ :root[data-agy-theme="paper"] pre {
228
+ background: var(--p-inset) !important;
229
+ border: 1px solid var(--p-line) !important;
230
+ border-radius: 3px !important;
231
+ padding: 10px !important;
232
+ }
233
+ :root[data-agy-theme="paper"] code:not(pre code) {
234
+ background: var(--p-high) !important;
235
+ color: var(--p-text-max) !important;
236
+ border: 1px solid var(--p-line) !important;
237
+ border-radius: 2px !important;
238
+ padding: 1px 4px !important;
239
+ }
240
+
241
+ /* 70 — Menus & Overlays: Clean Monochrome Card */
242
+ :root[data-agy-theme="paper"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) .agy-overlay[role="menu"] {
243
+ background: var(--p-raised);
244
+ border-radius: 6px;
245
+ border: 1px solid var(--p-line-2);
246
+ box-shadow: 0 4px 16px -4px rgb(0 0 0 / 0.5);
247
+ backdrop-filter: none;
248
+ padding: 4px;
249
+ }
250
+ :root[data-agy-theme="paper"] [role="menuitem"],
251
+ :root[data-agy-theme="paper"] [role="menuitemradio"] {
252
+ border-radius: 4px;
253
+ font-family: var(--p-font-ui);
254
+ font-size: 13px;
255
+ }
256
+ :root[data-agy-theme="paper"] [role="menuitem"]:hover,
257
+ :root[data-agy-theme="paper"] [role="menuitemradio"]:hover {
258
+ background: var(--p-select);
259
+ }
260
+
261
+ /* High-contrast hairline scrollbar */
262
+ :root[data-agy-theme="paper"] ::-webkit-scrollbar {
263
+ width: 4px;
264
+ height: 4px;
265
+ }
266
+ :root[data-agy-theme="paper"] ::-webkit-scrollbar-thumb {
267
+ background: var(--p-line-2);
268
+ border-radius: 0;
269
+ }
270
+ :root[data-agy-theme="paper"] ::-webkit-scrollbar-thumb:hover {
271
+ background: var(--p-line-3);
272
+ }
273
+
274
+ /* 80 — Voice Mode & Gemini Live: E-Ink Paper Aesthetic */
275
+ :root[data-agy-theme="paper"] [data-testid="voice-live-pill"] {
276
+ background: var(--p-raised) !important;
277
+ color: var(--p-text-max) !important;
278
+ border: 1px solid var(--p-line-2) !important;
279
+ border-radius: 4px !important;
280
+ transition: background-color 0.1s ease, color 0.1s ease !important;
281
+ }
282
+ :root[data-agy-theme="paper"] [data-testid="voice-live-pill"]:hover {
283
+ background: var(--p-high) !important;
284
+ }
285
+ :root[data-agy-theme="paper"] [data-testid="voice-start-button"] {
286
+ color: inherit !important;
287
+ }
288
+
289
+ /* Voice Picker Dialog — Editorial E-Ink Card */
290
+ :root[data-agy-theme="paper"] [data-testid="voice-picker"] {
291
+ background: var(--p-raised) !important;
292
+ border: 1px solid var(--p-line-2) !important;
293
+ border-radius: 4px !important;
294
+ box-shadow: 0 4px 16px -4px rgb(0 0 0 / 0.5) !important;
295
+ }
296
+ :root[data-agy-theme="paper"] [data-testid="voice-picker"] [data-testid="voice-picker-close"] {
297
+ color: var(--p-text-2) !important;
298
+ border-radius: 2px !important;
299
+ border: 1px solid transparent !important;
300
+ }
301
+ :root[data-agy-theme="paper"] [data-testid="voice-picker"] [data-testid="voice-picker-close"]:hover {
302
+ background: var(--p-hover) !important;
303
+ color: var(--p-text-max) !important;
304
+ border-color: var(--p-line) !important;
305
+ }
306
+ :root[data-agy-theme="paper"] [data-testid="voice-picker"] [data-testid="voice-picker-name"] {
307
+ color: var(--p-text-max) !important;
308
+ font-family: var(--p-font-read) !important;
309
+ font-weight: 700 !important;
310
+ }
311
+ :root[data-agy-theme="paper"] [data-testid="voice-picker"] canvas {
312
+ filter: grayscale(1) contrast(1.4) !important;
313
+ }
314
+ :root[data-agy-theme="paper"] [data-testid="voice-picker"] .voice-picker-dot > span {
315
+ background: var(--p-line-2) !important;
316
+ border-radius: 2px !important;
317
+ }
318
+ :root[data-agy-theme="paper"] [data-testid="voice-picker"] .voice-picker-dot[aria-current="true"] > span {
319
+ background: var(--p-text-max) !important;
320
+ box-shadow: none !important;
321
+ }
322
+ :root[data-agy-theme="paper"] [data-testid="voice-picker"] button[data-testid="voice-picker-use"] {
323
+ background: var(--p-primary) !important;
324
+ color: var(--p-primary-ink) !important;
325
+ border: 1px solid var(--p-line-3) !important;
326
+ border-radius: 3px !important;
327
+ font-family: var(--p-font-ui) !important;
328
+ font-weight: 600 !important;
329
+ box-shadow: none !important;
330
+ }
331
+ :root[data-agy-theme="paper"] [data-testid="voice-picker"] button[data-testid="voice-picker-use"]:hover {
332
+ opacity: 0.9 !important;
333
+ }
334
+
335
+ /* Active Voice Docked Panel — Strictly No Blur, Sharp Edges */
336
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] {
337
+ background: var(--p-raised) !important;
338
+ background-image: none !important;
339
+ border: 1px solid var(--p-line-2) !important;
340
+ border-bottom: none !important;
341
+ border-radius: 4px 4px 0 0 !important;
342
+ box-shadow: none !important;
343
+ backdrop-filter: none !important;
344
+ -webkit-backdrop-filter: none !important;
345
+ }
346
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-end-button"],
347
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-call-end"] {
348
+ background: var(--p-raised) !important;
349
+ color: var(--p-text-max) !important;
350
+ border: 1px solid var(--p-line-3) !important;
351
+ border-radius: 3px !important;
352
+ font-weight: 600 !important;
353
+ }
354
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-end-button"]:hover,
355
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-call-end"]:hover {
356
+ background: var(--p-select) !important;
357
+ }
358
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-mute-button"],
359
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-call-agent-mute"],
360
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-call-speed"],
361
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-call-collapse"] {
362
+ border-radius: 2px !important;
363
+ border: 1px solid transparent !important;
364
+ }
365
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-mute-button"]:hover,
366
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-call-agent-mute"]:hover,
367
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-call-speed"]:hover,
368
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-call-collapse"]:hover {
369
+ background: var(--p-hover) !important;
370
+ border-color: var(--p-line) !important;
371
+ }
372
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-speed-fill"] {
373
+ background: var(--p-text-max) !important;
374
+ }
375
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="voice-speed-track"] {
376
+ background: var(--p-line-2) !important;
377
+ }
378
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="live-lead"],
379
+ :root[data-agy-theme="paper"] [data-testid="live-docked"] [data-testid="live-body"] {
380
+ color: var(--p-text) !important;
381
+ font-family: var(--p-font-read) !important;
382
+ }
383
+
384
+ /* Background Glow Canvas: ZERO GLOW in authentic E-Paper */
385
+ :root[data-agy-theme="paper"] [data-testid="voice-speaking-glow"] {
386
+ display: none !important;
387
+ }
388
+ :root[data-agy-theme="paper"] [data-testid="voice-speaking-glow"] canvas {
389
+ display: none !important;
390
+ }
391
+
392
+ /* In-Chat Separator Marker */
393
+ :root[data-agy-theme="paper"] [data-testid="voice-chat-marker"] {
394
+ color: var(--p-text) !important;
395
+ font-family: var(--p-font-read) !important;
396
+ font-weight: 500 !important;
397
+ }
398
+ :root[data-agy-theme="paper"] div:has(> span [data-testid="voice-chat-marker"]) .bg-secondary,
399
+ :root[data-agy-theme="paper"] div:has(> [data-testid="voice-chat-marker"]) .bg-secondary,
400
+ :root[data-agy-theme="paper"] [data-testid="voice-chat-marker"] ~ div.bg-secondary {
401
+ background-color: var(--p-line-2) !important;
402
+ }
403
+
404
+ /* In-Chat Voice Transcript Card */
405
+ :root[data-agy-theme="paper"] [data-testid="voice-transcript-card"] {
406
+ background: var(--p-raised) !important;
407
+ border: 1px solid var(--p-line-2) !important;
408
+ border-radius: 4px !important;
409
+ }
410
+ :root[data-agy-theme="paper"] [data-testid="voice-transcript-card"]:hover {
411
+ background: var(--p-select) !important;
412
+ border-color: var(--p-line-3) !important;
413
+ }
414
+