@norconsult-digital-public/isypixel 0.2.0 → 0.2.1

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.
Files changed (8) hide show
  1. package/dist/css/styles.css +51 -51
  2. package/dist/esm/tokens/meta/tokens-meta.d.ts +57 -57
  3. package/dist/esm/tokens/meta/tokens-meta.js +53 -53
  4. package/dist/esm/tokens/semantic/color-semantic-variables.d.ts +51 -51
  5. package/dist/esm/tokens/semantic/color-semantic-variables.js +51 -51
  6. package/dist/scss/abstracts/_color-semantic-variables.scss +54 -52
  7. package/docs/tokens.md +51 -51
  8. package/package.json +17 -14
package/dist/esm/tokens/semantic/color-semantic-variables.js CHANGED
@@ -169,7 +169,7 @@ export const colorSemanticVariables = {
169
169
  item: {
170
170
  backgroundPrimaryDefault: {
171
171
  light: 'rgb(243, 243, 243)',
172
- dark: 'rgb(243, 243, 243)',
172
+ dark: 'rgb(33, 42, 49)',
173
173
  },
174
174
  backgroundPrimaryHover: {
175
175
  light: 'rgb(233, 234, 235)',
@@ -211,7 +211,7 @@ export const colorSemanticVariables = {
211
211
  },
212
212
  borderPrimaryOpened: {
213
213
  light: 'rgb(186, 189, 191)',
214
- dark: 'rgb(186, 189, 191)',
214
+ dark: 'rgb(61, 69, 75)',
215
215
  },
216
216
  },
217
217
  tabItem: {
@@ -259,15 +259,15 @@ export const colorSemanticVariables = {
259
259
  },
260
260
  textPrimaryDefault: {
261
261
  light: 'rgb(61, 80, 102)',
262
- dark: 'rgb(61, 80, 102)',
262
+ dark: 'rgb(205, 213, 220)',
263
263
  },
264
264
  iconPrimaryDefault: {
265
265
  light: 'rgb(61, 80, 102)',
266
- dark: 'rgb(61, 80, 102)',
266
+ dark: 'rgb(205, 213, 220)',
267
267
  },
268
268
  iconSecondaryDefault: {
269
269
  light: 'rgb(61, 80, 102)',
270
- dark: 'rgb(61, 80, 102)',
270
+ dark: 'rgb(205, 213, 220)',
271
271
  },
272
272
  },
273
273
  header: {
@@ -299,7 +299,7 @@ export const colorSemanticVariables = {
299
299
  },
300
300
  iconPrimaryDefault: {
301
301
  light: 'rgb(16, 20, 23)',
302
- dark: 'rgb(16, 20, 23)',
302
+ dark: 'rgb(254, 254, 254)',
303
303
  },
304
304
  backgroundPrimaryClosedHover: {
305
305
  light: 'rgb(96, 196, 198)',
@@ -307,26 +307,26 @@ export const colorSemanticVariables = {
307
307
  },
308
308
  iconPrimaryClosedHover: {
309
309
  light: 'rgb(16, 20, 23)',
310
- dark: 'rgb(254, 254, 254)',
310
+ dark: 'rgb(16, 20, 23)',
311
311
  },
312
312
  iconPrimaryClosedActive: {
313
313
  light: 'rgb(254, 254, 254)',
314
- dark: 'rgb(16, 20, 23)',
314
+ dark: 'rgb(254, 254, 254)',
315
315
  },
316
316
  iconPrimaryClosedDefault: {
317
317
  light: 'rgb(16, 20, 23)',
318
- dark: 'rgb(254, 254, 254)',
318
+ dark: 'rgb(16, 20, 23)',
319
319
  },
320
320
  },
321
321
  },
322
322
  iconButton: {
323
323
  iconPrimaryDefault: {
324
324
  light: 'rgb(61, 80, 102)',
325
- dark: 'rgb(61, 80, 102)',
325
+ dark: 'rgb(205, 213, 220)',
326
326
  },
327
327
  iconPrimaryInverseDefault: {
328
328
  light: 'rgb(205, 213, 220)',
329
- dark: 'rgb(61, 80, 102)',
329
+ dark: 'rgb(205, 213, 220)',
330
330
  },
331
331
  backgroundPrimaryHover: {
332
332
  light: 'rgb(33, 42, 49)',
@@ -405,11 +405,11 @@ export const colorSemanticVariables = {
405
405
  header: {
406
406
  backgroundPrimaryDefault: {
407
407
  light: 'rgb(233, 236, 240)',
408
- dark: 'rgb(254, 254, 254)',
408
+ dark: 'rgb(26, 33, 38)',
409
409
  },
410
410
  backgroundSecondaryDefault: {
411
411
  light: 'rgb(228, 229, 230)',
412
- dark: 'rgb(254, 254, 254)',
412
+ dark: 'rgb(26, 33, 38)',
413
413
  },
414
414
  },
415
415
  columnHeader: {
@@ -419,11 +419,11 @@ export const colorSemanticVariables = {
419
419
  },
420
420
  textPrimaryDefault2: {
421
421
  light: 'rgb(61, 80, 102)',
422
- dark: 'rgb(16, 20, 23)',
422
+ dark: 'rgb(254, 254, 254)',
423
423
  },
424
424
  iconPrimaryDefault: {
425
425
  light: 'rgb(148, 165, 179)',
426
- dark: 'rgb(148, 165, 179)',
426
+ dark: 'rgb(205, 213, 220)',
427
427
  },
428
428
  borderSecondary: {
429
429
  light: 'rgb(111, 118, 122)',
@@ -434,15 +434,15 @@ export const colorSemanticVariables = {
434
434
  cell: {
435
435
  backgroundPrimaryDefault: {
436
436
  light: 'rgb(254, 254, 254)',
437
- dark: 'rgb(254, 254, 254)',
437
+ dark: 'rgb(26, 33, 38)',
438
438
  },
439
439
  borderPrimaryDefault: {
440
440
  light: 'rgb(186, 189, 191)',
441
- dark: 'rgb(186, 189, 191)',
441
+ dark: 'rgb(61, 69, 75)',
442
442
  },
443
443
  textPrimaryDefault: {
444
444
  light: 'rgb(16, 20, 23)',
445
- dark: 'rgb(90, 97, 102)',
445
+ dark: 'rgb(214, 214, 214)',
446
446
  },
447
447
  },
448
448
  backgroundPrimaryDefault: {
@@ -461,11 +461,11 @@ export const colorSemanticVariables = {
461
461
  searchCell: {
462
462
  backgroundPrimaryDefault: {
463
463
  light: 'rgb(249, 249, 249)',
464
- dark: 'rgb(254, 254, 254)',
464
+ dark: 'rgb(26, 33, 38)',
465
465
  },
466
466
  backgroundSecondaryDefault: {
467
467
  light: 'rgb(233, 234, 235)',
468
- dark: 'rgb(254, 254, 254)',
468
+ dark: 'rgb(26, 33, 38)',
469
469
  },
470
470
  },
471
471
  bullet: {
@@ -479,7 +479,7 @@ export const colorSemanticVariables = {
479
479
  },
480
480
  textPrimaryDefault: {
481
481
  light: 'rgb(16, 20, 23)',
482
- dark: 'rgb(254, 254, 254)',
482
+ dark: 'rgb(16, 20, 23)',
483
483
  },
484
484
  },
485
485
  },
@@ -558,7 +558,7 @@ export const colorSemanticVariables = {
558
558
  },
559
559
  iconLevel6Default: {
560
560
  light: 'rgb(61, 80, 102)',
561
- dark: 'rgb(61, 80, 102)',
561
+ dark: 'rgb(205, 213, 220)',
562
562
  },
563
563
  backgroundLevel5Default: {
564
564
  light: 'rgb(218, 225, 232)',
@@ -566,7 +566,7 @@ export const colorSemanticVariables = {
566
566
  },
567
567
  textLevel6Default: {
568
568
  light: 'rgb(16, 20, 23)',
569
- dark: 'rgb(16, 20, 23)',
569
+ dark: 'rgb(254, 254, 254)',
570
570
  },
571
571
  backgroundLevel5Hover: {
572
572
  light: 'rgb(210, 217, 225)',
@@ -574,11 +574,11 @@ export const colorSemanticVariables = {
574
574
  },
575
575
  borderLevel6Default: {
576
576
  light: 'rgba(16, 20, 23, 0.2)',
577
- dark: 'rgba(16, 20, 23, 0.2)',
577
+ dark: 'rgba(254, 254, 254, 0.2)',
578
578
  },
579
579
  iconLevel5Default: {
580
580
  light: 'rgb(61, 80, 102)',
581
- dark: 'rgb(61, 80, 102)',
581
+ dark: 'rgb(205, 213, 220)',
582
582
  },
583
583
  backgroundLevel5Active: {
584
584
  light: 'rgb(201, 208, 217)',
@@ -586,15 +586,15 @@ export const colorSemanticVariables = {
586
586
  },
587
587
  textLevel5Default: {
588
588
  light: 'rgb(16, 20, 23)',
589
- dark: 'rgb(16, 20, 23)',
589
+ dark: 'rgb(254, 254, 254)',
590
590
  },
591
591
  borderLevel2Default: {
592
592
  light: 'rgba(16, 20, 23, 0.2)',
593
- dark: 'rgba(16, 20, 23, 0.2)',
593
+ dark: 'rgba(254, 254, 254, 0.2)',
594
594
  },
595
595
  borderLevel5Default: {
596
596
  light: 'rgba(16, 20, 23, 0.2)',
597
- dark: 'rgba(16, 20, 23, 0.2)',
597
+ dark: 'rgba(254, 254, 254, 0.2)',
598
598
  },
599
599
  backgroundLevel4Default: {
600
600
  light: 'rgb(201, 208, 217)',
@@ -610,15 +610,15 @@ export const colorSemanticVariables = {
610
610
  },
611
611
  iconLevel4Default: {
612
612
  light: 'rgb(61, 80, 102)',
613
- dark: 'rgb(61, 80, 102)',
613
+ dark: 'rgb(205, 213, 220)',
614
614
  },
615
615
  textLevel4Default: {
616
616
  light: 'rgb(16, 20, 23)',
617
- dark: 'rgb(16, 20, 23)',
617
+ dark: 'rgb(254, 254, 254)',
618
618
  },
619
619
  borderLevel4Default: {
620
620
  light: 'rgba(16, 20, 23, 0.2)',
621
- dark: 'rgba(16, 20, 23, 0.2)',
621
+ dark: 'rgba(254, 254, 254, 0.2)',
622
622
  },
623
623
  backgroundLevel3Default: {
624
624
  light: 'rgb(185, 195, 206)',
@@ -626,7 +626,7 @@ export const colorSemanticVariables = {
626
626
  },
627
627
  textLevel3Default: {
628
628
  light: 'rgb(16, 20, 23)',
629
- dark: 'rgb(16, 20, 23)',
629
+ dark: 'rgb(254, 254, 254)',
630
630
  },
631
631
  backgroundLevel3Hover: {
632
632
  light: 'rgb(177, 188, 201)',
@@ -634,7 +634,7 @@ export const colorSemanticVariables = {
634
634
  },
635
635
  borderLevel3Default: {
636
636
  light: 'rgba(16, 20, 23, 0.2)',
637
- dark: 'rgba(16, 20, 23, 0.2)',
637
+ dark: 'rgba(254, 254, 254, 0.2)',
638
638
  },
639
639
  backgroundLevel3Active: {
640
640
  light: 'rgb(165, 178, 193)',
@@ -642,7 +642,7 @@ export const colorSemanticVariables = {
642
642
  },
643
643
  iconLevel3Default: {
644
644
  light: 'rgb(61, 80, 102)',
645
- dark: 'rgb(61, 80, 102)',
645
+ dark: 'rgb(205, 213, 220)',
646
646
  },
647
647
  backgroundLevel2Hover: {
648
648
  light: 'rgb(153, 167, 184)',
@@ -658,11 +658,11 @@ export const colorSemanticVariables = {
658
658
  },
659
659
  iconLevel2Default: {
660
660
  light: 'rgb(61, 80, 102)',
661
- dark: 'rgb(61, 80, 102)',
661
+ dark: 'rgb(205, 213, 220)',
662
662
  },
663
663
  textLevel2Default: {
664
664
  light: 'rgb(16, 20, 23)',
665
- dark: 'rgb(16, 20, 23)',
665
+ dark: 'rgb(254, 254, 254)',
666
666
  },
667
667
  backgroundLevel1Default: {
668
668
  light: 'rgb(254, 254, 254)',
@@ -678,15 +678,15 @@ export const colorSemanticVariables = {
678
678
  },
679
679
  iconLevel1Default: {
680
680
  light: 'rgb(61, 80, 102)',
681
- dark: 'rgb(61, 80, 102)',
681
+ dark: 'rgb(205, 213, 220)',
682
682
  },
683
683
  textLevel1Default: {
684
684
  light: 'rgb(16, 20, 23)',
685
- dark: 'rgb(16, 20, 23)',
685
+ dark: 'rgb(254, 254, 254)',
686
686
  },
687
687
  borderLevel1Default: {
688
688
  light: 'rgba(16, 20, 23, 0.2)',
689
- dark: 'rgba(16, 20, 23, 0.2)',
689
+ dark: 'rgba(254, 254, 254, 0.2)',
690
690
  },
691
691
  commonBackgroundSelectedDefault: {
692
692
  light: 'rgb(78, 96, 110)',
@@ -702,15 +702,15 @@ export const colorSemanticVariables = {
702
702
  },
703
703
  commonIconSelectedDefault: {
704
704
  light: 'rgb(205, 213, 220)',
705
- dark: 'rgb(205, 213, 220)',
705
+ dark: 'rgb(61, 80, 102)',
706
706
  },
707
707
  commonTextSelectedDefault: {
708
708
  light: 'rgb(254, 254, 254)',
709
- dark: 'rgb(254, 254, 254)',
709
+ dark: 'rgb(16, 20, 23)',
710
710
  },
711
711
  commonBorderSelectedDefault: {
712
712
  light: 'rgba(254, 254, 254, 0.2)',
713
- dark: 'rgba(254, 254, 254, 0.2)',
713
+ dark: 'rgba(16, 20, 23, 0.2)',
714
714
  },
715
715
  rootBackgroundLevel0Default: {
716
716
  light: 'rgb(224, 225, 226)',
@@ -726,15 +726,15 @@ export const colorSemanticVariables = {
726
726
  },
727
727
  rootIconLevel0Default: {
728
728
  light: 'rgb(61, 80, 102)',
729
- dark: 'rgb(61, 80, 102)',
729
+ dark: 'rgb(205, 213, 220)',
730
730
  },
731
731
  rootTextLevel0Default: {
732
732
  light: 'rgb(16, 20, 23)',
733
- dark: 'rgb(16, 20, 23)',
733
+ dark: 'rgb(254, 254, 254)',
734
734
  },
735
735
  rootBorderLevel0Default: {
736
736
  light: 'rgba(16, 20, 23, 0.2)',
737
- dark: 'rgb(186, 189, 191)',
737
+ dark: 'rgb(61, 69, 75)',
738
738
  },
739
739
  },
740
740
  button: {
@@ -748,11 +748,11 @@ export const colorSemanticVariables = {
748
748
  },
749
749
  iconPrimaryInverseDefault: {
750
750
  light: 'rgb(205, 213, 220)',
751
- dark: 'rgb(61, 80, 102)',
751
+ dark: 'rgb(205, 213, 220)',
752
752
  },
753
753
  iconPrimaryDefault: {
754
754
  light: 'rgb(61, 80, 102)',
755
- dark: 'rgb(61, 80, 102)',
755
+ dark: 'rgb(205, 213, 220)',
756
756
  },
757
757
  backgroundPrimary: {
758
758
  light: 'rgb(218, 225, 232)',
@@ -760,7 +760,7 @@ export const colorSemanticVariables = {
760
760
  },
761
761
  textPrimaryDefault: {
762
762
  light: 'rgb(61, 80, 102)',
763
- dark: 'rgb(61, 80, 102)',
763
+ dark: 'rgb(205, 213, 220)',
764
764
  },
765
765
  backgroundSecondaryActive: {
766
766
  light: 'rgb(26, 33, 38)',
@@ -776,15 +776,15 @@ export const colorSemanticVariables = {
776
776
  },
777
777
  iconSecondaryInverseDefault: {
778
778
  light: 'rgb(205, 213, 220)',
779
- dark: 'rgb(61, 80, 102)',
779
+ dark: 'rgb(205, 213, 220)',
780
780
  },
781
781
  textSecondaryDefault: {
782
782
  light: 'rgb(205, 213, 220)',
783
- dark: 'rgb(61, 80, 102)',
783
+ dark: 'rgb(205, 213, 220)',
784
784
  },
785
785
  iconSecondaryDefault: {
786
786
  light: 'rgb(205, 213, 220)',
787
- dark: 'rgb(61, 80, 102)',
787
+ dark: 'rgb(205, 213, 220)',
788
788
  },
789
789
  },
790
790
  },
package/dist/scss/abstracts/_color-semantic-variables.scss CHANGED
@@ -16,7 +16,9 @@ $ip_color_menu_main_menu_item_background_primary_selected_hover: var(--ip_color_
16
16
  $ip_color_menu_main_menu_item_background_primary_default: var(--ip_color_menu_main_menu_item_background_primary_default);
17
17
  $ip_color_menu_main_menu_item_vertical_divider_primary_default: var(--ip_color_menu_main_menu_item_vertical_divider_primary_default);
18
18
  $ip_color_menu_main_menu_group_item_background_primary_selected_active: var(--ip_color_menu_main_menu_group_item_background_primary_selected_active);
19
- $ip_color_menu_main_menu_group_item_background_primary_selected_default: var(--ip_color_menu_main_menu_group_item_background_primary_selected_default);
19
+ $ip_color_menu_main_menu_group_item_background_primary_selected_default: var(
20
+ --ip_color_menu_main_menu_group_item_background_primary_selected_default
21
+ );
20
22
  $ip_color_menu_main_menu_group_item_background_primary_selected_hover: var(--ip_color_menu_main_menu_group_item_background_primary_selected_hover);
21
23
  $ip_color_menu_main_menu_group_item_background_primary_active: var(--ip_color_menu_main_menu_group_item_background_primary_active);
22
24
  $ip_color_menu_main_menu_group_item_background_primary_default: var(--ip_color_menu_main_menu_group_item_background_primary_default);
@@ -401,8 +403,8 @@ html.ip-dark-mode {
401
403
  --ip_color_breadcrumb_background_primary_default: rgb(33, 42, 49);
402
404
  --ip_color_surface_primary_default: rgb(26, 33, 38);
403
405
  --ip_color_sidebar_content_background_primary_opened: rgb(33, 42, 49);
404
- --ip_color_icon_button_icon_primary_default: rgb(61, 80, 102);
405
- --ip_color_icon_button_icon_primary_inverse_default: rgb(61, 80, 102);
406
+ --ip_color_icon_button_icon_primary_default: rgb(205, 213, 220);
407
+ --ip_color_icon_button_icon_primary_inverse_default: rgb(205, 213, 220);
406
408
  --ip_color_icon_primary_inverse: rgb(61, 80, 102);
407
409
  --ip_color_icon_primary: rgb(205, 213, 220);
408
410
  --ip_color_icon_button_background_primary_hover: rgb(254, 254, 254);
@@ -419,18 +421,18 @@ html.ip-dark-mode {
419
421
  --ip_color_sidebar_toolbar_item_button_background_secondary_default: rgb(29, 37, 43);
420
422
  --ip_color_sidebar_toolbar_item_button_background_secondary_hover: rgb(20, 26, 31);
421
423
  --ip_color_sidebar_toolbar_item_button_background_secondary_active: rgb(12, 15, 18);
422
- --ip_color_sidebar_toolbar_item_button_text_primary_default: rgb(61, 80, 102);
423
- --ip_color_sidebar_toolbar_item_button_icon_primary_default: rgb(61, 80, 102);
424
- --ip_color_sidebar_toolbar_item_button_icon_secondary_default: rgb(61, 80, 102);
424
+ --ip_color_sidebar_toolbar_item_button_text_primary_default: rgb(205, 213, 220);
425
+ --ip_color_sidebar_toolbar_item_button_icon_primary_default: rgb(205, 213, 220);
426
+ --ip_color_sidebar_toolbar_item_button_icon_secondary_default: rgb(205, 213, 220);
425
427
  --ip_color_text_primary_blue: rgb(205, 213, 220);
426
428
  --ip_color_sidebar_header_background_primary_default: rgb(29, 37, 43);
427
- --ip_color_table_header_background_primary_default: rgb(254, 254, 254);
429
+ --ip_color_table_header_background_primary_default: rgb(26, 33, 38);
428
430
  --ip_color_table_column_header_border_primary_default: rgb(120, 205, 206);
429
- --ip_color_table_column_header_text_primary_default2: rgb(16, 20, 23);
430
- --ip_color_table_column_header_icon_primary_default: rgb(148, 165, 179);
431
- --ip_color_table_row_cell_background_primary_default: rgb(254, 254, 254);
432
- --ip_color_table_row_cell_border_primary_default: rgb(186, 189, 191);
433
- --ip_color_table_row_cell_text_primary_default: rgb(90, 97, 102);
431
+ --ip_color_table_column_header_text_primary_default2: rgb(254, 254, 254);
432
+ --ip_color_table_column_header_icon_primary_default: rgb(205, 213, 220);
433
+ --ip_color_table_row_cell_background_primary_default: rgb(26, 33, 38);
434
+ --ip_color_table_row_cell_border_primary_default: rgb(61, 69, 75);
435
+ --ip_color_table_row_cell_text_primary_default: rgb(214, 214, 214);
434
436
  --ip_color_table_row_background_primary_default: rgb(26, 33, 38);
435
437
  --ip_color_table_row_background_primary_hover: rgb(33, 42, 49);
436
438
  --ip_color_table_row_background_primary_active: rgb(20, 26, 31);
@@ -440,71 +442,71 @@ html.ip-dark-mode {
440
442
  --ip_color_hyperlink_hyperlink_text_visited_default: rgb(183, 227, 228);
441
443
  --ip_color_hyperlink_hyperlink_text_visited_hover: rgb(143, 212, 213);
442
444
  --ip_color_hyperlink_hyperlink_text_visited_active: rgb(0, 122, 124);
443
- --ip_color_breadcrumb_item_background_primary_default: rgb(243, 243, 243);
445
+ --ip_color_breadcrumb_item_background_primary_default: rgb(33, 42, 49);
444
446
  --ip_color_breadcrumb_item_background_primary_hover: rgb(45, 55, 63);
445
447
  --ip_color_breadcrumb_item_background_primary_active: rgb(52, 60, 66);
446
448
  --ip_color_icon_tertiary: rgb(205, 213, 220);
447
449
  --ip_color_text_tertiary: rgb(214, 214, 214);
448
450
  --ip_color_text_quaternary: rgb(214, 214, 214);
449
- --ip_color_table_search_cell_background_primary_default: rgb(254, 254, 254);
451
+ --ip_color_table_search_cell_background_primary_default: rgb(26, 33, 38);
450
452
  --ip_color_loading_indicator_background_primary_default: rgb(71, 78, 84);
451
453
  --ip_color_loading_indicator_background_secondary_default: rgb(120, 205, 206);
452
454
  --ip_color_menu_main_menu_divider_border_primary_default: rgb(61, 69, 75);
453
455
  --ip_color_sidebar_content_background_gradient_start_primary_default: rgb(33, 42, 49);
454
456
  --ip_color_sidebar_content_background_gradient_stop_primary_default: rgb(33, 42, 49);
455
- --ip_color_table_header_background_secondary_default: rgb(254, 254, 254);
456
- --ip_color_table_search_cell_background_secondary_default: rgb(254, 254, 254);
457
+ --ip_color_table_header_background_secondary_default: rgb(26, 33, 38);
458
+ --ip_color_table_search_cell_background_secondary_default: rgb(26, 33, 38);
457
459
  --ip_color_border_primary_weak: rgb(61, 69, 75);
458
460
  --ip_color_border_primary_strong: rgb(61, 69, 75);
459
461
  --ip_color_border_primary_xstrong: rgb(61, 69, 75);
460
462
  --ip_color_hierarchy6_item_background_level_6_default: rgb(111, 118, 122);
461
463
  --ip_color_hierarchy6_item_background_level_6_hover: rgb(104, 110, 115);
462
464
  --ip_color_hierarchy6_item_background_level_6_active: rgb(99, 106, 111);
463
- --ip_color_hierarchy6_item_icon_level_6_default: rgb(61, 80, 102);
465
+ --ip_color_hierarchy6_item_icon_level_6_default: rgb(205, 213, 220);
464
466
  --ip_color_hierarchy6_item_background_level_5_default: rgb(99, 106, 111);
465
- --ip_color_hierarchy6_item_text_level_6_default: rgb(16, 20, 23);
467
+ --ip_color_hierarchy6_item_text_level_6_default: rgb(254, 254, 254);
466
468
  --ip_color_hierarchy6_item_background_level_5_hover: rgb(90, 97, 102);
467
- --ip_color_hierarchy6_item_border_level_6_default: rgba(16, 20, 23, 0.2);
468
- --ip_color_hierarchy6_item_icon_level_5_default: rgb(61, 80, 102);
469
+ --ip_color_hierarchy6_item_border_level_6_default: rgba(254, 254, 254, 0.2);
470
+ --ip_color_hierarchy6_item_icon_level_5_default: rgb(205, 213, 220);
469
471
  --ip_color_hierarchy6_item_background_level_5_active: rgb(80, 87, 93);
470
- --ip_color_hierarchy6_item_text_level_5_default: rgb(16, 20, 23);
471
- --ip_color_hierarchy6_item_border_level_2_default: rgba(16, 20, 23, 0.2);
472
- --ip_color_hierarchy6_item_border_level_5_default: rgba(16, 20, 23, 0.2);
472
+ --ip_color_hierarchy6_item_text_level_5_default: rgb(254, 254, 254);
473
+ --ip_color_hierarchy6_item_border_level_2_default: rgba(254, 254, 254, 0.2);
474
+ --ip_color_hierarchy6_item_border_level_5_default: rgba(254, 254, 254, 0.2);
473
475
  --ip_color_hierarchy6_item_background_level_4_default: rgb(80, 87, 93);
474
476
  --ip_color_hierarchy6_item_background_level_4_hover: rgb(71, 78, 84);
475
477
  --ip_color_hierarchy6_item_background_level_4_active: rgb(61, 69, 75);
476
- --ip_color_hierarchy6_item_icon_level_4_default: rgb(61, 80, 102);
477
- --ip_color_hierarchy6_item_text_level_4_default: rgb(16, 20, 23);
478
- --ip_color_hierarchy6_item_border_level_4_default: rgba(16, 20, 23, 0.2);
478
+ --ip_color_hierarchy6_item_icon_level_4_default: rgb(205, 213, 220);
479
+ --ip_color_hierarchy6_item_text_level_4_default: rgb(254, 254, 254);
480
+ --ip_color_hierarchy6_item_border_level_4_default: rgba(254, 254, 254, 0.2);
479
481
  --ip_color_hierarchy6_item_background_level_3_default: rgb(61, 69, 75);
480
- --ip_color_hierarchy6_item_text_level_3_default: rgb(16, 20, 23);
482
+ --ip_color_hierarchy6_item_text_level_3_default: rgb(254, 254, 254);
481
483
  --ip_color_hierarchy6_item_background_level_3_hover: rgb(52, 60, 66);
482
- --ip_color_hierarchy6_item_border_level_3_default: rgba(16, 20, 23, 0.2);
484
+ --ip_color_hierarchy6_item_border_level_3_default: rgba(254, 254, 254, 0.2);
483
485
  --ip_color_hierarchy6_item_background_level_3_active: rgb(42, 51, 58);
484
- --ip_color_hierarchy6_item_icon_level_3_default: rgb(61, 80, 102);
486
+ --ip_color_hierarchy6_item_icon_level_3_default: rgb(205, 213, 220);
485
487
  --ip_color_hierarchy6_item_background_level_2_hover: rgb(33, 42, 49);
486
488
  --ip_color_hierarchy6_item_background_level_2_default: rgb(42, 51, 58);
487
489
  --ip_color_hierarchy6_item_background_level_2_active: rgb(29, 37, 43);
488
- --ip_color_hierarchy6_item_icon_level_2_default: rgb(61, 80, 102);
489
- --ip_color_hierarchy6_item_text_level_2_default: rgb(16, 20, 23);
490
+ --ip_color_hierarchy6_item_icon_level_2_default: rgb(205, 213, 220);
491
+ --ip_color_hierarchy6_item_text_level_2_default: rgb(254, 254, 254);
490
492
  --ip_color_hierarchy6_item_background_level_1_default: rgb(29, 37, 43);
491
493
  --ip_color_hierarchy6_item_background_level_1_active: rgb(20, 26, 31);
492
494
  --ip_color_hierarchy6_item_background_level_1_hover: rgb(25, 32, 37);
493
- --ip_color_hierarchy6_item_icon_level_1_default: rgb(61, 80, 102);
494
- --ip_color_hierarchy6_item_text_level_1_default: rgb(16, 20, 23);
495
- --ip_color_hierarchy6_item_border_level_1_default: rgba(16, 20, 23, 0.2);
495
+ --ip_color_hierarchy6_item_icon_level_1_default: rgb(205, 213, 220);
496
+ --ip_color_hierarchy6_item_text_level_1_default: rgb(254, 254, 254);
497
+ --ip_color_hierarchy6_item_border_level_1_default: rgba(254, 254, 254, 0.2);
496
498
  --ip_color_hierarchy6_item_common_background_selected_default: rgb(186, 197, 206);
497
499
  --ip_color_hierarchy6_item_common_background_selected_hover: rgb(166, 180, 191);
498
500
  --ip_color_hierarchy6_item_common_background_selected_active: rgb(148, 165, 179);
499
- --ip_color_hierarchy6_item_common_icon_selected_default: rgb(205, 213, 220);
500
- --ip_color_hierarchy6_item_common_text_selected_default: rgb(254, 254, 254);
501
- --ip_color_hierarchy6_item_common_border_selected_default: rgba(254, 254, 254, 0.2);
501
+ --ip_color_hierarchy6_item_common_icon_selected_default: rgb(61, 80, 102);
502
+ --ip_color_hierarchy6_item_common_text_selected_default: rgb(16, 20, 23);
503
+ --ip_color_hierarchy6_item_common_border_selected_default: rgba(16, 20, 23, 0.2);
502
504
  --ip_color_hierarchy6_item_root_background_level_0_default: rgb(20, 26, 31);
503
505
  --ip_color_hierarchy6_item_root_background_level_0_hover: rgb(16, 20, 23);
504
506
  --ip_color_hierarchy6_item_root_background_level_0_active: rgb(12, 15, 18);
505
- --ip_color_hierarchy6_item_root_icon_level_0_default: rgb(61, 80, 102);
506
- --ip_color_hierarchy6_item_root_text_level_0_default: rgb(16, 20, 23);
507
- --ip_color_hierarchy6_item_root_border_level_0_default: rgb(186, 189, 191);
507
+ --ip_color_hierarchy6_item_root_icon_level_0_default: rgb(205, 213, 220);
508
+ --ip_color_hierarchy6_item_root_text_level_0_default: rgb(254, 254, 254);
509
+ --ip_color_hierarchy6_item_root_border_level_0_default: rgb(61, 69, 75);
508
510
  --ip_color_border_opaque_5_inverse: rgba(16, 20, 23, 0.05);
509
511
  --ip_color_border_opaque_20: rgba(254, 254, 254, 0.2);
510
512
  --ip_color_border_opaque_10: rgba(254, 254, 254, 0.1);
@@ -520,14 +522,14 @@ html.ip-dark-mode {
520
522
  --ip_color_sidebar_state_change_button_background_primary_opened_active: rgb(12, 15, 18);
521
523
  --ip_color_sidebar_state_change_button_background_primary_closed_active: rgb(0, 163, 166);
522
524
  --ip_color_sidebar_state_change_button_background_primary_closed: rgb(183, 227, 228);
523
- --ip_color_sidebar_state_change_button_icon_primary_default: rgb(16, 20, 23);
525
+ --ip_color_sidebar_state_change_button_icon_primary_default: rgb(254, 254, 254);
524
526
  --ip_color_sidebar_state_change_button_background_primary_closed_hover: rgb(96, 196, 198);
525
- --ip_color_sidebar_state_change_button_icon_primary_closed_hover: rgb(254, 254, 254);
526
- --ip_color_sidebar_state_change_button_icon_primary_closed_active: rgb(16, 20, 23);
527
+ --ip_color_sidebar_state_change_button_icon_primary_closed_hover: rgb(16, 20, 23);
528
+ --ip_color_sidebar_state_change_button_icon_primary_closed_active: rgb(254, 254, 254);
527
529
  --ip_color_sidebar_content_background_primary_closed: rgb(96, 196, 198);
528
530
  --ip_color_sidebar_content_border_primary_closed: rgb(0, 101, 103);
529
- --ip_color_sidebar_content_border_primary_opened: rgb(186, 189, 191);
530
- --ip_color_sidebar_state_change_button_icon_primary_closed_default: rgb(254, 254, 254);
531
+ --ip_color_sidebar_content_border_primary_opened: rgb(61, 69, 75);
532
+ --ip_color_sidebar_state_change_button_icon_primary_closed_default: rgb(16, 20, 23);
531
533
  --ip_color_hyperlink_hyperlink_text_inverted_visited_active: rgb(55, 67, 77);
532
534
  --ip_color_hyperlink_hyperlink_text_inverted_visited_hover: rgb(85, 104, 119);
533
535
  --ip_color_hyperlink_hyperlink_text_inverted_visited: rgb(85, 104, 119);
@@ -537,18 +539,18 @@ html.ip-dark-mode {
537
539
  --ip_color_table_column_header_border_secondary: rgb(80, 87, 93);
538
540
  --ip_color_button_background_primary_active: rgb(55, 67, 77);
539
541
  --ip_color_button_background_primary_hover: rgb(50, 61, 70);
540
- --ip_color_button_icon_primary_inverse_default: rgb(61, 80, 102);
541
- --ip_color_button_icon_primary_default: rgb(61, 80, 102);
542
+ --ip_color_button_icon_primary_inverse_default: rgb(205, 213, 220);
543
+ --ip_color_button_icon_primary_default: rgb(205, 213, 220);
542
544
  --ip_color_button_background_primary: rgb(45, 55, 63);
543
- --ip_color_button_text_primary_default: rgb(61, 80, 102);
545
+ --ip_color_button_text_primary_default: rgb(205, 213, 220);
544
546
  --ip_color_button_background_secondary_active: rgb(254, 254, 254);
545
547
  --ip_color_button_background_secondary_hover: rgb(254, 254, 254);
546
548
  --ip_color_button_background_secondary: rgb(254, 254, 254);
547
- --ip_color_button_icon_secondary_inverse_default: rgb(61, 80, 102);
548
- --ip_color_button_text_secondary_default: rgb(61, 80, 102);
549
- --ip_color_button_icon_secondary_default: rgb(61, 80, 102);
549
+ --ip_color_button_icon_secondary_inverse_default: rgb(205, 213, 220);
550
+ --ip_color_button_text_secondary_default: rgb(205, 213, 220);
551
+ --ip_color_button_icon_secondary_default: rgb(205, 213, 220);
550
552
  --ip_color_table_bullet_background_primary_default: rgb(201, 208, 217);
551
553
  --ip_color_table_bullet_background_secondary_default: rgb(154, 183, 194);
552
- --ip_color_table_bullet_text_primary_default: rgb(254, 254, 254);
554
+ --ip_color_table_bullet_text_primary_default: rgb(16, 20, 23);
553
555
  --ip_color_text_primary_blue_inverse: rgb(61, 80, 102);
554
556
  }