@mideind/netskrafl-react 3.2.8 → 3.2.10

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.
@@ -669,7 +669,7 @@ div.netskrafl-container.legacy-colors {
669
669
  --total-margin: 2px;
670
670
  --total-human-background: #b5bdc4;
671
671
  --total-autoplayer-background: #b5bdc4;
672
- --autoplayer-highlight-color: black;
672
+ --autoplayer-highlight-color: white;
673
673
  --racktile-background: var(--human-color);
674
674
 
675
675
  /* Button backgrounds for classic scheme - white text on colored background */
@@ -2704,7 +2704,7 @@ div.netskrafl-tile.dragging div.letterscore {
2704
2704
  }
2705
2705
 
2706
2706
  .netskrafl-container div.modal-dialog#spinner-dialog {
2707
- background-color: rgba(255, 255, 255, 0.4);
2707
+ background-color: color-mix(in srgb, var(--container-bg-color) 40%, transparent);
2708
2708
  }
2709
2709
 
2710
2710
  .netskrafl-container div.animated-spinner {
@@ -3798,11 +3798,6 @@ div.netskrafl-tile.dragging div.letterscore {
3798
3798
  vertical-align: top;
3799
3799
  }
3800
3800
 
3801
- .letterscore,
3802
- .netskrafl-container .tileletter {
3803
- color: var(--text-color);
3804
- }
3805
-
3806
3801
  /* Paragraphs of help text that should be centered on screens that are wide enough */
3807
3802
 
3808
3803
  .netskrafl-container p.help-center {
@@ -3964,7 +3959,7 @@ div.rack td:has(> div.netskrafl-xchgsel) {
3964
3959
  }
3965
3960
 
3966
3961
  div.netskrafl-xchgsel {
3967
- color: white;
3962
+ color: var(--container-bg-color);
3968
3963
  background-color: var(--human-color);
3969
3964
  }
3970
3965
 
@@ -3982,7 +3977,7 @@ div.netskrafl-xchgsel {
3982
3977
  }
3983
3978
 
3984
3979
  div.netskrafl-freshtile {
3985
- color: white;
3980
+ color: var(--container-bg-color);
3986
3981
  background-color: var(--autoplayer-color);
3987
3982
  opacity: 0;
3988
3983
  animation-name: fresh-appear;
@@ -3993,8 +3988,8 @@ div.netskrafl-freshtile {
3993
3988
 
3994
3989
  .netskrafl-container div.highlight0 {
3995
3990
  /* Human (local) player */
3996
- color: black;
3997
- background-color: white;
3991
+ color: var(--text-color);
3992
+ background-color: var(--container-bg-color);
3998
3993
  }
3999
3994
 
4000
3995
  .netskrafl-container div.highlight1 {
@@ -6940,6 +6935,7 @@ div.netskrafl-container input[type="checkbox"] {
6940
6935
  height: 34px;
6941
6936
  }
6942
6937
  div.netskrafl-tile {
6938
+ color: var(--text-color);
6943
6939
  font-size: 24px;
6944
6940
  line-height: 25px;
6945
6941
  height: 28px;