@fibery/ui-kit 4.0.0 → 4.2.0

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 (86) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/esfint.config.mjs +0 -17
  3. package/package.json +7 -10
  4. package/scripts/generate-icons.mjs +45 -44
  5. package/src/actions-menu/actions-menu-item.tsx +1 -1
  6. package/src/actions-menu/context-actions-menu.tsx +1 -1
  7. package/src/animated-height-container.tsx +1 -1
  8. package/src/antd/ant-modal.tsx +21 -21
  9. package/src/antd/ant-upload.tsx +13 -13
  10. package/src/antd/auto-complete.tsx +10 -10
  11. package/src/antd/input-number.tsx +55 -45
  12. package/src/antd/styles.ts +30 -22
  13. package/src/antd/tabs.tsx +28 -28
  14. package/src/app-icon-with-fallback.tsx +3 -7
  15. package/src/app-icon-wrapper.tsx +1 -13
  16. package/src/breadcrumb.tsx +5 -1
  17. package/src/color-filter.ts +1 -1
  18. package/src/color-utils.test.ts +2 -2
  19. package/src/color-utils.ts +2 -2
  20. package/src/comment.tsx +2 -2
  21. package/src/copy-to-clipboard.ts +14 -3
  22. package/src/count-badge.tsx +3 -11
  23. package/src/date-picker/contexts.ts +6 -3
  24. package/src/date-picker/date-range-picker.tsx +1 -2
  25. package/src/date-picker/single-date-picker.tsx +1 -2
  26. package/src/day-select/iso-week-day-select.tsx +2 -2
  27. package/src/design-system/colors.ts +60 -40
  28. package/src/design-system/def.ts +1 -1
  29. package/src/dom-utils.ts +5 -12
  30. package/src/download-file.ts +36 -0
  31. package/src/dropdown-menu/index.tsx +0 -1
  32. package/src/emoji-picker/icon-emoji-picker.tsx +3 -3
  33. package/src/file-item/file-menu-items.tsx +29 -11
  34. package/src/file-item/file-preview-actions.tsx +52 -11
  35. package/src/file-item/share-file.ts +53 -0
  36. package/src/file-item.tsx +9 -9
  37. package/src/html-styles.ts +0 -1
  38. package/src/icons/ast/gauge.ts +12 -0
  39. package/src/icons/ast/index.tsx +449 -447
  40. package/src/icons/ast/people-edit.ts +12 -0
  41. package/src/icons/icon.tsx +14 -2
  42. package/src/icons/icons-integrity.test.ts +145 -0
  43. package/src/icons/react/gauge.tsx +18 -0
  44. package/src/icons/react/index.tsx +449 -447
  45. package/src/icons/react/people-edit.tsx +18 -0
  46. package/src/icons/svg/gauge.svg +5 -0
  47. package/src/icons/svg/people-edit.svg +4 -0
  48. package/src/images-gallery/images-gallery.tsx +2 -3
  49. package/src/images-gallery/slide-buttons.tsx +51 -20
  50. package/src/is-in-popup.ts +0 -3
  51. package/src/lists/actions-menu-row-surface.tsx +1 -1
  52. package/src/loading-sausage.tsx +3 -3
  53. package/src/media-query-utils.ts +1 -1
  54. package/src/mobile-keyboard-aware-popup.tsx +1 -1
  55. package/src/number-input/decimal.ts +6 -9
  56. package/src/number-input/number-input-inline-with-autosize.tsx +1 -1
  57. package/src/online-users.tsx +4 -5
  58. package/src/palettes/diff-colors.test.ts +1 -1
  59. package/src/palettes/inspect.defs.colors.neutral-arch.test.ts +98 -30
  60. package/src/palettes/inspect.defs.colors.neutral-user.test.ts +98 -30
  61. package/src/palettes/inspect.defs.colors.warm-arch.test.ts +98 -30
  62. package/src/palettes/inspect.defs.colors.warm-user.test.ts +98 -30
  63. package/src/palettes/show-colors.test.ts +2 -1
  64. package/src/palettes/testkit.ts +3 -1
  65. package/src/popover/index.tsx +24 -15
  66. package/src/popover/mobile-popover-context.tsx +1 -1
  67. package/src/popover/modifiers.tsx +1 -1
  68. package/src/popover/popup-modifiers-context.ts +1 -2
  69. package/src/rich-input-loader.tsx +1 -1
  70. package/src/select/components/menu-list-virtua.tsx +15 -16
  71. package/src/select/components/menu-list-virtualized.tsx +26 -29
  72. package/src/select/components/menu.tsx +3 -3
  73. package/src/select/components/option.tsx +0 -1
  74. package/src/select/index.tsx +2 -1
  75. package/src/select/reflection.ts +4 -5
  76. package/src/select/select-in-popover.tsx +1 -3
  77. package/src/select/select.tsx +5 -3
  78. package/src/select/styles.ts +1 -7
  79. package/src/select/util.ts +2 -2
  80. package/src/thematic.tsx +0 -1
  81. package/src/theme-provider.test.tsx +1 -1
  82. package/src/theming.generated.css +118 -58
  83. package/src/theming.generated.ts +135 -58
  84. package/src/type-badge.tsx +1 -2
  85. package/src/use-on-screen-keyboard-data.tsx +1 -1
  86. package/src/with-data.tsx +1 -1
package/src/theming.generated.css CHANGED
@@ -61,13 +61,22 @@
61
61
  --fibery-color-blackColor: rgb(0, 0, 0);
62
62
  --fibery-color-mainBg: rgb(245, 245, 245);
63
63
  --fibery-color-panelBg: rgb(255, 255, 255);
64
+ --fibery-color-panelBorder: 0 0 0 1px rgba(199, 199, 199, 0.2);
64
65
  --fibery-color-panelContentBg: rgb(247, 247, 247);
