@mideind/netskrafl-react 3.2.6 → 3.2.7
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;
|
|
@@ -9675,7 +9677,7 @@ div.gatadagsins-board-area.celebrate div.netskrafl-tile.netskrafl-racktile {
|
|
|
9675
9677
|
left: 50%;
|
|
9676
9678
|
transform: translate(-50%, -50%);
|
|
9677
9679
|
z-index: 10000;
|
|
9678
|
-
background:
|
|
9680
|
+
background-color: var(--container-bg-color);
|
|
9679
9681
|
border-radius: 8px;
|
|
9680
9682
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
|
9681
9683
|
width: 95%;
|
|
@@ -9748,7 +9750,7 @@ div.gatadagsins-board-area.celebrate div.netskrafl-tile.netskrafl-racktile {
|
|
|
9748
9750
|
left: 50%;
|
|
9749
9751
|
transform: translate(-50%, -50%);
|
|
9750
9752
|
z-index: 10000;
|
|
9751
|
-
background:
|
|
9753
|
+
background-color: var(--container-bg-color);
|
|
9752
9754
|
border-radius: 16px;
|
|
9753
9755
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
|
|
9754
9756
|
width: fit-content;
|