@materialwebunofficial/antigravity-themes 0.0.0-stage → 1.0.4

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,370 @@
1
+ /* ==========================================================================
2
+ AGY "Nordic Frost" — Official Nord Palette (Arctic Ice Studio)
3
+ An authentic Scandinavian color scheme: calm, matte, elegant.
4
+ Zero neon glows, zero AI-slop gradients, zero aggressive blurs.
5
+ Pure Arctic Ice Studio design language: Polar Night, Snow Storm, and Frost.
6
+ ========================================================================== */
7
+
8
+ :root[data-agy-theme="nordic"] {
9
+ /* Polar Night (Dark palette) */
10
+ --nord0: #2e3440; /* Base background */
11
+ --nord1: #3b4252; /* Elevated panels */
12
+ --nord2: #434c5e; /* Cards & active rows */
13
+ --nord3: #4c566a; /* Borders & muted lines */
14
+
15
+ /* Snow Storm (Text & highlights) */
16
+ --nord4: #d8dee9; /* Body text */
17
+ --nord5: #e5e9f0; /* Elevated text */
18
+ --nord6: #eceff4; /* High-contrast headings */
19
+
20
+ /* Frost (Calm arctic accents - strictly matte, no neon) */
21
+ --nord7: #8fbcbb; /* Sage frost */
22
+ --nord8: #88c0d0; /* Glacial blue */
23
+ --nord9: #81a1c1; /* Steel blue */
24
+ --nord10: #5e81ac; /* Deep arctic blue */
25
+
26
+ /* Aurora (Subtle indicators) */
27
+ --nord11: #bf616a; /* Muted red */
28
+ --nord14: #a3be8c; /* Muted green */
29
+
30
+ --n-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
31
+ --n-mono: "JetBrains Mono", "Cascadia Code", "Consolas", monospace;
32
+ }
33
+
34
+ :root[data-agy-theme="nordic"][data-agy-mode="light"] {
35
+ /* Snow Storm (Light palette) */
36
+ --nord0: #eceff4; /* Base background */
37
+ --nord1: #e5e9f0; /* Panels */
38
+ --nord2: #ffffff; /* Cards */
39
+ --nord3: #d8dee9; /* Borders */
40
+
41
+ --nord4: #434c5e; /* Body text */
42
+ --nord5: #3b4252; /* Text */
43
+ --nord6: #2e3440; /* Headings */
44
+
45
+ --nord7: #5e81ac;
46
+ --nord8: #5e81ac;
47
+ --nord9: #4c566a;
48
+ --nord10: #434c5e;
49
+ }
50
+
51
+ /* 01 — App token bridge */
52
+ :root[data-agy-theme="nordic"] {
53
+ --background: var(--nord0) !important;
54
+ --content: var(--nord1) !important;
55
+ --foreground: var(--nord4) !important;
56
+ --primary: var(--nord8) !important;
57
+ --primary-foreground: #2e3440 !important;
58
+ --secondary: var(--nord2) !important;
59
+ --secondary-foreground: var(--nord5) !important;
60
+ --muted: var(--nord2) !important;
61
+ --muted-foreground: var(--nord3) !important;
62
+ --border: var(--nord3) !important;
63
+ --card: var(--nord2) !important;
64
+ --card-border: var(--nord3) !important;
65
+ --sidebar: var(--nord0) !important;
66
+ --sidebar-secondary: var(--nord2) !important;
67
+ --sidebar-muted: var(--nord2) !important;
68
+ }
69
+
70
+ /* 05 — Onyx layer override */
71
+ :root[data-agy-theme="nordic"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) {
72
+ --glass: var(--nord2);
73
+ --glass-border: var(--nord3);
74
+ --glass-highlight: transparent;
75
+ --glass-shadow: none;
76
+ --shell: var(--nord0);
77
+ --onyx-frame: transparent;
78
+ --onyx-well: var(--nord0);
79
+ --onyx-key: var(--nord2);
80
+ --onyx-raised: var(--nord1);
81
+ --onyx-selected: var(--nord2);
82
+ --nux-focus-ring: var(--nord8);
83
+ --nux-chip-shadow: none;
84
+ }
85
+
86
+ /* 10 — Main Inset Panel */
87
+ :root[data-agy-theme="nordic"] .group\/pane,
88
+ :root[data-agy-theme="nordic"] .agy-sheet:not(:has(.group\/pane)) .browser-hole-opaque {
89
+ --background: var(--nord1);
90
+ --color-background: var(--nord1);
91
+ width: auto;
92
+ height: calc(100% - 10px);
93
+ margin: 0 10px 10px 6px;
94
+ border-radius: 10px;
95
+ border: 1px solid var(--nord3);
96
+ background: var(--nord1);
97
+ box-shadow: 0 4px 16px -4px rgb(0 0 0 / 0.3);
98
+ overflow: hidden;
99
+ }
100
+ :root[data-agy-theme="nordic"] .agy-sheet {
101
+ background-image: none !important;
102
+ }
103
+ :root[data-agy-theme="nordic"] .bg-border.flex-shrink-0.z-30.h-full {
104
+ background: var(--nord0);
105
+ }
106
+
107
+ /* Inactive webview occlusion guard */
108
+ div[style*="opacity: 0.005"] webview,
109
+ div[style*="display: none"] webview,
110
+ webview[style*="opacity: 0.005"] {
111
+ visibility: hidden !important;
112
+ pointer-events: none !important;
113
+ }
114
+
115
+ /* 20 — Typography: Calm, Balanced Scandinavian Grotesque */
116
+ :root[data-agy-theme="nordic"] {
117
+ font-family: var(--n-font);
118
+ }
119
+
120
+ :root[data-agy-theme="nordic"] .prose,
121
+ :root[data-agy-theme="nordic"] .select-text {
122
+ font-family: var(--n-font);
123
+ font-size: 14.5px;
124
+ line-height: 1.65;
125
+ color: var(--nord4);
126
+ }
127
+
128
+ :root[data-agy-theme="nordic"] h1,
129
+ :root[data-agy-theme="nordic"] h2,
130
+ :root[data-agy-theme="nordic"] h3,
131
+ :root[data-agy-theme="nordic"] h4 {
132
+ font-family: var(--n-font);
133
+ font-weight: 600;
134
+ color: var(--nord6);
135
+ letter-spacing: -0.01em;
136
+ }
137
+
138
+ :root[data-agy-theme="nordic"] h1 {
139
+ font-size: 1.35rem;
140
+ border-bottom: 1px solid var(--nord3);
141
+ padding-bottom: 6px;
142
+ margin-top: 20px;
143
+ }
144
+
145
+ /* 30 — User Message Bubble: Clean Polar Card */
146
+ :root[data-agy-theme="nordic"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) .agy-user-bubble-frame {
147
+ padding: 1px;
148
+ background: var(--nord3);
149
+ border-radius: 8px;
150
+ box-shadow: 0 2px 8px -2px rgb(0 0 0 / 0.2);
151
+ }
152
+ :root[data-agy-theme="nordic"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) .agy-user-bubble {
153
+ background: var(--nord2);
154
+ color: var(--nord6);
155
+ border-radius: 7px;
156
+ padding: 10px 14px;
157
+ font-family: var(--n-font);
158
+ font-size: 14px;
159
+ line-height: 1.55;
160
+ box-shadow: none;
161
+ }
162
+
163
+ /* 40 — Composer: Crisp Nordic Input Card */
164
+ :root[data-agy-theme="nordic"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) .surface-composer {
165
+ padding: 1px;
166
+ background: var(--nord3);
167
+ border-radius: 10px;
168
+ box-shadow: 0 4px 16px -6px rgb(0 0 0 / 0.35);
169
+ transition: background-color 0.15s ease;
170
+ }
171
+ :root[data-agy-theme="nordic"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) .surface-composer:focus-within {
172
+ background: var(--nord8);
173
+ }
174
+ :root[data-agy-theme="nordic"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) .surface-composer > .surface-composer-card {
175
+ background: var(--nord2);
176
+ border-radius: 9px;
177
+ backdrop-filter: none;
178
+ box-shadow: none;
179
+ }
180
+ :root[data-agy-theme="nordic"] textarea,
181
+ :root[data-agy-theme="nordic"] [contenteditable] {
182
+ font-family: var(--n-font) !important;
183
+ font-size: 14px !important;
184
+ color: var(--nord5) !important;
185
+ }
186
+
187
+ /* 50 — Code Blocks: Authentic Nord Syntax Styling */
188
+ :root[data-agy-theme="nordic"] pre,
189
+ :root[data-agy-theme="nordic"] code,
190
+ :root[data-agy-theme="nordic"] .agy-code {
191
+ font-family: var(--n-mono) !important;
192
+ font-size: 13px !important;
193
+ }
194
+ :root[data-agy-theme="nordic"] pre {
195
+ background: var(--nord0) !important;
196
+ border: 1px solid var(--nord3) !important;
197
+ border-radius: 6px !important;
198
+ padding: 12px !important;
199
+ box-shadow: none !important;
200
+ }
201
+ :root[data-agy-theme="nordic"] code:not(pre code) {
202
+ background: var(--nord2) !important;
203
+ color: var(--nord8) !important;
204
+ border: 1px solid var(--nord3) !important;
205
+ border-radius: 4px !important;
206
+ padding: 1px 5px !important;
207
+ }
208
+
209
+ /* 60 — Overlays & Menus */
210
+ :root[data-agy-theme="nordic"] body[data-agy-theme][data-newux-theme]:is(.dark, :not(.dark)) .agy-overlay[role="menu"] {
211
+ background: var(--nord1);
212
+ border-radius: 8px;
213
+ border: 1px solid var(--nord3);
214
+ box-shadow: 0 12px 32px -8px rgb(0 0 0 / 0.5);
215
+ backdrop-filter: none;
216
+ padding: 4px;
217
+ }
218
+ :root[data-agy-theme="nordic"] [role="menuitem"],
219
+ :root[data-agy-theme="nordic"] [role="menuitemradio"] {
220
+ border-radius: 6px;
221
+ font-family: var(--n-font);
222
+ font-size: 13px;
223
+ color: var(--nord4);
224
+ }
225
+ :root[data-agy-theme="nordic"] [role="menuitem"]:hover,
226
+ :root[data-agy-theme="nordic"] [role="menuitemradio"]:hover {
227
+ background: var(--nord2);
228
+ color: var(--nord6);
229
+ }
230
+
231
+ /* Scrollbar */
232
+ :root[data-agy-theme="nordic"] ::-webkit-scrollbar {
233
+ width: 5px;
234
+ height: 5px;
235
+ }
236
+ :root[data-agy-theme="nordic"] ::-webkit-scrollbar-thumb {
237
+ background: var(--nord3);
238
+ border-radius: 4px;
239
+ }
240
+ :root[data-agy-theme="nordic"] ::-webkit-scrollbar-thumb:hover {
241
+ background: var(--nord8);
242
+ }
243
+
244
+ /* 80 — Voice Mode & Gemini Live Harmonization */
245
+ :root[data-agy-theme="nordic"] [data-testid="voice-live-pill"] {
246
+ background: var(--nord2) !important;
247
+ color: var(--nord8) !important;
248
+ border: 1px solid var(--nord3) !important;
249
+ border-radius: 9999px !important;
250
+ transition: background-color 0.15s ease, color 0.15s ease !important;
251
+ }
252
+ :root[data-agy-theme="nordic"] [data-testid="voice-live-pill"]:hover {
253
+ background: var(--nord1) !important;
254
+ color: var(--nord6) !important;
255
+ }
256
+ :root[data-agy-theme="nordic"] [data-testid="voice-start-button"] {
257
+ color: inherit !important;
258
+ }
259
+
260
+ /* Voice Picker Dialog */
261
+ :root[data-agy-theme="nordic"] [data-testid="voice-picker"] {
262
+ background: var(--nord1) !important;
263
+ border: 1px solid var(--nord3) !important;
264
+ border-radius: 12px !important;
265
+ box-shadow: 0 16px 40px -12px rgb(0 0 0 / 0.5) !important;
266
+ }
267
+ :root[data-agy-theme="nordic"] [data-testid="voice-picker"] [data-testid="voice-picker-close"] {
268
+ color: var(--nord4) !important;
269
+ border-radius: 6px !important;
270
+ }
271
+ :root[data-agy-theme="nordic"] [data-testid="voice-picker"] [data-testid="voice-picker-close"]:hover {
272
+ background: var(--nord2) !important;
273
+ color: var(--nord6) !important;
274
+ }
275
+ :root[data-agy-theme="nordic"] [data-testid="voice-picker"] [data-testid="voice-picker-name"] {
276
+ color: var(--nord6) !important;
277
+ font-family: var(--n-font) !important;
278
+ }
279
+ :root[data-agy-theme="nordic"] [data-testid="voice-picker"] .voice-picker-dot > span {
280
+ background: var(--nord3) !important;
281
+ }
282
+ :root[data-agy-theme="nordic"] [data-testid="voice-picker"] .voice-picker-dot[aria-current="true"] > span {
283
+ background: var(--nord8) !important;
284
+ box-shadow: 0 0 8px rgba(136, 192, 208, 0.5) !important;
285
+ }
286
+ :root[data-agy-theme="nordic"] [data-testid="voice-picker"] button[data-testid="voice-picker-use"] {
287
+ background: var(--nord8) !important;
288
+ color: var(--nord0) !important;
289
+ border-radius: 8px !important;
290
+ font-family: var(--n-font) !important;
291
+ font-weight: 600 !important;
292
+ box-shadow: none !important;
293
+ transition: background-color 0.15s ease !important;
294
+ }
295
+ :root[data-agy-theme="nordic"] [data-testid="voice-picker"] button[data-testid="voice-picker-use"]:hover {
296
+ background: var(--nord9) !important;
297
+ }
298
+
299
+ /* Active Voice Docked Panel */
300
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] {
301
+ background: var(--nord1) !important;
302
+ background-image: none !important;
303
+ border: 1px solid var(--nord3) !important;
304
+ border-bottom: none !important;
305
+ border-radius: 12px 12px 0 0 !important;
306
+ box-shadow: 0 -8px 24px -8px rgb(0 0 0 / 0.4) !important;
307
+ backdrop-filter: blur(16px) !important;
308
+ -webkit-backdrop-filter: blur(16px) !important;
309
+ }
310
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-end-button"],
311
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-call-end"] {
312
+ background: var(--nord11) !important;
313
+ color: var(--nord6) !important;
314
+ border-radius: 8px !important;
315
+ }
316
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-mute-button"],
317
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-call-agent-mute"],
318
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-call-speed"],
319
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-call-collapse"] {
320
+ border-radius: 6px !important;
321
+ }
322
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-mute-button"]:hover,
323
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-call-agent-mute"]:hover,
324
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-call-speed"]:hover,
325
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-call-collapse"]:hover {
326
+ background: var(--nord2) !important;
327
+ color: var(--nord6) !important;
328
+ }
329
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-speed-fill"] {
330
+ background: var(--nord8) !important;
331
+ }
332
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-speed-track"] {
333
+ background: var(--nord3) !important;
334
+ }
335
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="live-lead"],
336
+ :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="live-body"] {
337
+ color: var(--nord5) !important;
338
+ font-family: var(--n-font) !important;
339
+ }
340
+
341
+ /* Background Glow Canvas & Ring */
342
+ :root[data-agy-theme="nordic"] [data-testid="voice-speaking-glow"] canvas {
343
+ filter: hue-rotate(185deg) opacity(0.35) !important;
344
+ }
345
+ :root[data-agy-theme="nordic"] [data-testid="voice-speaking-glow"] .voice-glow-ring {
346
+ box-shadow: 0 0 0 1px rgba(136, 192, 208, 0.25) !important;
347
+ }
348
+
349
+ /* In-Chat Separator Marker */
350
+ :root[data-agy-theme="nordic"] [data-testid="voice-chat-marker"] {
351
+ color: var(--nord8) !important;
352
+ font-family: var(--n-font) !important;
353
+ }
354
+ :root[data-agy-theme="nordic"] div:has(> span [data-testid="voice-chat-marker"]) .bg-secondary,
355
+ :root[data-agy-theme="nordic"] div:has(> [data-testid="voice-chat-marker"]) .bg-secondary,
356
+ :root[data-agy-theme="nordic"] [data-testid="voice-chat-marker"] ~ div.bg-secondary {
357
+ background-color: var(--nord3) !important;
358
+ }
359
+
360
+ /* In-Chat Voice Transcript Card */
361
+ :root[data-agy-theme="nordic"] [data-testid="voice-transcript-card"] {
362
+ background: var(--nord1) !important;
363
+ border: 1px solid var(--nord3) !important;
364
+ border-radius: 8px !important;
365
+ }
366
+ :root[data-agy-theme="nordic"] [data-testid="voice-transcript-card"]:hover {
367
+ background: var(--nord2) !important;
368
+ border-color: var(--nord8) !important;
369
+ }
370
+