65
- --fibery-color-colorBgRelationContainer: rgb(247, 247, 247);
66
+ --fibery-color-dbSettingsSidebarBg: rgb(247, 247, 247);
67
+ --fibery-color-dbSettingsSidebarItemHover: rgb(237, 237, 237);
68
+ --fibery-color-dbSettingsSidebarIconBg: rgb(255, 255, 255);
69
+ --fibery-color-dbSettingsSidebarIconBorder: 0 1px 4px 0 rgba(94, 94, 94, 0.1), 0 0 0 0.5px rgba(232, 232, 232, 0.5);
70
+ --fibery-color-dbSettingsCardBg: rgb(247, 247, 247);
71
+ --fibery-color-dbSettingsCardBorder: 0 0 0 1px rgba(227, 227, 227, 0.8);
72
+ --fibery-color-colorBgRelationContainer: rgb(252, 252, 252);
66
73
  --fibery-color-colorAI: #9d63d4;
67
74
  --fibery-color-colorBgAI: rgba(157, 99, 212, 0.1);
68
75
  --fibery-color-colorBgAIFloatingLauncher: rgb(252, 252, 252);
69
76
  --fibery-color-colorBgAIFloatingPanelContent: rgb(252, 252, 252);
70
77
  --fibery-color-colorBgAISidebarContent: rgb(252, 252, 252);
78
+ --fibery-color-colorBgFloatingPanel: rgb(255, 255, 255);
79
+ --fibery-color-shadowFloatingPanel: 0 0 0 1px rgba(120, 120, 120, 0.15), 0 3px 12px 0 rgba(94, 94, 94, 0.15);
71
80
  --fibery-color-pageContentBg: rgb(255, 255, 255);
72
81
  --fibery-color-colorBgPopup: rgb(255, 255, 255);
73
82
  --fibery-color-menuBg: rgb(245, 245, 245);
@@ -100,9 +109,9 @@
100
109
  --fibery-color-shortcutBorderColor: rgba(199, 199, 199, 0.5);
101
110
  --fibery-color-inputBgColor: rgb(255, 255, 255);
102
111
  --fibery-color-inputDisabledBgColor: rgba(227, 227, 227, 0.3);
103
- --fibery-color-inputDisabledBorderColor: 0 0 0 1px rgba(227, 227, 227, 0.2);
112
+ --fibery-color-inputDisabledBorderColor: 0 0 0 1px rgba(227, 227, 227, 0.6);
104
113
  --fibery-color-inputCopyBgColor: rgb(245, 245, 245);
105
- --fibery-color-inputBorderColor: 0 0 0 1px rgba(227, 227, 227, 0.7);
114
+ --fibery-color-inputBorderColor: 0 0 0 1px rgba(227, 227, 227, 0.8);
106
115
  --fibery-color-inputBorderHoverColor: 0 0 0 1px rgb(219, 219, 219);
107
116
  --fibery-color-inputBorderFocusColor: 0 0 0 1px rgb(199, 199, 199);
108
117
  --fibery-color-inputBorderBlendMode: multiply;
@@ -147,9 +156,9 @@
147
156
  --fibery-color-borderSolidMedia: 1px solid rgba(0, 0, 0, 0.14);
148
157
  --fibery-color-borderSolidCommentBubble: 1px solid rgb(255, 255, 255);
149
158
  --fibery-color-borderBlockQuote: 3px solid rgb(94, 94, 94);
150
- --fibery-color-shadowCardDefault: 0 0 0 1px rgba(227, 227, 227, 0.7), 0 1px 4px 0 rgba(23, 23, 23, 0.05);
151
- --fibery-color-shadowCardHover: 0 0 0 1px rgba(227, 227, 227, 0.7), 0 2px 6px 0 rgba(23, 23, 23, 0.05);
152
- --fibery-color-shadowCardInset: inset 0 0 0 1px rgba(227, 227, 227, 0.7);
159
+ --fibery-color-shadowCardDefault: 0 0 0 1px rgba(227, 227, 227, 0.8), 0 1px 4px 0 rgba(23, 23, 23, 0.05);
160
+ --fibery-color-shadowCardHover: 0 0 0 1px rgba(227, 227, 227, 0.8), 0 2px 6px 0 rgba(23, 23, 23, 0.05);
161
+ --fibery-color-shadowCardInset: inset 0 0 0 1px rgba(227, 227, 227, 0.8);
153
162
  --fibery-color-iconColor: rgba(23, 23, 23, 0.7);
154
163
  --fibery-color-appIconColor: rgba(247, 247, 247, 0.9);
155
164
  --fibery-color-appIconBgColor: rgba(252, 252, 252, 0.9);
@@ -160,14 +169,15 @@
160
169
  --fibery-color-colorBgListItemGeneral: rgba(255, 255, 255, 0);
161
170
  --fibery-color-colorBgListItemGeneralHover: rgb(245, 245, 245);
162
171
  --fibery-color-colorBgListItemGeneralFocus: rgb(237, 237, 237);
163
- --fibery-color-colorBgListItemGeneralSelected: #f1f5fe;
164
- --fibery-color-colorBgListItemGeneralSelectedHover: #e8effd;
165
- --fibery-color-colorBgListItemGeneralSelectedFocus: #e8effd;
172
+ --fibery-color-colorBgListItemGeneralSelected: #dbe5fa;
173
+ --fibery-color-colorBgListItemGeneralSelectedHover: #cad9f6;
174
+ --fibery-color-colorBgListItemGeneralSelectedFocus: #cad9f6;
166
175
  --fibery-color-colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
167
176
  --fibery-color-colorTextListItemGeneralDisabled: rgb(158, 158, 158);
168
177
  --fibery-color-colorBgListItemGeneralSelectedDisabled: #dbe5fa;
169
178
  --fibery-color-opacityListItemGeneralDisabled: 0.4;
170
179
  --fibery-color-colorSearchSubtitle: rgb(158, 158, 158);
180
+ --fibery-color-colorBgSearchPanel: rgb(255, 255, 255);
171
181
  --fibery-color-colorBgSearchRowHover: rgb(237, 237, 237);
172
182
  --fibery-color-colorBgSearchRowCreateHover: #e8effd;
173
183
  --fibery-color-opacitySearchItemDone: 0.4;
@@ -292,6 +302,9 @@
292
302
  --fibery-color-richTextTableBorder: rgba(0, 0, 0, 0.09);
293
303
  --fibery-color-colorBgDropLine: #96b1e9;
