pockcode 0.0.4 → 0.0.6
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/pockcode.js +49 -32
- package/package.json +1 -1
package/dist/pockcode.js
CHANGED
|
@@ -350,8 +350,25 @@ function sendAuthPage(res, options, status = 200) {
|
|
|
350
350
|
:root {
|
|
351
351
|
color-scheme: dark;
|
|
352
352
|
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
353
|
-
background:
|
|
354
|
-
|
|
353
|
+
--background: oklch(0.15 0.003 285);
|
|
354
|
+
--foreground: oklch(0.88 0.006 285);
|
|
355
|
+
--card: oklch(0.19 0.004 285);
|
|
356
|
+
--card-foreground: oklch(0.88 0.006 285);
|
|
357
|
+
--primary: oklch(0.58 0.16 276);
|
|
358
|
+
--primary-foreground: oklch(0.985 0.004 285);
|
|
359
|
+
--muted: oklch(0.23 0.004 285);
|
|
360
|
+
--muted-foreground: oklch(0.67 0.006 285);
|
|
361
|
+
--accent: oklch(0.27 0.006 285);
|
|
362
|
+
--accent-foreground: oklch(0.91 0.006 285);
|
|
363
|
+
--border: oklch(0.3 0.005 285);
|
|
364
|
+
--input: oklch(0.34 0.008 285);
|
|
365
|
+
--ring: oklch(0.61 0.15 276);
|
|
366
|
+
--destructive: oklch(0.66 0.2 25);
|
|
367
|
+
--destructive-foreground: oklch(0.985 0 0);
|
|
368
|
+
--sidebar: oklch(0.13 0.003 285);
|
|
369
|
+
--auth-grid: rgb(255 255 255 / 0.03);
|
|
370
|
+
background: var(--background);
|
|
371
|
+
color: var(--foreground);
|
|
355
372
|
}
|
|
356
373
|
* { box-sizing: border-box; }
|
|
357
374
|
body {
|
|
@@ -360,11 +377,11 @@ function sendAuthPage(res, options, status = 200) {
|
|
|
360
377
|
display: grid;
|
|
361
378
|
place-items: center;
|
|
362
379
|
background:
|
|
363
|
-
linear-gradient(90deg,
|
|
364
|
-
linear-gradient(180deg,
|
|
365
|
-
|
|
380
|
+
linear-gradient(90deg, var(--auth-grid) 1px, transparent 1px),
|
|
381
|
+
linear-gradient(180deg, var(--auth-grid) 1px, transparent 1px),
|
|
382
|
+
var(--background);
|
|
366
383
|
background-size: 42px 42px;
|
|
367
|
-
color:
|
|
384
|
+
color: var(--foreground);
|
|
368
385
|
}
|
|
369
386
|
main {
|
|
370
387
|
width: min(880px, calc(100vw - 32px));
|
|
@@ -372,9 +389,9 @@ function sendAuthPage(res, options, status = 200) {
|
|
|
372
389
|
display: grid;
|
|
373
390
|
grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1fr);
|
|
374
391
|
overflow: hidden;
|
|
375
|
-
border: 1px solid
|
|
392
|
+
border: 1px solid var(--border);
|
|
376
393
|
border-radius: 8px;
|
|
377
|
-
background:
|
|
394
|
+
background: var(--card);
|
|
378
395
|
box-shadow: 0 28px 90px rgb(0 0 0 / 0.42);
|
|
379
396
|
}
|
|
380
397
|
.brand {
|
|
@@ -382,8 +399,8 @@ function sendAuthPage(res, options, status = 200) {
|
|
|
382
399
|
min-height: 100%;
|
|
383
400
|
flex-direction: column;
|
|
384
401
|
justify-content: space-between;
|
|
385
|
-
border-right: 1px solid
|
|
386
|
-
background:
|
|
402
|
+
border-right: 1px solid var(--border);
|
|
403
|
+
background: var(--sidebar);
|
|
387
404
|
padding: 28px;
|
|
388
405
|
}
|
|
389
406
|
.mark {
|
|
@@ -391,10 +408,10 @@ function sendAuthPage(res, options, status = 200) {
|
|
|
391
408
|
width: 40px;
|
|
392
409
|
height: 40px;
|
|
393
410
|
place-items: center;
|
|
394
|
-
border: 1px solid
|
|
411
|
+
border: 1px solid var(--border);
|
|
395
412
|
border-radius: 8px;
|
|
396
|
-
background:
|
|
397
|
-
color:
|
|
413
|
+
background: var(--primary);
|
|
414
|
+
color: var(--primary-foreground);
|
|
398
415
|
font-weight: 800;
|
|
399
416
|
letter-spacing: 0;
|
|
400
417
|
}
|
|
@@ -406,7 +423,7 @@ function sendAuthPage(res, options, status = 200) {
|
|
|
406
423
|
}
|
|
407
424
|
.brand p, .panel p {
|
|
408
425
|
margin: 0;
|
|
409
|
-
color:
|
|
426
|
+
color: var(--muted-foreground);
|
|
410
427
|
font-size: 14px;
|
|
411
428
|
line-height: 1.55;
|
|
412
429
|
}
|
|
@@ -414,7 +431,7 @@ function sendAuthPage(res, options, status = 200) {
|
|
|
414
431
|
display: grid;
|
|
415
432
|
gap: 10px;
|
|
416
433
|
margin-top: 30px;
|
|
417
|
-
color:
|
|
434
|
+
color: var(--card-foreground);
|
|
418
435
|
font-family: "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace;
|
|
419
436
|
font-size: 12px;
|
|
420
437
|
}
|
|
@@ -422,20 +439,20 @@ function sendAuthPage(res, options, status = 200) {
|
|
|
422
439
|
display: flex;
|
|
423
440
|
justify-content: space-between;
|
|
424
441
|
gap: 18px;
|
|
425
|
-
border-bottom: 1px solid
|
|
442
|
+
border-bottom: 1px solid var(--border);
|
|
426
443
|
padding-bottom: 10px;
|
|
427
444
|
}
|
|
428
|
-
.console span:last-child { color:
|
|
445
|
+
.console span:last-child { color: var(--primary); }
|
|
429
446
|
.panel {
|
|
430
447
|
display: flex;
|
|
431
448
|
flex-direction: column;
|
|
432
449
|
justify-content: center;
|
|
433
450
|
padding: 44px;
|
|
434
|
-
background:
|
|
451
|
+
background: var(--card);
|
|
435
452
|
}
|
|
436
453
|
.eyebrow {
|
|
437
454
|
margin-bottom: 10px;
|
|
438
|
-
color:
|
|
455
|
+
color: var(--primary);
|
|
439
456
|
font-size: 12px;
|
|
440
457
|
font-weight: 700;
|
|
441
458
|
letter-spacing: 0;
|
|
@@ -455,45 +472,45 @@ function sendAuthPage(res, options, status = 200) {
|
|
|
455
472
|
label {
|
|
456
473
|
display: grid;
|
|
457
474
|
gap: 8px;
|
|
458
|
-
color:
|
|
475
|
+
color: var(--foreground);
|
|
459
476
|
font-size: 13px;
|
|
460
477
|
font-weight: 650;
|
|
461
478
|
}
|
|
462
479
|
input {
|
|
463
480
|
width: 100%;
|
|
464
481
|
height: 42px;
|
|
465
|
-
border: 1px solid
|
|
482
|
+
border: 1px solid var(--input);
|
|
466
483
|
border-radius: 6px;
|
|
467
|
-
background:
|
|
468
|
-
color:
|
|
484
|
+
background: var(--background);
|
|
485
|
+
color: var(--foreground);
|
|
469
486
|
padding: 0 12px;
|
|
470
487
|
font: inherit;
|
|
471
488
|
outline: none;
|
|
472
489
|
}
|
|
473
490
|
input:focus {
|
|
474
|
-
border-color:
|
|
475
|
-
box-shadow: 0 0 0 3px
|
|
491
|
+
border-color: var(--ring);
|
|
492
|
+
box-shadow: 0 0 0 3px color-mix(in oklch, var(--ring) 28%, transparent);
|
|
476
493
|
}
|
|
477
494
|
button {
|
|
478
495
|
height: 42px;
|
|
479
496
|
border: 0;
|
|
480
497
|
border-radius: 6px;
|
|
481
|
-
background:
|
|
482
|
-
color:
|
|
498
|
+
background: var(--primary);
|
|
499
|
+
color: var(--primary-foreground);
|
|
483
500
|
cursor: pointer;
|
|
484
501
|
font: inherit;
|
|
485
502
|
font-weight: 800;
|
|
486
503
|
}
|
|
487
504
|
button:focus-visible {
|
|
488
|
-
outline: 3px solid
|
|
505
|
+
outline: 3px solid color-mix(in oklch, var(--ring) 42%, transparent);
|
|
489
506
|
outline-offset: 2px;
|
|
490
507
|
}
|
|
491
508
|
.error {
|
|
492
509
|
margin-top: 18px;
|
|
493
|
-
border: 1px solid
|
|
510
|
+
border: 1px solid color-mix(in oklch, var(--destructive) 58%, var(--border));
|
|
494
511
|
border-radius: 6px;
|
|
495
|
-
background:
|
|
496
|
-
color:
|
|
512
|
+
background: color-mix(in oklch, var(--destructive) 22%, var(--card));
|
|
513
|
+
color: var(--destructive-foreground);
|
|
497
514
|
padding: 10px 12px;
|
|
498
515
|
font-size: 13px;
|
|
499
516
|
line-height: 1.45;
|
|
@@ -510,7 +527,7 @@ function sendAuthPage(res, options, status = 200) {
|
|
|
510
527
|
.brand {
|
|
511
528
|
min-height: auto;
|
|
512
529
|
border-right: 0;
|
|
513
|
-
border-bottom: 1px solid
|
|
530
|
+
border-bottom: 1px solid var(--border);
|
|
514
531
|
padding: 24px;
|
|
515
532
|
}
|
|
516
533
|
.brand h1 { font-size: 26px; }
|