@gjsify/adwaita-web 0.37.0 → 0.38.1

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 (14) hide show
  1. package/dist/adwaita-web.css +71 -1
  2. package/dist/adwaita-web.css.map +1 -1
  3. package/lib/types/accent.d.ts +28 -0
  4. package/lib/types/adw-accent.spec.d.ts +2 -0
  5. package/lib/types/index.d.ts +2 -0
  6. package/lib/types/styles.generated.d.ts +1 -1
  7. package/package.json +18 -7
  8. package/scss/_theme.scss +20 -2
  9. package/scss/_variables.scss +9 -1
  10. package/src/accent.ts +74 -0
  11. package/src/adw-accent.spec.ts +105 -0
  12. package/src/index.ts +11 -0
  13. package/src/styles.generated.ts +1 -1
  14. package/src/test.browser.mts +2 -0
package/dist/adwaita-web.css CHANGED
@@ -348,7 +348,7 @@
348
348
  --active-toggle-fg-color: rgba(0, 0, 6, 0.8);
349
349
  }
350
350
  }
351
- :root.theme-dark {
351
+ .theme-dark {
352
352
  --window-bg-color: #222226;
353
353
  --window-fg-color: #ffffff;
354
354
  --view-bg-color: #1d1d20;
@@ -394,6 +394,76 @@
394
394
  --active-toggle-fg-color: rgba(0, 0, 6, 0.8);
395
395
  }
396
396
 
397
+ .theme-light {
398
+ --window-bg-color: #fafafb;
399
+ --window-fg-color: rgba(0, 0, 6, 0.8);
400
+ --view-bg-color: #ffffff;
401
+ --view-fg-color: rgba(0, 0, 6, 0.8);
402
+ --headerbar-bg-color: #ffffff;
403
+ --headerbar-fg-color: rgba(0, 0, 6, 0.8);
404
+ --headerbar-shade-color: rgba(0, 0, 6, 0.12);
405
+ --separator-color: rgba(0, 0, 6, 0.1);
406
+ --sidebar-bg-color: #ebebed;
407
+ --sidebar-fg-color: rgba(0, 0, 6, 0.8);
408
+ --sidebar-backdrop-color: #f2f2f4;
409
+ --sidebar-shade-color: rgba(0, 0, 6, 0.07);
410
+ --sidebar-border-color: rgba(0, 0, 6, 0.07);
411
+ --secondary-sidebar-bg-color: #f3f3f5;
412
+ --secondary-sidebar-fg-color: rgba(0, 0, 6, 0.8);
413
+ --secondary-sidebar-backdrop-color: #f6f6fa;
414
+ --secondary-sidebar-shade-color: rgba(0, 0, 6, 0.07);
415
+ --secondary-sidebar-border-color: rgba(0, 0, 6, 0.07);
416
+ --card-bg-color: #ffffff;
417
+ --card-fg-color: rgba(0, 0, 6, 0.8);
418
+ --card-shade-color: rgba(0, 0, 6, 0.07);
419
+ --accent-bg-color: #3584e4;
420
+ --accent-fg-color: #ffffff;
421
+ --accent-color: #1c71d8;
422
+ --popover-bg-color: #ffffff;
423
+ --popover-fg-color: rgba(0, 0, 6, 0.8);
424
+ --popover-shade-color: rgba(0, 0, 6, 0.07);
425
+ --dialog-scrim-color: rgba(0, 0, 6, 0.32);
426
+ --button-bg-color: rgba(0, 0, 6, 0.08);
427
+ --button-hover-color: rgba(0, 0, 6, 0.13);
428
+ --button-active-color: rgba(0, 0, 6, 0.19);
429
+ --entry-bg-color: #ffffff;
430
+ --entry-border-color: rgba(0, 0, 6, 0.18);
431
+ --entry-border-hover-color: rgba(0, 0, 6, 0.28);
432
+ --destructive-bg-color: #e01b24;
433
+ --destructive-fg-color: #ffffff;
434
+ --success-bg-color: #2ec27e;
435
+ --success-fg-color: #ffffff;
436
+ --success-color: oklab(from var(--success-bg-color) min(l, 0.5) a b);
437
+ --warning-bg-color: #e5a50a;
438
+ --warning-fg-color: rgba(0, 0, 0, 0.8);
439
+ --warning-color: oklab(from var(--warning-bg-color) min(l, 0.5) a b);
440
+ --error-bg-color: #e01b24;
441
+ --error-fg-color: #ffffff;
442
+ --error-color: oklab(from var(--error-bg-color) min(l, 0.5) a b);
443
+ --switch-off-bg: rgba(0, 0, 0, 0.2);
444
+ --switch-knob-bg: #ffffff;
445
+ --window-radius: 15px;
446
+ --card-radius: 12px;
447
+ --button-radius: 9px;
448
+ --spacing-xs: 6px;
449
+ --spacing-s: 9px;
450
+ --spacing-m: 12px;
451
+ --spacing-l: 18px;
452
+ --spacing-xl: 24px;
453
+ --font-family: 'Adwaita Sans', 'Cantarell', 'Inter', 'Segoe UI', sans-serif;
454
+ --font-size-base: 11pt;
455
+ --font-size-small: 9pt;
456
+ --font-size-heading: 12pt;
457
+ --dim-opacity: 0.55;
458
+ --border-opacity: 15%;
459
+ --border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent);
460
+ --disabled-opacity: 0.5;
461
+ --document-font-family: var(--font-family);
462
+ --document-font-size: var(--font-size-base);
463
+ --monospace-font-family: 'Adwaita Mono', ui-monospace, 'SF Mono', 'Menlo', monospace;
464
+ --monospace-font-size: var(--font-size-base);
465
+ }
466
+
397
467
  .adw-root {
398
468
  background-color: var(--window-bg-color);
399
469
  color: var(--window-fg-color);