294
304
  --fibery-color-viewBg: rgb(252, 252, 252);
305
+ --fibery-color-colorBgViewMetaItem: rgb(255, 255, 255);
306
+ --fibery-color-collectionViewBg: rgb(252, 252, 252);
307
+ --fibery-color-collectionViewBorder: 0 0 0 1px rgba(227, 227, 227, 0.6);
295
308
  --fibery-color-viewSecondaryBg: rgb(247, 247, 247);
296
309
  --fibery-color-viewHighlightBg: #f1f5fe;
297
310
  --fibery-color-boardBg: rgb(252, 252, 252);
@@ -402,6 +415,8 @@
402
415
  --fibery-color-colorTextEntityAvatarDefault: #96b1e9;
403
416
  --fibery-color-colorTextEntityAvatarHover: #4978d4;
404
417
  --fibery-color-colorBgMessageHighlighted: rgb(255, 255, 255);
418
+ --fibery-color-colorBgCommentHover: rgb(247, 247, 247);
419
+ --fibery-color-colorBgCodeEditor: rgb(255, 255, 255);
405
420
  --fibery-color-colorBgEditorImageZoomed: rgb(245, 245, 245);
406
421
  --fibery-color-colorMermaidPrimaryColor: rgb(247, 247, 247);
407
422
  --fibery-color-colorMermaidPrimaryBorderColor: rgb(158, 158, 158);
@@ -502,7 +517,7 @@
502
517
  --fibery-color-scrollbar: rgba(158, 158, 158, 0.5);
503
518
  }
