@cyber-harbour/ui 1.0.36 → 1.0.37
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/index.d.mts +4 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +81 -77
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +89 -85
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/Core/Sidebar/Sidebar.tsx +1 -1
- package/src/Core/Sidebar/SidebarItem.tsx +8 -8
- package/src/Graph2D/GraphLoader.tsx +9 -21
- package/src/Theme/GlobalStyle.tsx +9 -3
- package/src/Theme/themes/dark.ts +94 -90
- package/src/Theme/themes/light.ts +15 -11
- package/src/Theme/types.ts +4 -0
|
@@ -351,14 +351,14 @@ export const lightThemePx: Theme = {
|
|
|
351
351
|
boxShadow: 'none',
|
|
352
352
|
},
|
|
353
353
|
hover: {
|
|
354
|
-
background: '
|
|
355
|
-
text: '#
|
|
354
|
+
background: 'transparent',
|
|
355
|
+
text: '#0042EC',
|
|
356
356
|
border: 'transparent',
|
|
357
357
|
boxShadow: 'none',
|
|
358
358
|
},
|
|
359
359
|
active: {
|
|
360
|
-
background: '
|
|
361
|
-
text: '#
|
|
360
|
+
background: 'transparent',
|
|
361
|
+
text: '#0042EC',
|
|
362
362
|
border: 'transparent',
|
|
363
363
|
boxShadow: 'none',
|
|
364
364
|
},
|
|
@@ -427,9 +427,9 @@ export const lightThemePx: Theme = {
|
|
|
427
427
|
width: 224,
|
|
428
428
|
collapsedWidth: 65,
|
|
429
429
|
text: {
|
|
430
|
-
default: '#
|
|
430
|
+
default: '#535353',
|
|
431
431
|
active: '#0042EC',
|
|
432
|
-
hover: '#
|
|
432
|
+
hover: '#0042EC',
|
|
433
433
|
},
|
|
434
434
|
item: {
|
|
435
435
|
default: {
|
|
@@ -439,13 +439,13 @@ export const lightThemePx: Theme = {
|
|
|
439
439
|
height: 40,
|
|
440
440
|
},
|
|
441
441
|
active: {
|
|
442
|
-
background: '#
|
|
442
|
+
background: '#E5ECFD',
|
|
443
443
|
borderLeft: '2px solid #0042EC',
|
|
444
444
|
padding: '10px 16px',
|
|
445
445
|
height: 40,
|
|
446
446
|
},
|
|
447
447
|
hover: {
|
|
448
|
-
background: '#
|
|
448
|
+
background: '#F3F7FF',
|
|
449
449
|
border: 'transparent',
|
|
450
450
|
padding: '10px 16px',
|
|
451
451
|
height: 40,
|
|
@@ -461,7 +461,7 @@ export const lightThemePx: Theme = {
|
|
|
461
461
|
},
|
|
462
462
|
},
|
|
463
463
|
delimeter: {
|
|
464
|
-
color: '#
|
|
464
|
+
color: '#C7C5C5',
|
|
465
465
|
thickness: 1,
|
|
466
466
|
margin: '8px 0',
|
|
467
467
|
},
|
|
@@ -494,7 +494,7 @@ export const lightThemePx: Theme = {
|
|
|
494
494
|
},
|
|
495
495
|
},
|
|
496
496
|
delimeter: {
|
|
497
|
-
color: '#
|
|
497
|
+
color: '#C7C5C5',
|
|
498
498
|
thickness: 1,
|
|
499
499
|
marginInline: 12,
|
|
500
500
|
marginBlock: 3,
|
|
@@ -563,7 +563,7 @@ export const lightThemePx: Theme = {
|
|
|
563
563
|
boxShadow: 'none',
|
|
564
564
|
},
|
|
565
565
|
},
|
|
566
|
-
delimiterColor: '#
|
|
566
|
+
delimiterColor: '#C7C5C5',
|
|
567
567
|
icon: {
|
|
568
568
|
size: 16,
|
|
569
569
|
},
|
|
@@ -697,6 +697,10 @@ export const lightThemePx: Theme = {
|
|
|
697
697
|
highlightedTextBgColor: 'rgba(255, 230, 204, 0.9)',
|
|
698
698
|
},
|
|
699
699
|
},
|
|
700
|
+
contentLoader: {
|
|
701
|
+
foreground: '#535353',
|
|
702
|
+
background: '#99989C',
|
|
703
|
+
},
|
|
700
704
|
};
|
|
701
705
|
|
|
702
706
|
export const lightTheme = convertPaletteToRem(lightThemePx, lightThemePx.baseSize) as DefaultTheme;
|