@surdeddd/wmkit 0.9.1 → 0.9.2

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 (23) hide show
  1. package/README.md +13 -4
  2. package/README.ru.md +13 -2
  3. package/dist/themes/amber.css +2 -1
  4. package/dist/themes/aqua.css +3 -2
  5. package/dist/themes/blueprint.css +2 -1
  6. package/dist/themes/brutalist.css +1 -0
  7. package/dist/themes/candy.css +2 -1
  8. package/dist/themes/carbon.css +1 -0
  9. package/dist/themes/forest.css +1 -0
  10. package/dist/themes/frost.css +4 -3
  11. package/dist/themes/glass.css +1 -0
  12. package/dist/themes/light.css +4 -3
  13. package/dist/themes/neon.css +1 -0
  14. package/dist/themes/noir.css +1 -0
  15. package/dist/themes/paper.css +2 -1
  16. package/dist/themes/retro.css +9 -3
  17. package/dist/themes/synth.css +1 -0
  18. package/dist/themes/terminal.css +1 -0
  19. package/dist/themes.cjs +72 -30
  20. package/dist/themes.cjs.map +1 -1
  21. package/dist/themes.js +72 -30
  22. package/dist/themes.js.map +1 -1
  23. package/package.json +1 -1
package/dist/themes.cjs CHANGED
@@ -12,8 +12,9 @@ var themeCss = {
12
12
  --wm-shadow-focused: 0 0 26px rgba(255, 176, 46, 0.22);
13
13
  --wm-titlebar-bg: rgba(255, 176, 46, 0.09);
14
14
  --wm-text: #ffc356;
15
- --wm-text-dim: rgba(255, 195, 86, 0.55);
15
+ --wm-text-dim: rgba(255, 195, 86, 0.72);
16
16
  --wm-accent: #ffb02e;
17
+ --wm-accent-ink: #ffb02e;
17
18
  --wm-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
18
19
  --wm-title-font: var(--wm-mono);
19
20
  --wm-title-size: 12px;
@@ -321,7 +322,7 @@ var themeCss = {
321
322
  `,
322
323
  aqua: `[data-wm-desktop] {
323
324
  --wm-radius: 10px;
324
- --wm-bg: rgba(238, 241, 246, 0.86);
325
+ --wm-bg: rgba(238, 241, 246, 0.94);
325
326
  --wm-bg-focused: rgba(246, 248, 252, 0.96);
326
327
  --wm-border: rgba(60, 80, 110, 0.28);
327
328
  --wm-border-focused: rgba(40, 70, 120, 0.45);
@@ -329,8 +330,9 @@ var themeCss = {
329
330
  --wm-shadow-focused: 0 16px 40px rgba(20, 40, 80, 0.32);
330
331
  --wm-titlebar-bg: linear-gradient(180deg, #fdfdfe 0%, #e4eaf3 48%, #d4dced 52%, #e8edf5 100%);
331
332
  --wm-text: #1d2733;
332
- --wm-text-dim: rgba(29, 39, 51, 0.62);
333
+ --wm-text-dim: rgba(29, 39, 51, 0.7);
333
334
  --wm-accent: #2f6fd0;
335
+ --wm-accent-ink: #2962b7;
334
336
  --wm-blur: 14px;
335
337
  --wm-title-size: 13px;
336
338
  --wm-title-weight: 600;
@@ -615,8 +617,9 @@ var themeCss = {
615
617
  --wm-shadow-focused: 0 0 0 1px rgba(215, 235, 255, 0.45);
616
618
  --wm-titlebar-bg: rgba(190, 220, 255, 0.1);
617
619
  --wm-text: #e8f2ff;
618
- --wm-text-dim: rgba(232, 242, 255, 0.6);
620
+ --wm-text-dim: rgba(232, 242, 255, 0.74);
619
621
  --wm-accent: #9ecbff;
622
+ --wm-accent-ink: #9ecbff;
620
623
  --wm-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
621
624
  --wm-title-font: var(--wm-mono);
622
625
  --wm-title-size: 12px;
@@ -922,6 +925,7 @@ var themeCss = {
922
925
  --wm-text: #111111;
923
926
  --wm-text-dim: rgba(17, 17, 17, 0.6);
924
927
  --wm-accent: #ff3b00;
928
+ --wm-accent-ink: #cf3000;
925
929
  --wm-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
926
930
  --wm-title-font: var(--wm-mono);
927
931
  --wm-title-size: 12px;
@@ -1227,8 +1231,9 @@ var themeCss = {
1227
1231
  --wm-shadow-focused: 0 18px 44px rgba(236, 130, 175, 0.3);
1228
1232
  --wm-titlebar-bg: linear-gradient(90deg, rgba(255, 214, 233, 0.9), rgba(214, 233, 255, 0.9));
1229
1233
  --wm-text: #5b3a52;
1230
- --wm-text-dim: rgba(91, 58, 82, 0.6);
1234
+ --wm-text-dim: rgba(91, 58, 82, 0.82);
1231
1235
  --wm-accent: #ec82af;
1236
+ --wm-accent-ink: #c81e66;
1232
1237
  --wm-title-size: 13px;
1233
1238
  --wm-title-weight: 700;
1234
1239
  --wm-titlebar-padding: 11px 16px;
@@ -1507,6 +1512,7 @@ var themeCss = {
1507
1512
  --wm-text: #f4f4f4;
1508
1513
  --wm-text-dim: #a8a8a8;
1509
1514
  --wm-accent: #4589ff;
1515
+ --wm-accent-ink: #4589ff;
1510
1516
  --wm-title-size: 13px;
1511
1517
  --wm-title-weight: 500;
1512
1518
  --wm-title-tracking: 0;
@@ -1805,6 +1811,7 @@ var themeCss = {
1805
1811
  --wm-text: #e6f0e2;
1806
1812
  --wm-text-dim: rgba(230, 240, 226, 0.58);
1807
1813
  --wm-accent: #9abe8c;
1814
+ --wm-accent-ink: #9abe8c;
1808
1815
  --wm-serif: "Iowan Old Style", Palatino, Georgia, serif;
1809
1816
  --wm-title-font: var(--wm-serif);
1810
1817
  --wm-title-size: 14px;
@@ -2074,16 +2081,17 @@ var themeCss = {
2074
2081
  `,
2075
2082
  frost: `[data-wm-desktop] {
2076
2083
  --wm-radius: 18px;
2077
- --wm-bg: rgba(255, 255, 255, 0.48);
2078
- --wm-bg-focused: rgba(255, 255, 255, 0.66);
2084
+ --wm-bg: rgba(255, 255, 255, 0.82);
2085
+ --wm-bg-focused: rgba(255, 255, 255, 0.96);
2079
2086
  --wm-border: rgba(255, 255, 255, 0.6);
2080
2087
  --wm-border-focused: rgba(255, 255, 255, 0.92);
2081
2088
  --wm-shadow: 0 8px 30px rgba(80, 110, 150, 0.18);
2082
2089
  --wm-shadow-focused: 0 20px 60px rgba(80, 110, 150, 0.3);
2083
2090
  --wm-titlebar-bg: rgba(255, 255, 255, 0.3);
2084
2091
  --wm-text: #20303f;
2085
- --wm-text-dim: rgba(32, 48, 63, 0.55);
2092
+ --wm-text-dim: rgba(32, 48, 63, 0.75);
2086
2093
  --wm-accent: #0ea5e9;
2094
+ --wm-accent-ink: #086087;
2087
2095
  --wm-blur: 28px;
2088
2096
  --wm-title-size: 13px;
2089
2097
  --wm-title-weight: 600;
@@ -2364,6 +2372,7 @@ var themeCss = {
2364
2372
  --wm-text: rgba(240, 242, 250, 0.92);
2365
2373
  --wm-text-dim: rgba(240, 242, 250, 0.55);
2366
2374
  --wm-accent: #7c6cff;
2375
+ --wm-accent-ink: #7c6cff;
2367
2376
  --wm-blur: 22px;
2368
2377
  --wm-transition: 240ms cubic-bezier(0.32, 0.72, 0, 1);
2369
2378
  position: relative;
@@ -2624,16 +2633,17 @@ var themeCss = {
2624
2633
  `,
2625
2634
  light: `[data-wm-desktop] {
2626
2635
  --wm-radius: 12px;
2627
- --wm-bg: rgba(255, 255, 255, 0.78);
2628
- --wm-bg-focused: rgba(255, 255, 255, 0.94);
2636
+ --wm-bg: rgba(255, 255, 255, 0.9);
2637
+ --wm-bg-focused: rgba(255, 255, 255, 0.96);
2629
2638
  --wm-border: rgba(15, 23, 42, 0.1);
2630
2639
  --wm-border-focused: rgba(15, 23, 42, 0.22);
2631
2640
  --wm-shadow: 0 6px 22px rgba(15, 23, 42, 0.12);
2632
2641
  --wm-shadow-focused: 0 16px 44px rgba(15, 23, 42, 0.2);
2633
2642
  --wm-titlebar-bg: rgba(15, 23, 42, 0.03);
2634
2643
  --wm-text: rgba(15, 23, 42, 0.92);
2635
- --wm-text-dim: rgba(15, 23, 42, 0.55);
2644
+ --wm-text-dim: rgba(15, 23, 42, 0.64);
2636
2645
  --wm-accent: #4f46e5;
2646
+ --wm-accent-ink: #4f46e5;
2637
2647
  --wm-blur: 18px;
2638
2648
  --wm-transition: 240ms cubic-bezier(0.32, 0.72, 0, 1);
2639
2649
  position: relative;
@@ -2904,6 +2914,7 @@ var themeCss = {
2904
2914
  --wm-text: #f3e9ff;
2905
2915
  --wm-text-dim: rgba(243, 233, 255, 0.55);
2906
2916
  --wm-accent: #ec4899;
2917
+ --wm-accent-ink: #ec4899;
2907
2918
  --wm-accent-alt: #38bdf8;
2908
2919
  --wm-blur: 20px;
2909
2920
  --wm-transition: 260ms cubic-bezier(0.32, 0.72, 0, 1);
@@ -3194,6 +3205,7 @@ var themeCss = {
3194
3205
  --wm-text: #ffffff;
3195
3206
  --wm-text-dim: rgba(255, 255, 255, 0.55);
3196
3207
  --wm-accent: #ffffff;
3208
+ --wm-accent-ink: #ffffff;
3197
3209
  --wm-title-size: 11px;
3198
3210
  --wm-title-weight: 600;
3199
3211
  --wm-title-tracking: 0.24em;
@@ -3475,8 +3487,9 @@ var themeCss = {
3475
3487
  --wm-shadow-focused: 4px 6px 0 rgba(84, 71, 51, 0.16);
3476
3488
  --wm-titlebar-bg: rgba(84, 71, 51, 0.05);
3477
3489
  --wm-text: #3f382c;
3478
- --wm-text-dim: rgba(63, 56, 44, 0.6);
3490
+ --wm-text-dim: rgba(63, 56, 44, 0.73);
3479
3491
  --wm-accent: #a8571b;
3492
+ --wm-accent-ink: #a8571b;
3480
3493
  --wm-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
3481
3494
  --wm-transition: 220ms cubic-bezier(0.32, 0.72, 0, 1);
3482
3495
  position: relative;
@@ -3730,12 +3743,14 @@ var themeCss = {
3730
3743
  --wm-face-dark: #808080;
3731
3744
  --wm-face-darker: #404040;
3732
3745
  --wm-title-active-a: #000080;
3733
- --wm-title-active-b: #1084d0;
3734
- --wm-title-inactive: #808080;
3746
+ --wm-title-active-b: #0f6fb0;
3747
+ --wm-title-inactive: #8c8c8c;
3735
3748
  --wm-text: #000000;
3736
3749
  --wm-text-dim: #404040;
3737
3750
  --wm-accent: #000080;
3751
+ --wm-accent-ink: #000080;
3738
3752
  --wm-title-text: #ffffff;
3753
+ --wm-title-text-inactive: #1a1a1a;
3739
3754
  position: relative;
3740
3755
  overflow: hidden;
3741
3756
  background: #008080;
@@ -3793,13 +3808,17 @@ var themeCss = {
3793
3808
  flex: 1;
3794
3809
  font-size: 12px;
3795
3810
  font-weight: 700;
3796
- color: var(--wm-title-text);
3811
+ color: var(--wm-title-text-inactive);
3797
3812
  white-space: nowrap;
3798
3813
  overflow: hidden;
3799
3814
  text-overflow: ellipsis;
3800
3815
  letter-spacing: 0;
3801
3816
  }
3802
3817
 
3818
+ [data-wm-window][data-wm-focused] [data-wm-title] {
3819
+ color: var(--wm-title-text);
3820
+ }
3821
+
3803
3822
  [data-wm-window] [data-wm-controls] {
3804
3823
  display: flex;
3805
3824
  gap: 8px;
@@ -3944,6 +3963,7 @@ var themeCss = {
3944
3963
  --wm-text: #ffeaf7;
3945
3964
  --wm-text-dim: rgba(255, 234, 247, 0.62);
3946
3965
  --wm-accent: #ff7ac6;
3966
+ --wm-accent-ink: #ff7ac6;
3947
3967
  --wm-blur: 16px;
3948
3968
  --wm-title-size: 12px;
3949
3969
  --wm-title-weight: 700;
@@ -4228,6 +4248,7 @@ var themeCss = {
4228
4248
  --wm-text: #b8f5cd;
4229
4249
  --wm-text-dim: rgba(184, 245, 205, 0.55);
4230
4250
  --wm-accent: #4ade80;
4251
+ --wm-accent-ink: #4ade80;
4231
4252
  --wm-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
4232
4253
  --wm-transition: 120ms linear;
4233
4254
  position: relative;
@@ -4502,8 +4523,9 @@ var themeShadowCss = {
4502
4523
  --wm-shadow-focused: 0 0 26px rgba(255, 176, 46, 0.22);
4503
4524
  --wm-titlebar-bg: rgba(255, 176, 46, 0.09);
4504
4525
  --wm-text: #ffc356;
4505
- --wm-text-dim: rgba(255, 195, 86, 0.55);
4526
+ --wm-text-dim: rgba(255, 195, 86, 0.72);
4506
4527
  --wm-accent: #ffb02e;
4528
+ --wm-accent-ink: #ffb02e;
4507
4529
  --wm-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
4508
4530
  --wm-title-font: var(--wm-mono);
4509
4531
  --wm-title-size: 12px;
@@ -4796,7 +4818,7 @@ var themeShadowCss = {
4796
4818
  `,
4797
4819
  aqua: `:host {
4798
4820
  --wm-radius: 10px;
4799
- --wm-bg: rgba(238, 241, 246, 0.86);
4821
+ --wm-bg: rgba(238, 241, 246, 0.94);
4800
4822
  --wm-bg-focused: rgba(246, 248, 252, 0.96);
4801
4823
  --wm-border: rgba(60, 80, 110, 0.28);
4802
4824
  --wm-border-focused: rgba(40, 70, 120, 0.45);
@@ -4804,8 +4826,9 @@ var themeShadowCss = {
4804
4826
  --wm-shadow-focused: 0 16px 40px rgba(20, 40, 80, 0.32);
4805
4827
  --wm-titlebar-bg: linear-gradient(180deg, #fdfdfe 0%, #e4eaf3 48%, #d4dced 52%, #e8edf5 100%);
4806
4828
  --wm-text: #1d2733;
4807
- --wm-text-dim: rgba(29, 39, 51, 0.62);
4829
+ --wm-text-dim: rgba(29, 39, 51, 0.7);
4808
4830
  --wm-accent: #2f6fd0;
4831
+ --wm-accent-ink: #2962b7;
4809
4832
  --wm-blur: 14px;
4810
4833
  --wm-title-size: 13px;
4811
4834
  --wm-title-weight: 600;
@@ -5074,8 +5097,9 @@ var themeShadowCss = {
5074
5097
  --wm-shadow-focused: 0 0 0 1px rgba(215, 235, 255, 0.45);
5075
5098
  --wm-titlebar-bg: rgba(190, 220, 255, 0.1);
5076
5099
  --wm-text: #e8f2ff;
5077
- --wm-text-dim: rgba(232, 242, 255, 0.6);
5100
+ --wm-text-dim: rgba(232, 242, 255, 0.74);
5078
5101
  --wm-accent: #9ecbff;
5102
+ --wm-accent-ink: #9ecbff;
5079
5103
  --wm-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
5080
5104
  --wm-title-font: var(--wm-mono);
5081
5105
  --wm-title-size: 12px;
@@ -5361,6 +5385,7 @@ var themeShadowCss = {
5361
5385
  --wm-text: #111111;
5362
5386
  --wm-text-dim: rgba(17, 17, 17, 0.6);
5363
5387
  --wm-accent: #ff3b00;
5388
+ --wm-accent-ink: #cf3000;
5364
5389
  --wm-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
5365
5390
  --wm-title-font: var(--wm-mono);
5366
5391
  --wm-title-size: 12px;
@@ -5650,8 +5675,9 @@ var themeShadowCss = {
5650
5675
  --wm-shadow-focused: 0 18px 44px rgba(236, 130, 175, 0.3);
5651
5676
  --wm-titlebar-bg: linear-gradient(90deg, rgba(255, 214, 233, 0.9), rgba(214, 233, 255, 0.9));
5652
5677
  --wm-text: #5b3a52;
5653
- --wm-text-dim: rgba(91, 58, 82, 0.6);
5678
+ --wm-text-dim: rgba(91, 58, 82, 0.82);
5654
5679
  --wm-accent: #ec82af;
5680
+ --wm-accent-ink: #c81e66;
5655
5681
  --wm-title-size: 13px;
5656
5682
  --wm-title-weight: 700;
5657
5683
  --wm-titlebar-padding: 11px 16px;
@@ -5914,6 +5940,7 @@ var themeShadowCss = {
5914
5940
  --wm-text: #f4f4f4;
5915
5941
  --wm-text-dim: #a8a8a8;
5916
5942
  --wm-accent: #4589ff;
5943
+ --wm-accent-ink: #4589ff;
5917
5944
  --wm-title-size: 13px;
5918
5945
  --wm-title-weight: 500;
5919
5946
  --wm-title-tracking: 0;
@@ -6196,6 +6223,7 @@ var themeShadowCss = {
6196
6223
  --wm-text: #e6f0e2;
6197
6224
  --wm-text-dim: rgba(230, 240, 226, 0.58);
6198
6225
  --wm-accent: #9abe8c;
6226
+ --wm-accent-ink: #9abe8c;
6199
6227
  --wm-serif: "Iowan Old Style", Palatino, Georgia, serif;
6200
6228
  --wm-title-font: var(--wm-serif);
6201
6229
  --wm-title-size: 14px;
@@ -6449,16 +6477,17 @@ var themeShadowCss = {
6449
6477
  `,
6450
6478
  frost: `:host {
6451
6479
  --wm-radius: 18px;
6452
- --wm-bg: rgba(255, 255, 255, 0.48);
6453
- --wm-bg-focused: rgba(255, 255, 255, 0.66);
6480
+ --wm-bg: rgba(255, 255, 255, 0.82);
6481
+ --wm-bg-focused: rgba(255, 255, 255, 0.96);
6454
6482
  --wm-border: rgba(255, 255, 255, 0.6);
6455
6483
  --wm-border-focused: rgba(255, 255, 255, 0.92);
6456
6484
  --wm-shadow: 0 8px 30px rgba(80, 110, 150, 0.18);
6457
6485
  --wm-shadow-focused: 0 20px 60px rgba(80, 110, 150, 0.3);
6458
6486
  --wm-titlebar-bg: rgba(255, 255, 255, 0.3);
6459
6487
  --wm-text: #20303f;
6460
- --wm-text-dim: rgba(32, 48, 63, 0.55);
6488
+ --wm-text-dim: rgba(32, 48, 63, 0.75);
6461
6489
  --wm-accent: #0ea5e9;
6490
+ --wm-accent-ink: #086087;
6462
6491
  --wm-blur: 28px;
6463
6492
  --wm-title-size: 13px;
6464
6493
  --wm-title-weight: 600;
@@ -6723,6 +6752,7 @@ var themeShadowCss = {
6723
6752
  --wm-text: rgba(240, 242, 250, 0.92);
6724
6753
  --wm-text-dim: rgba(240, 242, 250, 0.55);
6725
6754
  --wm-accent: #7c6cff;
6755
+ --wm-accent-ink: #7c6cff;
6726
6756
  --wm-blur: 22px;
6727
6757
  --wm-transition: 240ms cubic-bezier(0.32, 0.72, 0, 1);
6728
6758
  }
@@ -6965,16 +6995,17 @@ var themeShadowCss = {
6965
6995
  `,
6966
6996
  light: `:host {
6967
6997
  --wm-radius: 12px;
6968
- --wm-bg: rgba(255, 255, 255, 0.78);
6969
- --wm-bg-focused: rgba(255, 255, 255, 0.94);
6998
+ --wm-bg: rgba(255, 255, 255, 0.9);
6999
+ --wm-bg-focused: rgba(255, 255, 255, 0.96);
6970
7000
  --wm-border: rgba(15, 23, 42, 0.1);
6971
7001
  --wm-border-focused: rgba(15, 23, 42, 0.22);
6972
7002
  --wm-shadow: 0 6px 22px rgba(15, 23, 42, 0.12);
6973
7003
  --wm-shadow-focused: 0 16px 44px rgba(15, 23, 42, 0.2);
6974
7004
  --wm-titlebar-bg: rgba(15, 23, 42, 0.03);
6975
7005
  --wm-text: rgba(15, 23, 42, 0.92);
6976
- --wm-text-dim: rgba(15, 23, 42, 0.55);
7006
+ --wm-text-dim: rgba(15, 23, 42, 0.64);
6977
7007
  --wm-accent: #4f46e5;
7008
+ --wm-accent-ink: #4f46e5;
6978
7009
  --wm-blur: 18px;
6979
7010
  --wm-transition: 240ms cubic-bezier(0.32, 0.72, 0, 1);
6980
7011
  }
@@ -7227,6 +7258,7 @@ var themeShadowCss = {
7227
7258
  --wm-text: #f3e9ff;
7228
7259
  --wm-text-dim: rgba(243, 233, 255, 0.55);
7229
7260
  --wm-accent: #ec4899;
7261
+ --wm-accent-ink: #ec4899;
7230
7262
  --wm-accent-alt: #38bdf8;
7231
7263
  --wm-blur: 20px;
7232
7264
  --wm-transition: 260ms cubic-bezier(0.32, 0.72, 0, 1);
@@ -7497,6 +7529,7 @@ var themeShadowCss = {
7497
7529
  --wm-text: #ffffff;
7498
7530
  --wm-text-dim: rgba(255, 255, 255, 0.55);
7499
7531
  --wm-accent: #ffffff;
7532
+ --wm-accent-ink: #ffffff;
7500
7533
  --wm-title-size: 11px;
7501
7534
  --wm-title-weight: 600;
7502
7535
  --wm-title-tracking: 0.24em;
@@ -7757,8 +7790,9 @@ var themeShadowCss = {
7757
7790
  --wm-shadow-focused: 4px 6px 0 rgba(84, 71, 51, 0.16);
7758
7791
  --wm-titlebar-bg: rgba(84, 71, 51, 0.05);
7759
7792
  --wm-text: #3f382c;
7760
- --wm-text-dim: rgba(63, 56, 44, 0.6);
7793
+ --wm-text-dim: rgba(63, 56, 44, 0.73);
7761
7794
  --wm-accent: #a8571b;
7795
+ --wm-accent-ink: #a8571b;
7762
7796
  --wm-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
7763
7797
  --wm-transition: 220ms cubic-bezier(0.32, 0.72, 0, 1);
7764
7798
  }
@@ -7996,12 +8030,14 @@ var themeShadowCss = {
7996
8030
  --wm-face-dark: #808080;
7997
8031
  --wm-face-darker: #404040;
7998
8032
  --wm-title-active-a: #000080;
7999
- --wm-title-active-b: #1084d0;
8000
- --wm-title-inactive: #808080;
8033
+ --wm-title-active-b: #0f6fb0;
8034
+ --wm-title-inactive: #8c8c8c;
8001
8035
  --wm-text: #000000;
8002
8036
  --wm-text-dim: #404040;
8003
8037
  --wm-accent: #000080;
8038
+ --wm-accent-ink: #000080;
8004
8039
  --wm-title-text: #ffffff;
8040
+ --wm-title-text-inactive: #1a1a1a;
8005
8041
  }
8006
8042
 
8007
8043
  :host {
@@ -8056,13 +8092,17 @@ var themeShadowCss = {
8056
8092
  flex: 1;
8057
8093
  font-size: 12px;
8058
8094
  font-weight: 700;
8059
- color: var(--wm-title-text);
8095
+ color: var(--wm-title-text-inactive);
8060
8096
  white-space: nowrap;
8061
8097
  overflow: hidden;
8062
8098
  text-overflow: ellipsis;
8063
8099
  letter-spacing: 0;
8064
8100
  }
8065
8101
 
8102
+ :host([data-wm-focused]) [data-wm-title] {
8103
+ color: var(--wm-title-text);
8104
+ }
8105
+
8066
8106
  [data-wm-controls] {
8067
8107
  display: flex;
8068
8108
  gap: 8px;
@@ -8200,6 +8240,7 @@ var themeShadowCss = {
8200
8240
  --wm-text: #ffeaf7;
8201
8241
  --wm-text-dim: rgba(255, 234, 247, 0.62);
8202
8242
  --wm-accent: #ff7ac6;
8243
+ --wm-accent-ink: #ff7ac6;
8203
8244
  --wm-blur: 16px;
8204
8245
  --wm-title-size: 12px;
8205
8246
  --wm-title-weight: 700;
@@ -8468,6 +8509,7 @@ var themeShadowCss = {
8468
8509
  --wm-text: #b8f5cd;
8469
8510
  --wm-text-dim: rgba(184, 245, 205, 0.55);
8470
8511
  --wm-accent: #4ade80;
8512
+ --wm-accent-ink: #4ade80;
8471
8513
  --wm-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
8472
8514
  --wm-transition: 120ms linear;
8473
8515
  }