@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.js CHANGED
@@ -10,8 +10,9 @@ var themeCss = {
10
10
  --wm-shadow-focused: 0 0 26px rgba(255, 176, 46, 0.22);
11
11
  --wm-titlebar-bg: rgba(255, 176, 46, 0.09);
12
12
  --wm-text: #ffc356;
13
- --wm-text-dim: rgba(255, 195, 86, 0.55);
13
+ --wm-text-dim: rgba(255, 195, 86, 0.72);
14
14
  --wm-accent: #ffb02e;
15
+ --wm-accent-ink: #ffb02e;
15
16
  --wm-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
16
17
  --wm-title-font: var(--wm-mono);
17
18
  --wm-title-size: 12px;
@@ -319,7 +320,7 @@ var themeCss = {
319
320
  `,
320
321
  aqua: `[data-wm-desktop] {
321
322
  --wm-radius: 10px;
322
- --wm-bg: rgba(238, 241, 246, 0.86);
323
+ --wm-bg: rgba(238, 241, 246, 0.94);
323
324
  --wm-bg-focused: rgba(246, 248, 252, 0.96);
324
325
  --wm-border: rgba(60, 80, 110, 0.28);
325
326
  --wm-border-focused: rgba(40, 70, 120, 0.45);
@@ -327,8 +328,9 @@ var themeCss = {
327
328
  --wm-shadow-focused: 0 16px 40px rgba(20, 40, 80, 0.32);
328
329
  --wm-titlebar-bg: linear-gradient(180deg, #fdfdfe 0%, #e4eaf3 48%, #d4dced 52%, #e8edf5 100%);
329
330
  --wm-text: #1d2733;
330
- --wm-text-dim: rgba(29, 39, 51, 0.62);
331
+ --wm-text-dim: rgba(29, 39, 51, 0.7);
331
332
  --wm-accent: #2f6fd0;
333
+ --wm-accent-ink: #2962b7;
332
334
  --wm-blur: 14px;
333
335
  --wm-title-size: 13px;
334
336
  --wm-title-weight: 600;
@@ -613,8 +615,9 @@ var themeCss = {
613
615
  --wm-shadow-focused: 0 0 0 1px rgba(215, 235, 255, 0.45);
614
616
  --wm-titlebar-bg: rgba(190, 220, 255, 0.1);
615
617
  --wm-text: #e8f2ff;
616
- --wm-text-dim: rgba(232, 242, 255, 0.6);
618
+ --wm-text-dim: rgba(232, 242, 255, 0.74);
617
619
  --wm-accent: #9ecbff;
620
+ --wm-accent-ink: #9ecbff;
618
621
  --wm-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
619
622
  --wm-title-font: var(--wm-mono);
620
623
  --wm-title-size: 12px;
@@ -920,6 +923,7 @@ var themeCss = {
920
923
  --wm-text: #111111;
921
924
  --wm-text-dim: rgba(17, 17, 17, 0.6);
922
925
  --wm-accent: #ff3b00;
926
+ --wm-accent-ink: #cf3000;
923
927
  --wm-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
924
928
  --wm-title-font: var(--wm-mono);
925
929
  --wm-title-size: 12px;
@@ -1225,8 +1229,9 @@ var themeCss = {
1225
1229
  --wm-shadow-focused: 0 18px 44px rgba(236, 130, 175, 0.3);
1226
1230
  --wm-titlebar-bg: linear-gradient(90deg, rgba(255, 214, 233, 0.9), rgba(214, 233, 255, 0.9));
1227
1231
  --wm-text: #5b3a52;
1228
- --wm-text-dim: rgba(91, 58, 82, 0.6);
1232
+ --wm-text-dim: rgba(91, 58, 82, 0.82);
1229
1233
  --wm-accent: #ec82af;
1234
+ --wm-accent-ink: #c81e66;
1230
1235
  --wm-title-size: 13px;
1231
1236
  --wm-title-weight: 700;
1232
1237
  --wm-titlebar-padding: 11px 16px;
@@ -1505,6 +1510,7 @@ var themeCss = {
1505
1510
  --wm-text: #f4f4f4;
1506
1511
  --wm-text-dim: #a8a8a8;
1507
1512
  --wm-accent: #4589ff;
1513
+ --wm-accent-ink: #4589ff;
1508
1514
  --wm-title-size: 13px;
1509
1515
  --wm-title-weight: 500;
1510
1516
  --wm-title-tracking: 0;
@@ -1803,6 +1809,7 @@ var themeCss = {
1803
1809
  --wm-text: #e6f0e2;
1804
1810
  --wm-text-dim: rgba(230, 240, 226, 0.58);
1805
1811
  --wm-accent: #9abe8c;
1812
+ --wm-accent-ink: #9abe8c;
1806
1813
  --wm-serif: "Iowan Old Style", Palatino, Georgia, serif;
1807
1814
  --wm-title-font: var(--wm-serif);
1808
1815
  --wm-title-size: 14px;
@@ -2072,16 +2079,17 @@ var themeCss = {
2072
2079
  `,
2073
2080
  frost: `[data-wm-desktop] {
2074
2081
  --wm-radius: 18px;
2075
- --wm-bg: rgba(255, 255, 255, 0.48);
2076
- --wm-bg-focused: rgba(255, 255, 255, 0.66);
2082
+ --wm-bg: rgba(255, 255, 255, 0.82);
2083
+ --wm-bg-focused: rgba(255, 255, 255, 0.96);
2077
2084
  --wm-border: rgba(255, 255, 255, 0.6);
2078
2085
  --wm-border-focused: rgba(255, 255, 255, 0.92);
2079
2086
  --wm-shadow: 0 8px 30px rgba(80, 110, 150, 0.18);
2080
2087
  --wm-shadow-focused: 0 20px 60px rgba(80, 110, 150, 0.3);
2081
2088
  --wm-titlebar-bg: rgba(255, 255, 255, 0.3);
2082
2089
  --wm-text: #20303f;
2083
- --wm-text-dim: rgba(32, 48, 63, 0.55);
2090
+ --wm-text-dim: rgba(32, 48, 63, 0.75);
2084
2091
  --wm-accent: #0ea5e9;
2092
+ --wm-accent-ink: #086087;
2085
2093
  --wm-blur: 28px;
2086
2094
  --wm-title-size: 13px;
2087
2095
  --wm-title-weight: 600;
@@ -2362,6 +2370,7 @@ var themeCss = {
2362
2370
  --wm-text: rgba(240, 242, 250, 0.92);
2363
2371
  --wm-text-dim: rgba(240, 242, 250, 0.55);
2364
2372
  --wm-accent: #7c6cff;
2373
+ --wm-accent-ink: #7c6cff;
2365
2374
  --wm-blur: 22px;
2366
2375
  --wm-transition: 240ms cubic-bezier(0.32, 0.72, 0, 1);
2367
2376
  position: relative;
@@ -2622,16 +2631,17 @@ var themeCss = {
2622
2631
  `,
2623
2632
  light: `[data-wm-desktop] {
2624
2633
  --wm-radius: 12px;
2625
- --wm-bg: rgba(255, 255, 255, 0.78);
2626
- --wm-bg-focused: rgba(255, 255, 255, 0.94);
2634
+ --wm-bg: rgba(255, 255, 255, 0.9);
2635
+ --wm-bg-focused: rgba(255, 255, 255, 0.96);
2627
2636
  --wm-border: rgba(15, 23, 42, 0.1);
2628
2637
  --wm-border-focused: rgba(15, 23, 42, 0.22);
2629
2638
  --wm-shadow: 0 6px 22px rgba(15, 23, 42, 0.12);
2630
2639
  --wm-shadow-focused: 0 16px 44px rgba(15, 23, 42, 0.2);
2631
2640
  --wm-titlebar-bg: rgba(15, 23, 42, 0.03);
2632
2641
  --wm-text: rgba(15, 23, 42, 0.92);
2633
- --wm-text-dim: rgba(15, 23, 42, 0.55);
2642
+ --wm-text-dim: rgba(15, 23, 42, 0.64);
2634
2643
  --wm-accent: #4f46e5;
2644
+ --wm-accent-ink: #4f46e5;
2635
2645
  --wm-blur: 18px;
2636
2646
  --wm-transition: 240ms cubic-bezier(0.32, 0.72, 0, 1);
2637
2647
  position: relative;
@@ -2902,6 +2912,7 @@ var themeCss = {
2902
2912
  --wm-text: #f3e9ff;
2903
2913
  --wm-text-dim: rgba(243, 233, 255, 0.55);
2904
2914
  --wm-accent: #ec4899;
2915
+ --wm-accent-ink: #ec4899;
2905
2916
  --wm-accent-alt: #38bdf8;
2906
2917
  --wm-blur: 20px;
2907
2918
  --wm-transition: 260ms cubic-bezier(0.32, 0.72, 0, 1);
@@ -3192,6 +3203,7 @@ var themeCss = {
3192
3203
  --wm-text: #ffffff;
3193
3204
  --wm-text-dim: rgba(255, 255, 255, 0.55);
3194
3205
  --wm-accent: #ffffff;
3206
+ --wm-accent-ink: #ffffff;
3195
3207
  --wm-title-size: 11px;
3196
3208
  --wm-title-weight: 600;
3197
3209
  --wm-title-tracking: 0.24em;
@@ -3473,8 +3485,9 @@ var themeCss = {
3473
3485
  --wm-shadow-focused: 4px 6px 0 rgba(84, 71, 51, 0.16);
3474
3486
  --wm-titlebar-bg: rgba(84, 71, 51, 0.05);
3475
3487
  --wm-text: #3f382c;
3476
- --wm-text-dim: rgba(63, 56, 44, 0.6);
3488
+ --wm-text-dim: rgba(63, 56, 44, 0.73);
3477
3489
  --wm-accent: #a8571b;
3490
+ --wm-accent-ink: #a8571b;
3478
3491
  --wm-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
3479
3492
  --wm-transition: 220ms cubic-bezier(0.32, 0.72, 0, 1);
3480
3493
  position: relative;
@@ -3728,12 +3741,14 @@ var themeCss = {
3728
3741
  --wm-face-dark: #808080;
3729
3742
  --wm-face-darker: #404040;
3730
3743
  --wm-title-active-a: #000080;
3731
- --wm-title-active-b: #1084d0;
3732
- --wm-title-inactive: #808080;
3744
+ --wm-title-active-b: #0f6fb0;
3745
+ --wm-title-inactive: #8c8c8c;
3733
3746
  --wm-text: #000000;
3734
3747
  --wm-text-dim: #404040;
3735
3748
  --wm-accent: #000080;
3749
+ --wm-accent-ink: #000080;
3736
3750
  --wm-title-text: #ffffff;
3751
+ --wm-title-text-inactive: #1a1a1a;
3737
3752
  position: relative;
3738
3753
  overflow: hidden;
3739
3754
  background: #008080;
@@ -3791,13 +3806,17 @@ var themeCss = {
3791
3806
  flex: 1;
3792
3807
  font-size: 12px;
3793
3808
  font-weight: 700;
3794
- color: var(--wm-title-text);
3809
+ color: var(--wm-title-text-inactive);
3795
3810
  white-space: nowrap;
3796
3811
  overflow: hidden;
3797
3812
  text-overflow: ellipsis;
3798
3813
  letter-spacing: 0;
3799
3814
  }
3800
3815
 
3816
+ [data-wm-window][data-wm-focused] [data-wm-title] {
3817
+ color: var(--wm-title-text);
3818
+ }
3819
+
3801
3820
  [data-wm-window] [data-wm-controls] {
3802
3821
  display: flex;
3803
3822
  gap: 8px;
@@ -3942,6 +3961,7 @@ var themeCss = {
3942
3961
  --wm-text: #ffeaf7;
3943
3962
  --wm-text-dim: rgba(255, 234, 247, 0.62);
3944
3963
  --wm-accent: #ff7ac6;
3964
+ --wm-accent-ink: #ff7ac6;
3945
3965
  --wm-blur: 16px;
3946
3966
  --wm-title-size: 12px;
3947
3967
  --wm-title-weight: 700;
@@ -4226,6 +4246,7 @@ var themeCss = {
4226
4246
  --wm-text: #b8f5cd;
4227
4247
  --wm-text-dim: rgba(184, 245, 205, 0.55);
4228
4248
  --wm-accent: #4ade80;
4249
+ --wm-accent-ink: #4ade80;
4229
4250
  --wm-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
4230
4251
  --wm-transition: 120ms linear;
4231
4252
  position: relative;
@@ -4500,8 +4521,9 @@ var themeShadowCss = {
4500
4521
  --wm-shadow-focused: 0 0 26px rgba(255, 176, 46, 0.22);
4501
4522
  --wm-titlebar-bg: rgba(255, 176, 46, 0.09);
4502
4523
  --wm-text: #ffc356;
4503
- --wm-text-dim: rgba(255, 195, 86, 0.55);
4524
+ --wm-text-dim: rgba(255, 195, 86, 0.72);
4504
4525
  --wm-accent: #ffb02e;
4526
+ --wm-accent-ink: #ffb02e;
4505
4527
  --wm-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
4506
4528
  --wm-title-font: var(--wm-mono);
4507
4529
  --wm-title-size: 12px;
@@ -4794,7 +4816,7 @@ var themeShadowCss = {
4794
4816
  `,
4795
4817
  aqua: `:host {
4796
4818
  --wm-radius: 10px;
4797
- --wm-bg: rgba(238, 241, 246, 0.86);
4819
+ --wm-bg: rgba(238, 241, 246, 0.94);
4798
4820
  --wm-bg-focused: rgba(246, 248, 252, 0.96);
4799
4821
  --wm-border: rgba(60, 80, 110, 0.28);
4800
4822
  --wm-border-focused: rgba(40, 70, 120, 0.45);
@@ -4802,8 +4824,9 @@ var themeShadowCss = {
4802
4824
  --wm-shadow-focused: 0 16px 40px rgba(20, 40, 80, 0.32);
4803
4825
  --wm-titlebar-bg: linear-gradient(180deg, #fdfdfe 0%, #e4eaf3 48%, #d4dced 52%, #e8edf5 100%);
4804
4826
  --wm-text: #1d2733;
4805
- --wm-text-dim: rgba(29, 39, 51, 0.62);
4827
+ --wm-text-dim: rgba(29, 39, 51, 0.7);
4806
4828
  --wm-accent: #2f6fd0;
4829
+ --wm-accent-ink: #2962b7;
4807
4830
  --wm-blur: 14px;
4808
4831
  --wm-title-size: 13px;
4809
4832
  --wm-title-weight: 600;
@@ -5072,8 +5095,9 @@ var themeShadowCss = {
5072
5095
  --wm-shadow-focused: 0 0 0 1px rgba(215, 235, 255, 0.45);
5073
5096
  --wm-titlebar-bg: rgba(190, 220, 255, 0.1);
5074
5097
  --wm-text: #e8f2ff;
5075
- --wm-text-dim: rgba(232, 242, 255, 0.6);
5098
+ --wm-text-dim: rgba(232, 242, 255, 0.74);
5076
5099
  --wm-accent: #9ecbff;
5100
+ --wm-accent-ink: #9ecbff;
5077
5101
  --wm-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
5078
5102
  --wm-title-font: var(--wm-mono);
5079
5103
  --wm-title-size: 12px;
@@ -5359,6 +5383,7 @@ var themeShadowCss = {
5359
5383
  --wm-text: #111111;
5360
5384
  --wm-text-dim: rgba(17, 17, 17, 0.6);
5361
5385
  --wm-accent: #ff3b00;
5386
+ --wm-accent-ink: #cf3000;
5362
5387
  --wm-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
5363
5388
  --wm-title-font: var(--wm-mono);
5364
5389
  --wm-title-size: 12px;
@@ -5648,8 +5673,9 @@ var themeShadowCss = {
5648
5673
  --wm-shadow-focused: 0 18px 44px rgba(236, 130, 175, 0.3);
5649
5674
  --wm-titlebar-bg: linear-gradient(90deg, rgba(255, 214, 233, 0.9), rgba(214, 233, 255, 0.9));
5650
5675
  --wm-text: #5b3a52;
5651
- --wm-text-dim: rgba(91, 58, 82, 0.6);
5676
+ --wm-text-dim: rgba(91, 58, 82, 0.82);
5652
5677
  --wm-accent: #ec82af;
5678
+ --wm-accent-ink: #c81e66;
5653
5679
  --wm-title-size: 13px;
5654
5680
  --wm-title-weight: 700;
5655
5681
  --wm-titlebar-padding: 11px 16px;
@@ -5912,6 +5938,7 @@ var themeShadowCss = {
5912
5938
  --wm-text: #f4f4f4;
5913
5939
  --wm-text-dim: #a8a8a8;
5914
5940
  --wm-accent: #4589ff;
5941
+ --wm-accent-ink: #4589ff;
5915
5942
  --wm-title-size: 13px;
5916
5943
  --wm-title-weight: 500;
5917
5944
  --wm-title-tracking: 0;
@@ -6194,6 +6221,7 @@ var themeShadowCss = {
6194
6221
  --wm-text: #e6f0e2;
6195
6222
  --wm-text-dim: rgba(230, 240, 226, 0.58);
6196
6223
  --wm-accent: #9abe8c;
6224
+ --wm-accent-ink: #9abe8c;
6197
6225
  --wm-serif: "Iowan Old Style", Palatino, Georgia, serif;
6198
6226
  --wm-title-font: var(--wm-serif);
6199
6227
  --wm-title-size: 14px;
@@ -6447,16 +6475,17 @@ var themeShadowCss = {
6447
6475
  `,
6448
6476
  frost: `:host {
6449
6477
  --wm-radius: 18px;
6450
- --wm-bg: rgba(255, 255, 255, 0.48);
6451
- --wm-bg-focused: rgba(255, 255, 255, 0.66);
6478
+ --wm-bg: rgba(255, 255, 255, 0.82);
6479
+ --wm-bg-focused: rgba(255, 255, 255, 0.96);
6452
6480
  --wm-border: rgba(255, 255, 255, 0.6);
6453
6481
  --wm-border-focused: rgba(255, 255, 255, 0.92);
6454
6482
  --wm-shadow: 0 8px 30px rgba(80, 110, 150, 0.18);
6455
6483
  --wm-shadow-focused: 0 20px 60px rgba(80, 110, 150, 0.3);
6456
6484
  --wm-titlebar-bg: rgba(255, 255, 255, 0.3);
6457
6485
  --wm-text: #20303f;
6458
- --wm-text-dim: rgba(32, 48, 63, 0.55);
6486
+ --wm-text-dim: rgba(32, 48, 63, 0.75);
6459
6487
  --wm-accent: #0ea5e9;
6488
+ --wm-accent-ink: #086087;
6460
6489
  --wm-blur: 28px;
6461
6490
  --wm-title-size: 13px;
6462
6491
  --wm-title-weight: 600;
@@ -6721,6 +6750,7 @@ var themeShadowCss = {
6721
6750
  --wm-text: rgba(240, 242, 250, 0.92);
6722
6751
  --wm-text-dim: rgba(240, 242, 250, 0.55);
6723
6752
  --wm-accent: #7c6cff;
6753
+ --wm-accent-ink: #7c6cff;
6724
6754
  --wm-blur: 22px;
6725
6755
  --wm-transition: 240ms cubic-bezier(0.32, 0.72, 0, 1);
6726
6756
  }
@@ -6963,16 +6993,17 @@ var themeShadowCss = {
6963
6993
  `,
6964
6994
  light: `:host {
6965
6995
  --wm-radius: 12px;
6966
- --wm-bg: rgba(255, 255, 255, 0.78);
6967
- --wm-bg-focused: rgba(255, 255, 255, 0.94);
6996
+ --wm-bg: rgba(255, 255, 255, 0.9);
6997
+ --wm-bg-focused: rgba(255, 255, 255, 0.96);
6968
6998
  --wm-border: rgba(15, 23, 42, 0.1);
6969
6999
  --wm-border-focused: rgba(15, 23, 42, 0.22);
6970
7000
  --wm-shadow: 0 6px 22px rgba(15, 23, 42, 0.12);
6971
7001
  --wm-shadow-focused: 0 16px 44px rgba(15, 23, 42, 0.2);
6972
7002
  --wm-titlebar-bg: rgba(15, 23, 42, 0.03);
6973
7003
  --wm-text: rgba(15, 23, 42, 0.92);
6974
- --wm-text-dim: rgba(15, 23, 42, 0.55);
7004
+ --wm-text-dim: rgba(15, 23, 42, 0.64);
6975
7005
  --wm-accent: #4f46e5;
7006
+ --wm-accent-ink: #4f46e5;
6976
7007
  --wm-blur: 18px;
6977
7008
  --wm-transition: 240ms cubic-bezier(0.32, 0.72, 0, 1);
6978
7009
  }
@@ -7225,6 +7256,7 @@ var themeShadowCss = {
7225
7256
  --wm-text: #f3e9ff;
7226
7257
  --wm-text-dim: rgba(243, 233, 255, 0.55);
7227
7258
  --wm-accent: #ec4899;
7259
+ --wm-accent-ink: #ec4899;
7228
7260
  --wm-accent-alt: #38bdf8;
7229
7261
  --wm-blur: 20px;
7230
7262
  --wm-transition: 260ms cubic-bezier(0.32, 0.72, 0, 1);
@@ -7495,6 +7527,7 @@ var themeShadowCss = {
7495
7527
  --wm-text: #ffffff;
7496
7528
  --wm-text-dim: rgba(255, 255, 255, 0.55);
7497
7529
  --wm-accent: #ffffff;
7530
+ --wm-accent-ink: #ffffff;
7498
7531
  --wm-title-size: 11px;
7499
7532
  --wm-title-weight: 600;
7500
7533
  --wm-title-tracking: 0.24em;
@@ -7755,8 +7788,9 @@ var themeShadowCss = {
7755
7788
  --wm-shadow-focused: 4px 6px 0 rgba(84, 71, 51, 0.16);
7756
7789
  --wm-titlebar-bg: rgba(84, 71, 51, 0.05);
7757
7790
  --wm-text: #3f382c;
7758
- --wm-text-dim: rgba(63, 56, 44, 0.6);
7791
+ --wm-text-dim: rgba(63, 56, 44, 0.73);
7759
7792
  --wm-accent: #a8571b;
7793
+ --wm-accent-ink: #a8571b;
7760
7794
  --wm-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
7761
7795
  --wm-transition: 220ms cubic-bezier(0.32, 0.72, 0, 1);
7762
7796
  }
@@ -7994,12 +8028,14 @@ var themeShadowCss = {
7994
8028
  --wm-face-dark: #808080;
7995
8029
  --wm-face-darker: #404040;
7996
8030
  --wm-title-active-a: #000080;
7997
- --wm-title-active-b: #1084d0;
7998
- --wm-title-inactive: #808080;
8031
+ --wm-title-active-b: #0f6fb0;
8032
+ --wm-title-inactive: #8c8c8c;
7999
8033
  --wm-text: #000000;
8000
8034
  --wm-text-dim: #404040;
8001
8035
  --wm-accent: #000080;
8036
+ --wm-accent-ink: #000080;
8002
8037
  --wm-title-text: #ffffff;
8038
+ --wm-title-text-inactive: #1a1a1a;
8003
8039
  }
8004
8040
 
8005
8041
  :host {
@@ -8054,13 +8090,17 @@ var themeShadowCss = {
8054
8090
  flex: 1;
8055
8091
  font-size: 12px;
8056
8092
  font-weight: 700;
8057
- color: var(--wm-title-text);
8093
+ color: var(--wm-title-text-inactive);
8058
8094
  white-space: nowrap;
8059
8095
  overflow: hidden;
8060
8096
  text-overflow: ellipsis;
8061
8097
  letter-spacing: 0;
8062
8098
  }
8063
8099
 
8100
+ :host([data-wm-focused]) [data-wm-title] {
8101
+ color: var(--wm-title-text);
8102
+ }
8103
+
8064
8104
  [data-wm-controls] {
8065
8105
  display: flex;
8066
8106
  gap: 8px;
@@ -8198,6 +8238,7 @@ var themeShadowCss = {
8198
8238
  --wm-text: #ffeaf7;
8199
8239
  --wm-text-dim: rgba(255, 234, 247, 0.62);
8200
8240
  --wm-accent: #ff7ac6;
8241
+ --wm-accent-ink: #ff7ac6;
8201
8242
  --wm-blur: 16px;
8202
8243
  --wm-title-size: 12px;
8203
8244
  --wm-title-weight: 700;
@@ -8466,6 +8507,7 @@ var themeShadowCss = {
8466
8507
  --wm-text: #b8f5cd;
8467
8508
  --wm-text-dim: rgba(184, 245, 205, 0.55);
8468
8509
  --wm-accent: #4ade80;
8510
+ --wm-accent-ink: #4ade80;
8469
8511
  --wm-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
8470
8512
  --wm-transition: 120ms linear;
8471
8513
  }