@mideind/netskrafl-react 3.2.6 → 3.2.8
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.
|
@@ -337,6 +337,7 @@
|
|
|
337
337
|
|
|
338
338
|
div.netskrafl-container {
|
|
339
339
|
--text-color: #333;
|
|
340
|
+
--color-border: #ddd;
|
|
340
341
|
--logo-primary: #c94314;
|
|
341
342
|
--logo-primary-light: hsl(from var(--logo-primary) h s 75%);
|
|
342
343
|
--logo-secondary: #ffaa88;
|
|
@@ -430,6 +431,7 @@ div.netskrafl-container {
|
|
|
430
431
|
|
|
431
432
|
[data-theme="dark"] .netskrafl-container {
|
|
432
433
|
--text-color: var(--foreground);
|
|
434
|
+
--color-border: var(--color-neutral-300);
|
|
433
435
|
/* Brand/identity colors - brightened for dark backgrounds */
|
|
434
436
|
--logo-primary: var(--color-netskraflPalette-300);
|
|
435
437
|
--logo-primary-light: var(--color-netskraflPalette-500);
|
|
@@ -1388,7 +1390,7 @@ div.netskrafl-container {
|
|
|
1388
1390
|
position: absolute;
|
|
1389
1391
|
width: 24px;
|
|
1390
1392
|
height: 24px;
|
|
1391
|
-
background:
|
|
1393
|
+
background: var(--container-bg-color);
|
|
1392
1394
|
border-radius: 50%;
|
|
1393
1395
|
top: 2px;
|
|
1394
1396
|
left: 2px;
|
|
@@ -8779,7 +8781,7 @@ div.gatadagsins-board-area.celebrate div.netskrafl-tile.netskrafl-racktile {
|
|
|
8779
8781
|
|
|
8780
8782
|
.netskrafl-container .thermometer-current-circle {
|
|
8781
8783
|
color: white;
|
|
8782
|
-
border: 3px solid
|
|
8784
|
+
border: 3px solid var(--container-bg-color);
|
|
8783
8785
|
border-radius: 50%;
|
|
8784
8786
|
width: 34px;
|
|
8785
8787
|
height: 34px;
|
|
@@ -8974,7 +8976,7 @@ div.gatadagsins-board-area.celebrate div.netskrafl-tile.netskrafl-racktile {
|
|
|
8974
8976
|
flex: 1.5;
|
|
8975
8977
|
position: relative;
|
|
8976
8978
|
background-color: var(--tab-background);
|
|
8977
|
-
border: 1px solid
|
|
8979
|
+
border: 1px solid var(--color-border);
|
|
8978
8980
|
border-radius: 8px;
|
|
8979
8981
|
padding: 6px 12px;
|
|
8980
8982
|
cursor: pointer;
|
|
@@ -9184,6 +9186,7 @@ div.gatadagsins-board-area.celebrate div.netskrafl-tile.netskrafl-racktile {
|
|
|
9184
9186
|
.netskrafl-container .modal-dialog.gatadagsins-help {
|
|
9185
9187
|
visibility: visible;
|
|
9186
9188
|
position: fixed;
|
|
9189
|
+
background-color: var(--container-bg-color);
|
|
9187
9190
|
top: 52%;
|
|
9188
9191
|
left: 50%;
|
|
9189
9192
|
transform: translate(-50%, -50%);
|
|
@@ -9675,7 +9678,7 @@ div.gatadagsins-board-area.celebrate div.netskrafl-tile.netskrafl-racktile {
|
|
|
9675
9678
|
left: 50%;
|
|
9676
9679
|
transform: translate(-50%, -50%);
|
|
9677
9680
|
z-index: 10000;
|
|
9678
|
-
background:
|
|
9681
|
+
background-color: var(--container-bg-color);
|
|
9679
9682
|
border-radius: 8px;
|
|
9680
9683
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
|
9681
9684
|
width: 95%;
|
|
@@ -9748,7 +9751,7 @@ div.gatadagsins-board-area.celebrate div.netskrafl-tile.netskrafl-racktile {
|
|
|
9748
9751
|
left: 50%;
|
|
9749
9752
|
transform: translate(-50%, -50%);
|
|
9750
9753
|
z-index: 10000;
|
|
9751
|
-
background:
|
|
9754
|
+
background-color: var(--container-bg-color);
|
|
9752
9755
|
border-radius: 16px;
|
|
9753
9756
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
|
|
9754
9757
|
width: fit-content;
|