504
519
  :root.dark-theme {
505
- --fibery-color-surfaceElevationS: 0 2px 4px 0 rgba(255, 255, 255, 0.03);
520
+ --fibery-color-surfaceElevationS: 0 2px 4px 0 rgba(23, 23, 23, 0.05);
506
521
  --fibery-color-surfaceElevationM: 0 4px 8px 0 rgba(255, 255, 255, 0.09);
507
522
  --fibery-color-surfaceElevationL: 0 8px 12px 0 rgba(255, 255, 255, 0.09);
508
523
  --fibery-color-shadow50: 0 0 0 1px rgba(237, 237, 237, 0.1);
@@ -560,18 +575,27 @@
560
575
  --fibery-color-darkenPrimary: rgb(62, 96, 161);
561
576
  --fibery-color-whiteColor: rgb(255, 255, 255);
562
577
  --fibery-color-blackColor: rgb(0, 0, 0);
563
- --fibery-color-mainBg: #0d0d0d;
578
+ --fibery-color-mainBg: rgb(36, 36, 36);
564
579
  --fibery-color-panelBg: rgb(23, 23, 23);
580
+ --fibery-color-panelBorder: 0 0 0 1px rgba(82, 82, 82, 0.2);
565
581
  --fibery-color-panelContentBg: rgb(23, 23, 23);
566
- --fibery-color-colorBgRelationContainer: rgb(23, 23, 23);
582
+ --fibery-color-dbSettingsSidebarBg: rgb(28, 28, 28);
583
+ --fibery-color-dbSettingsSidebarItemHover: rgb(41, 41, 41);
584
+ --fibery-color-dbSettingsSidebarIconBg: rgb(36, 36, 36);
585
+ --fibery-color-dbSettingsSidebarIconBorder: 0 0 0 1px rgba(112, 112, 112, 0.2);
586
+ --fibery-color-dbSettingsCardBg: rgb(28, 28, 28);
587
+ --fibery-color-dbSettingsCardBorder: 0 0 0 1px rgba(51, 51, 51, 0.6);
588
+ --fibery-color-colorBgRelationContainer: rgb(28, 28, 28);
567
589
  --fibery-color-colorAI: #8349b6;
568
590
  --fibery-color-colorBgAI: rgba(131, 73, 182, 0.1);
569
591
  --fibery-color-colorBgAIFloatingLauncher: rgb(41, 41, 41);
570
592
  --fibery-color-colorBgAIFloatingPanelContent: rgb(36, 36, 36);
571
593
  --fibery-color-colorBgAISidebarContent: rgb(23, 23, 23);
594
+ --fibery-color-colorBgFloatingPanel: rgb(41, 41, 41);
595
+ --fibery-color-shadowFloatingPanel: 0 0 0 1px rgb(51, 51, 51), 0 3px 12px 0 rgba(23, 23, 23, 0.5);
572
596
  --fibery-color-pageContentBg: rgb(28, 28, 28);
573
- --fibery-color-colorBgPopup: rgb(41, 41, 41);
574
- --fibery-color-menuBg: #0d0d0d;
597
+ --fibery-color-colorBgPopup: rgb(36, 36, 36);
598
+ --fibery-color-menuBg: rgb(36, 36, 36);
575
599
  --fibery-color-menuTextColor: rgb(237, 237, 237);
576
600
  --fibery-color-menuItemHoverColor: rgb(51, 51, 51);
577
601
  --fibery-color-menuSelectedTextColor: rgb(247, 247, 247);
@@ -599,12 +623,12 @@
599
623
  --fibery-color-shortcutTextColor: rgb(161, 161, 161);
600
624
  --fibery-color-shortcutBorder: 1px solid rgba(127, 127, 127, 0.2);
601
625
  --fibery-color-shortcutBorderColor: rgba(127, 127, 127, 0.2);
602
- --fibery-color-inputBgColor: rgb(28, 28, 28);
626
+ --fibery-color-inputBgColor: rgb(23, 23, 23);
603
627
  --fibery-color-inputDisabledBgColor: rgba(51, 51, 51, 0.3);
604
- --fibery-color-inputDisabledBorderColor: 0 0 0 1px rgba(82, 82, 82, 0.2);
628
+ --fibery-color-inputDisabledBorderColor: 0 0 0 1px rgba(82, 82, 82, 0.3);
605
629
  --fibery-color-inputCopyBgColor: rgb(41, 41, 41);
606
- --fibery-color-inputBorderColor: 0 0 0 1px rgba(82, 82, 82, 0.7);
607
- --fibery-color-inputBorderHoverColor: 0 0 0 1px rgb(82, 82, 82);
630
+ --fibery-color-inputBorderColor: 0 0 0 1px rgba(82, 82, 82, 0.4);
631
+ --fibery-color-inputBorderHoverColor: 0 0 0 1px rgb(61, 61, 61);
608
632
  --fibery-color-inputBorderFocusColor: 0 0 0 1px rgb(112, 112, 112);
609
633
  --fibery-color-inputBorderBlendMode: lighten;
610
634
  --fibery-color-inputPlaceholderTextColor: rgb(112, 112, 112);
@@ -648,9 +672,9 @@
648
672
  --fibery-color-borderSolidMedia: 1px solid rgba(0, 0, 0, 0.14);
649
673
  --fibery-color-borderSolidCommentBubble: 1px solid rgb(51, 51, 51);
650
674
  --fibery-color-borderBlockQuote: 3px solid rgb(161, 161, 161);
651
- --fibery-color-shadowCardDefault: 0 0 0 1px rgba(82, 82, 82, 0.7), 0 1px 4px 0 rgba(23, 23, 23, 0.1);
652
- --fibery-color-shadowCardHover: 0 0 0 1px rgba(82, 82, 82, 0.7), 0 2px 6px 0 rgba(23, 23, 23, 0.1);
653
- --fibery-color-shadowCardInset: inset 0 0 0 1px rgba(82, 82, 82, 0.7);
675
+ --fibery-color-shadowCardDefault: 0 0 0 1px rgba(82, 82, 82, 0.4), 0 1px 4px 0 rgba(23, 23, 23, 0.1);
676
+ --fibery-color-shadowCardHover: 0 0 0 1px rgba(82, 82, 82, 0.4), 0 2px 6px 0 rgba(23, 23, 23, 0.1);
677
+ --fibery-color-shadowCardInset: inset 0 0 0 1px rgba(82, 82, 82, 0.4);
654
678
  --fibery-color-iconColor: rgba(237, 237, 237, 0.7);
655
679
  --fibery-color-appIconColor: rgba(247, 247, 247, 0.7);
656
680
  --fibery-color-appIconBgColor: rgba(247, 247, 247, 0.5);
@@ -661,7 +685,7 @@
661
685
  --fibery-color-colorBgListItemGeneral: rgba(255, 255, 255, 0);
662
686
  --fibery-color-colorBgListItemGeneralHover: rgb(41, 41, 41);
663
687
  --fibery-color-colorBgListItemGeneralFocus: rgb(51, 51, 51);
664
- --fibery-color-colorBgListItemGeneralSelected: #1c2b4f;
688
+ --fibery-color-colorBgListItemGeneralSelected: #223259;
665
689
  --fibery-color-colorBgListItemGeneralSelectedHover: #293b66;
666
690
  --fibery-color-colorBgListItemGeneralSelectedFocus: #293b66;
667
691
  --fibery-color-colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
@@ -669,7 +693,8 @@
669
693
  --fibery-color-colorBgListItemGeneralSelectedDisabled: #223259;
670
694
  --fibery-color-opacityListItemGeneralDisabled: 0.4;
671
695
  --fibery-color-colorSearchSubtitle: rgb(112, 112, 112);
672
- --fibery-color-colorBgSearchRowHover: rgb(46, 46, 46);
696
+ --fibery-color-colorBgSearchPanel: rgb(28, 28, 28);
697
+ --fibery-color-colorBgSearchRowHover: rgb(36, 36, 36);
673
698
  --fibery-color-colorBgSearchRowCreateHover: #1c2b4f;
674
699
  --fibery-color-opacitySearchItemDone: 0.4;
675
700
  --fibery-color-colorBgEntityBoxDefault: rgb(36, 36, 36);
@@ -701,15 +726,15 @@
701
726
  --fibery-color-entityCardDoneColor: rgba(46, 46, 46, 0.3);
702
727
  --fibery-color-entityCardShadow: 0 0 0 1px rgba(28, 28, 28, 0.1), 0 2px 4px -4px rgba(28, 28, 28, 0.2);
703
728
  --fibery-color-entityCardShadowHover: 0 0 0 1px rgba(28, 28, 28, 0.1), 0 2px 4px -4px rgba(28, 28, 28, 0.2);
704
- --fibery-color-colorBgSegmentedControl: rgba(36, 36, 36, 0.8);
729
+ --fibery-color-colorBgSegmentedControl: rgba(28, 28, 28, 0.8);
705
730
  --fibery-color-colorBgMenuHeaderAvatar: rgb(28, 28, 28);
706
731
  --fibery-color-shadowMenuHeaderAvatar: 0 0 0 1px rgba(112, 112, 112, 0.2);
707
732
  --fibery-color-opacityMenuItemDragged: 0.4;
708
733
  --fibery-color-colorBgMenuItemSelectedDragged: #293b66;
709
734
  --fibery-color-colorTextMenuItem: rgba(237, 237, 237, 0.9);
710
735
  --fibery-color-colorBgMenuItem: rgba(255, 255, 255, 0);
711
- --fibery-color-colorBgMenuItemHover: rgb(28, 28, 28);
712
- --fibery-color-colorBgMenuItemFocus: rgb(46, 46, 46);
736
+ --fibery-color-colorBgMenuItemHover: rgb(46, 46, 46);
737
+ --fibery-color-colorBgMenuItemFocus: rgb(51, 51, 51);
713
738
  --fibery-color-colorBgMenuItemSelected: #1a2642;
714
739
  --fibery-color-colorBgMenuItemSelectedHover: #223259;
715
740
  --fibery-color-colorBgPinnedFieldsLabel: rgb(161, 161, 161);
@@ -768,9 +793,9 @@
768
793
  --fibery-color-filterGroup1Bg: rgb(51, 51, 51);
769
794
  --fibery-color-filterGroup2Bg: rgb(61, 61, 61);
770
795
  --fibery-color-filterGroupBorder: rgba(255, 255, 255, 0.03);
771
- --fibery-color-colorBgNotificationHover: rgb(41, 41, 41);
772
- --fibery-color-colorBgNotificationSelected: #1c2b4f;
773
- --fibery-color-colorBgNotificationSelectedHover: #293b66;
796
+ --fibery-color-colorBgNotificationHover: rgb(28, 28, 28);
797
+ --fibery-color-colorBgNotificationSelected: #151c2d;
798
+ --fibery-color-colorBgNotificationSelectedHover: #1a2642;
774
799
  --fibery-color-disabledInversedTextColor: rgba(255, 255, 255, 0.25);
775
800
  --fibery-color-success: rgb(0, 142, 128);
776
801
  --fibery-color-danger: rgb(225, 78, 91);
@@ -791,6 +816,9 @@
791
816
  --fibery-color-richTextTableBorder: rgba(255, 255, 255, 0.18);
792
817
  --fibery-color-colorBgDropLine: #3258ae;
793
818
  --fibery-color-viewBg: rgb(23, 23, 23);
819
+ --fibery-color-colorBgViewMetaItem: rgb(28, 28, 28);
820
+ --fibery-color-collectionViewBg: rgb(28, 28, 28);
821
+ --fibery-color-collectionViewBorder: 0 0 0 1px rgba(82, 82, 82, 0.3);
794
822
  --fibery-color-viewSecondaryBg: rgb(28, 28, 28);
795
823
  --fibery-color-viewHighlightBg: #1a2642;
796
824
  --fibery-color-boardBg: rgb(23, 23, 23);
@@ -901,6 +929,8 @@
901
929
  --fibery-color-colorTextEntityAvatarDefault: #3258ae;
902
930
  --fibery-color-colorTextEntityAvatarHover: #4b74d2;
903
931
  --fibery-color-colorBgMessageHighlighted: rgb(28, 28, 28);
932
+ --fibery-color-colorBgCommentHover: rgb(28, 28, 28);
933
+ --fibery-color-colorBgCodeEditor: rgb(36, 36, 36);
904
934
  --fibery-color-colorBgEditorImageZoomed: rgb(51, 51, 51);
905
935
  --fibery-color-colorMermaidPrimaryColor: rgb(82, 82, 82);
906
936
  --fibery-color-colorMermaidPrimaryBorderColor: rgb(112, 112, 112);
@@ -1061,13 +1091,22 @@
1061
1091
  --fibery-color-blackColor: #1f1a18;
1062
1092
  --fibery-color-mainBg: rgb(250, 244, 236);
1063
1093
  --fibery-color-panelBg: rgb(255, 253, 250);
1094
+ --fibery-color-panelBorder: 0 0 0 1px rgba(204, 198, 191, 0.2);
1064
1095
  --fibery-color-panelContentBg: rgb(253, 246, 239);
1065
- --fibery-color-colorBgRelationContainer: rgb(253, 246, 239);
1096
+ --fibery-color-dbSettingsSidebarBg: rgb(253, 246, 239);
1097
+ --fibery-color-dbSettingsSidebarItemHover: rgb(243, 236, 229);
1098
+ --fibery-color-dbSettingsSidebarIconBg: rgb(255, 253, 250);
1099
+ --fibery-color-dbSettingsSidebarIconBorder: 0 1px 4px 0 rgba(99, 94, 87, 0.1), 0 0 0 0.5px rgba(237, 231, 224, 0.5);
1100
+ --fibery-color-dbSettingsCardBg: rgb(253, 246, 239);
1101
+ --fibery-color-dbSettingsCardBorder: 0 0 0 1px rgba(232, 226, 219, 0.8);
1102
+ --fibery-color-colorBgRelationContainer: rgb(255, 251, 244);
1066
1103
  --fibery-color-colorAI: #9b6fc1;
1067
1104
  --fibery-color-colorBgAI: rgba(155, 111, 193, 0.1);
1068
1105
  --fibery-color-colorBgAIFloatingLauncher: rgb(255, 251, 244);
1069
1106
  --fibery-color-colorBgAIFloatingPanelContent: rgb(255, 251, 244);
1070
1107
  --fibery-color-colorBgAISidebarContent: rgb(255, 251, 244);
1108
+ --fibery-color-colorBgFloatingPanel: rgb(255, 253, 250);
1109
+ --fibery-color-shadowFloatingPanel: 0 0 0 1px rgba(125, 119, 112, 0.15), 0 3px 12px 0 rgba(99, 94, 87, 0.15);
1071
1110
  --fibery-color-pageContentBg: rgb(255, 253, 250);
1072
1111
  --fibery-color-colorBgPopup: rgb(255, 253, 250);
1073
1112
  --fibery-color-menuBg: rgb(250, 244, 236);
@@ -1100,9 +1139,9 @@
1100
1139
  --fibery-color-shortcutBorderColor: rgba(204, 198, 191, 0.5);
1101
1140
  --fibery-color-inputBgColor: rgb(255, 253, 250);
1102
1141
  --fibery-color-inputDisabledBgColor: rgba(232, 226, 219, 0.3);
1103
- --fibery-color-inputDisabledBorderColor: 0 0 0 1px rgba(232, 226, 219, 0.2);
1142
+ --fibery-color-inputDisabledBorderColor: 0 0 0 1px rgba(232, 226, 219, 0.6);
1104
1143
  --fibery-color-inputCopyBgColor: rgb(250, 244, 236);
1105
- --fibery-color-inputBorderColor: 0 0 0 1px rgba(232, 226, 219, 0.7);
1144
+ --fibery-color-inputBorderColor: 0 0 0 1px rgba(232, 226, 219, 0.8);
1106
1145
  --fibery-color-inputBorderHoverColor: 0 0 0 1px rgb(225, 218, 211);
1107
1146
  --fibery-color-inputBorderFocusColor: 0 0 0 1px rgb(204, 198, 191);
1108
1147
  --fibery-color-inputBorderBlendMode: multiply;
@@ -1147,9 +1186,9 @@
1147
1186
  --fibery-color-borderSolidMedia: 1px solid rgba(0, 0, 0, 0.14);
1148
1187
  --fibery-color-borderSolidCommentBubble: 1px solid rgb(255, 253, 250);
1149
1188
  --fibery-color-borderBlockQuote: 3px solid rgb(99, 94, 87);
1150
- --fibery-color-shadowCardDefault: 0 0 0 1px rgba(232, 226, 219, 0.7), 0 1px 4px 0 rgba(27, 22, 17, 0.05);
1151
- --fibery-color-shadowCardHover: 0 0 0 1px rgba(232, 226, 219, 0.7), 0 2px 6px 0 rgba(27, 22, 17, 0.05);
1152
- --fibery-color-shadowCardInset: inset 0 0 0 1px rgba(232, 226, 219, 0.7);
1189
+ --fibery-color-shadowCardDefault: 0 0 0 1px rgba(232, 226, 219, 0.8), 0 1px 4px 0 rgba(27, 22, 17, 0.05);
1190
+ --fibery-color-shadowCardHover: 0 0 0 1px rgba(232, 226, 219, 0.8), 0 2px 6px 0 rgba(27, 22, 17, 0.05);
1191
+ --fibery-color-shadowCardInset: inset 0 0 0 1px rgba(232, 226, 219, 0.8);
1153
1192
  --fibery-color-iconColor: rgba(27, 22, 17, 0.7);
1154
1193
  --fibery-color-appIconColor: rgba(253, 246, 239, 0.9);
1155
1194
  --fibery-color-appIconBgColor: rgba(255, 251, 244, 0.9);
@@ -1160,14 +1199,15 @@
1160
1199
  --fibery-color-colorBgListItemGeneral: rgba(255, 255, 255, 0);
1161
1200
  --fibery-color-colorBgListItemGeneralHover: rgb(250, 244, 236);
1162
1201
  --fibery-color-colorBgListItemGeneralFocus: rgb(243, 236, 229);
1163
- --fibery-color-colorBgListItemGeneralSelected: rgb(238, 247, 249);
1164
- --fibery-color-colorBgListItemGeneralSelectedHover: rgb(228, 241, 246);
1165
- --fibery-color-colorBgListItemGeneralSelectedFocus: rgb(228, 241, 246);
1202
+ --fibery-color-colorBgListItemGeneralSelected: rgb(213, 233, 240);
1203
+ --fibery-color-colorBgListItemGeneralSelectedHover: rgb(194, 222, 232);
1204
+ --fibery-color-colorBgListItemGeneralSelectedFocus: rgb(194, 222, 232);
1166
1205
  --fibery-color-colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
1167
1206
  --fibery-color-colorTextListItemGeneralDisabled: rgb(163, 157, 150);
1168
1207
  --fibery-color-colorBgListItemGeneralSelectedDisabled: rgb(213, 233, 240);
1169
1208
  --fibery-color-opacityListItemGeneralDisabled: 0.4;
1170
1209
  --fibery-color-colorSearchSubtitle: rgb(163, 157, 150);
1210
+ --fibery-color-colorBgSearchPanel: rgb(255, 253, 250);
1171
1211
  --fibery-color-colorBgSearchRowHover: rgb(243, 236, 229);
1172
1212
  --fibery-color-colorBgSearchRowCreateHover: rgb(228, 241, 246);
1173
1213
  --fibery-color-opacitySearchItemDone: 0.4;
@@ -1290,6 +1330,9 @@
1290
1330
  --fibery-color-richTextTableBorder: rgba(0, 0, 0, 0.09);
1291
1331
  --fibery-color-colorBgDropLine: rgb(132, 188, 206);
1292
1332
  --fibery-color-viewBg: rgb(255, 251, 244);
1333
+ --fibery-color-colorBgViewMetaItem: rgb(255, 253, 250);
1334
+ --fibery-color-collectionViewBg: rgb(255, 251, 244);
1335
+ --fibery-color-collectionViewBorder: 0 0 0 1px rgba(232, 226, 219, 0.6);
1293
1336
  --fibery-color-viewSecondaryBg: rgb(253, 246, 239);
1294
1337
  --fibery-color-viewHighlightBg: rgb(238, 247, 249);
1295
1338
  --fibery-color-boardBg: rgb(255, 251, 244);
@@ -1400,6 +1443,8 @@
1400
1443
  --fibery-color-colorTextEntityAvatarDefault: rgb(132, 188, 206);
1401
1444
  --fibery-color-colorTextEntityAvatarHover: rgb(0, 138, 169);
1402
1445
  --fibery-color-colorBgMessageHighlighted: rgb(255, 253, 250);
1446
+ --fibery-color-colorBgCommentHover: rgb(253, 246, 239);
1447
+ --fibery-color-colorBgCodeEditor: rgb(255, 253, 250);
1403
1448
  --fibery-color-colorBgEditorImageZoomed: rgb(250, 244, 236);
1404
1449
  --fibery-color-colorMermaidPrimaryColor: rgb(253, 246, 239);
1405
1450
  --fibery-color-colorMermaidPrimaryBorderColor: rgb(163, 157, 150);
@@ -1500,7 +1545,7 @@
1500
1545
  --fibery-color-scrollbar: rgba(163, 157, 150, 0.5);
1501
1546
  }
