@mideind/netskrafl-react 3.2.10 → 3.2.11
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/esm/css/netskrafl.css +20 -10
- package/package.json +1 -1
|
@@ -501,7 +501,7 @@ div.netskrafl-container {
|
|
|
501
501
|
/* Selection and player identity colors */
|
|
502
502
|
--option-selected: var(--color-gatadagsinsPalette-200);
|
|
503
503
|
--human-color: var(--color-gatadagsinsPalette-300);
|
|
504
|
-
--autoplayer-color: var(--color-samheitiPalette-
|
|
504
|
+
--autoplayer-color: var(--color-samheitiPalette-200);
|
|
505
505
|
--toggler-selected: var(--color-primary-400);
|
|
506
506
|
--header-green: var(--color-primary-500);
|
|
507
507
|
|
|
@@ -1811,9 +1811,19 @@ div.netskrafl-tile.dragging.no-drop {
|
|
|
1811
1811
|
border-color: #c07359; /* Matches default --cancel-button */
|
|
1812
1812
|
}
|
|
1813
1813
|
|
|
1814
|
+
[data-theme="dark"] div.netskrafl-tile.dragging {
|
|
1815
|
+
color: oklch(86% 0.004 155.258);
|
|
1816
|
+
background-color: oklch(24% 0.004 155.258);
|
|
1817
|
+
}
|
|
1818
|
+
|
|
1819
|
+
[data-theme="dark"] div.netskrafl-tile.dragging.no-drop {
|
|
1820
|
+
border-color: oklch(58% 0.13 25);
|
|
1821
|
+
}
|
|
1822
|
+
|
|
1814
1823
|
div.netskrafl-tile.dragging.legacy-colors {
|
|
1815
1824
|
/* Legacy color scheme: hardcode values since CSS variables are out of
|
|
1816
1825
|
scope when the tile is a child of the document body during dragging */
|
|
1826
|
+
color: black;
|
|
1817
1827
|
background-color: #fcce43; /* Matches legacy --rack-tile-background */
|
|
1818
1828
|
border-color: #47ba96; /* Matches legacy --ok-button */
|
|
1819
1829
|
}
|
|
@@ -3811,27 +3821,27 @@ div.netskrafl-racktile {
|
|
|
3811
3821
|
|
|
3812
3822
|
@keyframes selBlink {
|
|
3813
3823
|
0% {
|
|
3814
|
-
color:
|
|
3824
|
+
/* color: var(--container-bg-color); */
|
|
3815
3825
|
background-color: var(--cancel-button);
|
|
3816
3826
|
border-color: var(--cancel-button);
|
|
3817
3827
|
}
|
|
3818
3828
|
45% {
|
|
3819
|
-
color:
|
|
3829
|
+
/* color: var(--container-bg-color); */
|
|
3820
3830
|
background-color: var(--cancel-button);
|
|
3821
3831
|
border-color: var(--cancel-button);
|
|
3822
3832
|
}
|
|
3823
3833
|
50% {
|
|
3824
|
-
color:
|
|
3825
|
-
background-color:
|
|
3826
|
-
border-color:
|
|
3834
|
+
/* color: var(--text-color); */
|
|
3835
|
+
background-color: var(--container-bg-color);
|
|
3836
|
+
border-color: var(--container-bg-color);
|
|
3827
3837
|
}
|
|
3828
3838
|
95% {
|
|
3829
|
-
color:
|
|
3830
|
-
background-color:
|
|
3831
|
-
border-color:
|
|
3839
|
+
/* color: var(--text-color); */
|
|
3840
|
+
background-color: var(--container-bg-color);
|
|
3841
|
+
border-color: var(--container-bg-color);
|
|
3832
3842
|
}
|
|
3833
3843
|
100% {
|
|
3834
|
-
color:
|
|
3844
|
+
/* color: var(--container-bg-color); */
|
|
3835
3845
|
background-color: var(--cancel-button);
|
|
3836
3846
|
border-color: var(--cancel-button);
|
|
3837
3847
|
}
|