1502
1547
  :root.warm-palette.dark-theme {
1503
- --fibery-color-surfaceElevationS: 0 2px 4px 0 rgba(255, 255, 254, 0.03);
1548
+ --fibery-color-surfaceElevationS: 0 2px 4px 0 rgba(26, 22, 20, 0.05);
1504
1549
  --fibery-color-surfaceElevationM: 0 4px 8px 0 rgba(255, 255, 254, 0.09);
1505
1550
  --fibery-color-surfaceElevationL: 0 8px 12px 0 rgba(255, 255, 254, 0.09);
1506
1551
  --fibery-color-shadow50: 0 0 0 1px rgba(224, 212, 206, 0.1);
@@ -1558,18 +1603,27 @@
1558
1603
  --fibery-color-darkenPrimary: rgb(46, 107, 126);
1559
1604
  --fibery-color-whiteColor: rgb(255, 253, 250);
1560
1605
  --fibery-color-blackColor: #1f1a18;
1561
- --fibery-color-mainBg: #2d2623;
1606
+ --fibery-color-mainBg: rgb(39, 35, 33);
1562
1607
  --fibery-color-panelBg: rgb(26, 22, 20);
1608
+ --fibery-color-panelBorder: 0 0 0 1px rgba(86, 80, 78, 0.2);
1563
1609
  --fibery-color-panelContentBg: rgb(26, 22, 20);
1564
- --fibery-color-colorBgRelationContainer: rgb(26, 22, 20);
1610
+ --fibery-color-dbSettingsSidebarBg: rgb(32, 27, 25);
1611
+ --fibery-color-dbSettingsSidebarItemHover: rgb(45, 40, 38);
1612
+ --fibery-color-dbSettingsSidebarIconBg: rgb(39, 35, 33);
1613
+ --fibery-color-dbSettingsSidebarIconBorder: 0 0 0 1px rgba(117, 111, 109, 0.2);
1614
+ --fibery-color-dbSettingsCardBg: rgb(32, 27, 25);
1615
+ --fibery-color-dbSettingsCardBorder: 0 0 0 1px rgba(55, 50, 48, 0.6);
1616
+ --fibery-color-colorBgRelationContainer: rgb(32, 27, 25);
1565
1617
  --fibery-color-colorAI: #8056a3;
1566
1618
  --fibery-color-colorBgAI: rgba(128, 86, 163, 0.1);
1567
1619
  --fibery-color-colorBgAIFloatingLauncher: rgb(45, 40, 38);
1568
1620
  --fibery-color-colorBgAIFloatingPanelContent: rgb(39, 35, 33);
1569
1621
  --fibery-color-colorBgAISidebarContent: rgb(26, 22, 20);
1622
+ --fibery-color-colorBgFloatingPanel: rgb(45, 40, 38);
1623
+ --fibery-color-shadowFloatingPanel: 0 0 0 1px rgb(55, 50, 48), 0 3px 12px 0 rgba(26, 22, 20, 0.5);
1570
1624
  --fibery-color-pageContentBg: rgb(32, 27, 25);
1571
- --fibery-color-colorBgPopup: rgb(45, 40, 38);
1572
- --fibery-color-menuBg: #2d2623;
1625
+ --fibery-color-colorBgPopup: rgb(39, 35, 33);
1626
+ --fibery-color-menuBg: rgb(39, 35, 33);
1573
1627
  --fibery-color-menuTextColor: rgb(224, 212, 206);
1574
1628
  --fibery-color-menuItemHoverColor: rgb(55, 50, 48);
1575
1629
  --fibery-color-menuSelectedTextColor: rgb(253, 246, 239);
@@ -1597,12 +1651,12 @@
1597
1651
  --fibery-color-shortcutTextColor: rgb(166, 159, 157);
1598
1652
  --fibery-color-shortcutBorder: 1px solid rgba(132, 126, 124, 0.2);
1599
1653
  --fibery-color-shortcutBorderColor: rgba(132, 126, 124, 0.2);
1600
- --fibery-color-inputBgColor: rgb(32, 27, 25);
1654
+ --fibery-color-inputBgColor: rgb(26, 22, 20);
1601
1655
  --fibery-color-inputDisabledBgColor: rgba(55, 50, 48, 0.3);
1602
- --fibery-color-inputDisabledBorderColor: 0 0 0 1px rgba(86, 80, 78, 0.2);
1656
+ --fibery-color-inputDisabledBorderColor: 0 0 0 1px rgba(86, 80, 78, 0.3);
1603
1657
  --fibery-color-inputCopyBgColor: rgb(45, 40, 38);
1604
- --fibery-color-inputBorderColor: 0 0 0 1px rgba(86, 80, 78, 0.7);
1605
- --fibery-color-inputBorderHoverColor: 0 0 0 1px rgb(86, 80, 78);
1658
+ --fibery-color-inputBorderColor: 0 0 0 1px rgba(86, 80, 78, 0.4);
1659
+ --fibery-color-inputBorderHoverColor: 0 0 0 1px rgb(65, 60, 58);
1606
1660
  --fibery-color-inputBorderFocusColor: 0 0 0 1px rgb(117, 111, 109);
1607
1661
  --fibery-color-inputBorderBlendMode: lighten;
1608
1662
  --fibery-color-inputPlaceholderTextColor: rgb(117, 111, 109);
@@ -1646,9 +1700,9 @@
1646
1700
  --fibery-color-borderSolidMedia: 1px solid rgba(0, 0, 0, 0.14);
1647
1701
  --fibery-color-borderSolidCommentBubble: 1px solid rgb(55, 50, 48);
1648
1702
  --fibery-color-borderBlockQuote: 3px solid rgb(166, 159, 157);
1649
- --fibery-color-shadowCardDefault: 0 0 0 1px rgba(86, 80, 78, 0.7), 0 1px 4px 0 rgba(27, 22, 17, 0.1);
1650
- --fibery-color-shadowCardHover: 0 0 0 1px rgba(86, 80, 78, 0.7), 0 2px 6px 0 rgba(27, 22, 17, 0.1);
1651
- --fibery-color-shadowCardInset: inset 0 0 0 1px rgba(86, 80, 78, 0.7);
1703
+ --fibery-color-shadowCardDefault: 0 0 0 1px rgba(86, 80, 78, 0.4), 0 1px 4px 0 rgba(27, 22, 17, 0.1);
1704
+ --fibery-color-shadowCardHover: 0 0 0 1px rgba(86, 80, 78, 0.4), 0 2px 6px 0 rgba(27, 22, 17, 0.1);
1705
+ --fibery-color-shadowCardInset: inset 0 0 0 1px rgba(86, 80, 78, 0.4);
1652
1706
  --fibery-color-iconColor: rgba(224, 212, 206, 0.7);
1653
1707
  --fibery-color-appIconColor: rgba(253, 246, 239, 0.7);
1654
1708
  --fibery-color-appIconBgColor: rgba(253, 246, 239, 0.5);
@@ -1659,7 +1713,7 @@
1659
1713
  --fibery-color-colorBgListItemGeneral: rgba(255, 255, 255, 0);
1660
1714
  --fibery-color-colorBgListItemGeneralHover: rgb(45, 40, 38);
1661
1715
  --fibery-color-colorBgListItemGeneralFocus: rgb(55, 50, 48);
1662
- --fibery-color-colorBgListItemGeneralSelected: rgb(1, 51, 63);
1716
+ --fibery-color-colorBgListItemGeneralSelected: rgb(4, 58, 72);
1663
1717
  --fibery-color-colorBgListItemGeneralSelectedHover: rgb(7, 68, 83);
1664
1718
  --fibery-color-colorBgListItemGeneralSelectedFocus: rgb(7, 68, 83);
1665
1719
  --fibery-color-colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
@@ -1667,7 +1721,8 @@
1667
1721
  --fibery-color-colorBgListItemGeneralSelectedDisabled: rgb(4, 58, 72);
1668
1722
  --fibery-color-opacityListItemGeneralDisabled: 0.4;
1669
1723
  --fibery-color-colorSearchSubtitle: rgb(117, 111, 109);
1670
- --fibery-color-colorBgSearchRowHover: rgb(50, 45, 43);
1724
+ --fibery-color-colorBgSearchPanel: rgb(32, 27, 25);
1725
+ --fibery-color-colorBgSearchRowHover: rgb(39, 35, 33);
1671
1726
  --fibery-color-colorBgSearchRowCreateHover: rgb(1, 51, 63);
1672
1727
  --fibery-color-opacitySearchItemDone: 0.4;
1673
1728
  --fibery-color-colorBgEntityBoxDefault: rgb(39, 35, 33);
@@ -1699,15 +1754,15 @@
1699
1754
  --fibery-color-entityCardDoneColor: rgba(50, 45, 43, 0.3);
1700
1755
  --fibery-color-entityCardShadow: 0 0 0 1px rgba(32, 27, 25, 0.1), 0 2px 4px -4px rgba(32, 27, 25, 0.2);
1701
1756
  --fibery-color-entityCardShadowHover: 0 0 0 1px rgba(32, 27, 25, 0.1), 0 2px 4px -4px rgba(32, 27, 25, 0.2);
1702
- --fibery-color-colorBgSegmentedControl: rgba(39, 35, 33, 0.8);
1757
+ --fibery-color-colorBgSegmentedControl: rgba(32, 27, 25, 0.8);
1703
1758
  --fibery-color-colorBgMenuHeaderAvatar: rgb(32, 27, 25);
1704
1759
  --fibery-color-shadowMenuHeaderAvatar: 0 0 0 1px rgba(117, 111, 109, 0.2);
1705
1760
  --fibery-color-opacityMenuItemDragged: 0.4;
1706
1761
  --fibery-color-colorBgMenuItemSelectedDragged: rgb(7, 68, 83);
1707
1762
  --fibery-color-colorTextMenuItem: rgba(224, 212, 206, 0.9);
1708
1763
  --fibery-color-colorBgMenuItem: rgba(255, 255, 255, 0);
1709
- --fibery-color-colorBgMenuItemHover: rgb(32, 27, 25);
1710
- --fibery-color-colorBgMenuItemFocus: rgb(50, 45, 43);
1764
+ --fibery-color-colorBgMenuItemHover: rgb(50, 45, 43);
1765
+ --fibery-color-colorBgMenuItemFocus: rgb(55, 50, 48);
1711
1766
  --fibery-color-colorBgMenuItemSelected: rgb(8, 44, 54);
1712
1767
  --fibery-color-colorBgMenuItemSelectedHover: rgb(4, 58, 72);
1713
1768
  --fibery-color-colorBgPinnedFieldsLabel: rgb(166, 159, 157);
@@ -1766,9 +1821,9 @@
1766
1821
  --fibery-color-filterGroup1Bg: rgb(55, 50, 48);
1767
1822
  --fibery-color-filterGroup2Bg: rgb(65, 60, 58);
1768
1823
  --fibery-color-filterGroupBorder: rgba(255, 255, 254, 0.03);
1769
- --fibery-color-colorBgNotificationHover: rgb(45, 40, 38);
1770
- --fibery-color-colorBgNotificationSelected: rgb(1, 51, 63);
1771
- --fibery-color-colorBgNotificationSelectedHover: rgb(7, 68, 83);
1824
+ --fibery-color-colorBgNotificationHover: rgb(32, 27, 25);
1825
+ --fibery-color-colorBgNotificationSelected: rgb(13, 32, 38);
1826
+ --fibery-color-colorBgNotificationSelectedHover: rgb(8, 44, 54);
1772
1827
  --fibery-color-disabledInversedTextColor: rgba(255, 253, 250, 0.25);
1773
1828
  --fibery-color-success: rgb(0, 143, 125);
1774
1829
  --fibery-color-danger: rgb(225, 78, 91);
@@ -1789,6 +1844,9 @@
1789
1844
  --fibery-color-richTextTableBorder: rgba(255, 255, 254, 0.18);
1790
1845
  --fibery-color-colorBgDropLine: rgb(0, 106, 135);
1791
1846
  --fibery-color-viewBg: rgb(26, 22, 20);
1847
+ --fibery-color-colorBgViewMetaItem: rgb(32, 27, 25);
1848
+ --fibery-color-collectionViewBg: rgb(32, 27, 25);
1849
+ --fibery-color-collectionViewBorder: 0 0 0 1px rgba(86, 80, 78, 0.3);
1792
1850
  --fibery-color-viewSecondaryBg: rgb(32, 27, 25);
1793
1851
  --fibery-color-viewHighlightBg: rgb(8, 44, 54);
1794
1852
  --fibery-color-boardBg: rgb(26, 22, 20);
@@ -1899,6 +1957,8 @@
1899
1957
  --fibery-color-colorTextEntityAvatarDefault: rgb(0, 106, 135);
1900
1958
  --fibery-color-colorTextEntityAvatarHover: rgb(0, 136, 170);
1901
1959
  --fibery-color-colorBgMessageHighlighted: rgb(32, 27, 25);
1960
+ --fibery-color-colorBgCommentHover: rgb(32, 27, 25);
1961
+ --fibery-color-colorBgCodeEditor: rgb(39, 35, 33);
1902
1962
  --fibery-color-colorBgEditorImageZoomed: rgb(55, 50, 48);
1903
1963
  --fibery-color-colorMermaidPrimaryColor: rgb(86, 80, 78);
1904
1964
  --fibery-color-colorMermaidPrimaryBorderColor: rgb(117, 111, 109);