npm - @fibery/ui-kit - Versions diffs - 4.2.0 → 5.0.0 - Mend

@fibery/ui-kit 4.2.0 → 5.0.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 (898) hide show

package/CHANGELOG.md +25 -0
package/package.json +10 -12
package/src/antd/input-number.tsx +4 -4
package/src/antd/input.tsx +1 -1
package/src/apca.lc-low.test.ts +1 -3
package/src/apca.test.ts +42 -43
package/src/apca.ts +38 -39
package/src/app-icon-with-fallback.tsx +6 -2
package/src/avatar-colors.ts +71 -0
package/src/avatar.tsx +2 -10
package/src/banner/banner.tsx +1 -2
package/src/box.tsx +26 -16
package/src/button/back-button.tsx +2 -2
package/src/button/make-button-colors.ts +13 -13
package/src/button/select-button.tsx +2 -2
package/src/canvas-colors.ts +71 -118
package/src/checkbox.tsx +3 -3
package/src/collapsible-section.tsx +3 -3
package/src/color-filter.test.ts +13 -0
package/src/color-filter.ts +26 -3
package/src/color-utils.ts +9 -2
package/src/command-menu/nested-command-menu.tsx +2 -2
package/src/date-picker/date-range-picker-popup-content.tsx +3 -2
package/src/date-picker/date-range-picker.tsx +23 -1
package/src/date-picker/relative-date-picker.tsx +3 -2
package/src/date-picker/single-date-picker-popup-content.tsx +3 -2
package/src/date-picker/single-date-picker.tsx +19 -2
package/src/design-system/alpha-coefficients.ts +235 -0
package/src/design-system/alpha.ts +10 -1
package/src/design-system/colors-enum.dark.neutral.test.ts +168 -168
package/src/design-system/colors-enum.dark.warm.test.ts +168 -168
package/src/design-system/colors-enum.light.neutral.test.ts +168 -168
package/src/design-system/colors-enum.light.warm.test.ts +168 -168
package/src/design-system/colors.ts +231 -154
package/src/design-system/fns.avatarPlaceholder.dark.neutral.test.ts +52 -0
package/src/design-system/fns.avatarPlaceholder.dark.warm.test.ts +52 -0
package/src/design-system/fns.avatarPlaceholder.light.neutral.test.ts +52 -0
package/src/design-system/fns.avatarPlaceholder.light.warm.test.ts +52 -0
package/src/design-system/fns.enum.ts +2 -0
package/src/design-system/fns.icon.ts +1 -1
package/src/design-system/fns.ts +43 -13
package/src/design-system/theme.test.ts +4 -6
package/src/design-system/theme.ts +22 -13
package/src/design-system/vars.test.ts +2 -2
package/src/design-system/vars.ts +3 -3
package/src/design-system.ts +3 -1
package/src/dot.tsx +1 -0
package/src/double-apply.ts +2 -2
package/src/emoji-picker/primitives/footer.tsx +1 -1
package/src/emoji-picker/utils/frequently.ts +1 -1
package/src/favorites-icon.tsx +2 -2
package/src/fibermoji-placeholder.tsx +23 -56
package/src/fibery-brand-logo.tsx +82 -0
package/src/field-container.tsx +2 -2
package/src/field-type-icon.tsx +18 -18
package/src/file-item/file-menu-items.tsx +1 -1
package/src/file-item/file-preview-actions.tsx +1 -1
package/src/format-date-from-now.ts +10 -5
package/src/header-layout.tsx +41 -24
package/src/highlight-colors.test.ts +1 -1
package/src/highlight-colors.ts +27 -0
package/src/icons/ast/appearance-auto.ts +1 -1
package/src/icons/ast/architect.ts +12 -0
package/src/icons/ast/arrow-back.ts +12 -0
package/src/icons/ast/arrow-down.ts +12 -0
package/src/icons/ast/{send-arrow.ts → arrow-send.ts} +3 -3
package/src/icons/ast/arrow-up.ts +12 -0
package/src/icons/ast/avatar.ts +12 -0
package/src/icons/ast/backlog.ts +12 -0
package/src/icons/ast/{check-circle-filled.ts → circle-check-filled.ts} +3 -3
package/src/icons/ast/{check-circle.ts → circle-check.ts} +3 -3
package/src/icons/ast/{error-circle-filled.ts → circle-cross-filled.ts} +3 -3
package/src/icons/ast/circle-cross.ts +12 -0
package/src/icons/ast/{info-circle-filled.ts → circle-info-filled.ts} +3 -3
package/src/icons/ast/{info-circle.ts → circle-info.ts} +3 -3
package/src/icons/ast/circle-pause.ts +12 -0
package/src/icons/ast/circle-play.ts +12 -0
package/src/icons/ast/comments.ts +12 -0
package/src/icons/ast/credits-filled.ts +1 -1
package/src/icons/ast/{add-database.ts → database-add.ts} +3 -3
package/src/icons/ast/database-outline.ts +12 -0
package/src/icons/ast/eye-off.ts +12 -0
package/src/icons/ast/favorites-filled.ts +12 -0
package/src/icons/ast/{switch-to-mention.ts → field-units-large.ts} +3 -3
package/src/icons/ast/files.ts +12 -0
package/src/icons/ast/{smart-folder.ts → folder-smart.ts} +3 -3
package/src/icons/ast/fullscreen-mode-off.ts +12 -0
package/src/icons/ast/fullscreen-mode-on.ts +1 -1
package/src/icons/ast/{add-group.ts → group-add.ts} +3 -3
package/src/icons/ast/{image-xmark.ts → image-error.ts} +3 -3
package/src/icons/ast/index.tsx +132 -217
package/src/icons/ast/{add-integration.ts → integration-add.ts} +3 -3
package/src/icons/ast/integration-discourse.ts +12 -0
package/src/icons/ast/integration-fibery.ts +12 -0
package/src/icons/ast/integration-figma.ts +12 -0
package/src/icons/ast/integration-github.ts +12 -0
package/src/icons/ast/integration-gitlab.ts +12 -0
package/src/icons/ast/integration-google-drive.ts +12 -0
package/src/icons/ast/integration-google-map.ts +12 -0
package/src/icons/ast/integration-intercom.ts +12 -0
package/src/icons/ast/integration-jira.ts +12 -0
package/src/icons/ast/integration-loom.ts +12 -0
package/src/icons/ast/integration-miro.ts +12 -0
package/src/icons/ast/integration-mixpanel.ts +12 -0
package/src/icons/ast/integration-slack.ts +12 -0
package/src/icons/ast/{suggest-integration.ts → integration-suggest.ts} +3 -3
package/src/icons/ast/integration-twitter.ts +12 -0
package/src/icons/ast/integration-unsplash.ts +12 -0
package/src/icons/ast/integration-youtube.ts +12 -0
package/src/icons/ast/integration-zendesk.ts +12 -0
package/src/icons/ast/limits.ts +12 -0
package/src/icons/ast/lock-filled.ts +12 -0
package/src/icons/ast/lock.ts +1 -1
package/src/icons/ast/move-down.ts +12 -0
package/src/icons/ast/move-up.ts +12 -0
package/src/icons/ast/open-in-panel.ts +12 -0
package/src/icons/ast/open-link.ts +12 -0
package/src/icons/ast/people-all.ts +12 -0
package/src/icons/ast/people-group-remove.ts +12 -0
package/src/icons/ast/people-group.ts +12 -0
package/src/icons/ast/{invite-people.ts → people-invite.ts} +3 -3
package/src/icons/ast/{remove-people.ts → people-remove.ts} +3 -3
package/src/icons/ast/people-role.ts +12 -0
package/src/icons/ast/people-x.ts +12 -0
package/src/icons/ast/plus.ts +12 -0
package/src/icons/ast/preferences.ts +12 -0
package/src/icons/ast/propagate.ts +12 -0
package/src/icons/ast/{add-reactions.ts → reactions-add.ts} +3 -3
package/src/icons/ast/redo.ts +12 -0
package/src/icons/ast/references.ts +12 -0
package/src/icons/ast/richeditor-block-callout.ts +1 -1
package/src/icons/ast/richeditor-block-code.ts +1 -1
package/src/icons/ast/richeditor-block-embed.ts +1 -1
package/src/icons/ast/richeditor-block-entity.ts +1 -1
package/src/icons/ast/richeditor-block-file.ts +1 -1
package/src/icons/ast/richeditor-block-h1.ts +1 -1
package/src/icons/ast/richeditor-block-h2.ts +1 -1
package/src/icons/ast/richeditor-block-h3.ts +1 -1
package/src/icons/ast/richeditor-block-h4.ts +1 -1
package/src/icons/ast/richeditor-block-mention.ts +1 -1
package/src/icons/ast/richeditor-block-paragraph.ts +1 -1
package/src/icons/ast/richeditor-block-quote.ts +1 -1
package/src/icons/ast/richeditor-checklist-create.ts +1 -1
package/src/icons/ast/richeditor-image-align-center.ts +1 -1
package/src/icons/ast/richeditor-image-align-left.ts +1 -1
package/src/icons/ast/richeditor-image-align-right.ts +1 -1
package/src/icons/ast/richeditor-image.ts +12 -0
package/src/icons/ast/richeditor-linkedhighlight-create.ts +1 -1
package/src/icons/ast/richeditor-list-bullet.ts +1 -1
package/src/icons/ast/richeditor-list-indent.ts +1 -1
package/src/icons/ast/richeditor-list-ordered.ts +1 -1
package/src/icons/ast/richeditor-list-unindent.ts +1 -1
package/src/icons/ast/richeditor-mark-code.ts +1 -1
package/src/icons/ast/richeditor-mark-em.ts +1 -1
package/src/icons/ast/richeditor-mark-highlight.ts +1 -1
package/src/icons/ast/richeditor-mark-strike.ts +1 -1
package/src/icons/ast/richeditor-mark-strong.ts +1 -1
package/src/icons/ast/richeditor-mark-text-background-color.ts +1 -1
package/src/icons/ast/richeditor-mark-underline.ts +1 -1
package/src/icons/ast/richeditor-table-create.ts +1 -1
package/src/icons/ast/richeditor-video-upload.ts +1 -1
package/src/icons/ast/{bolt.ts → rule.ts} +3 -3
package/src/icons/ast/simple-compass.ts +1 -1
package/src/icons/ast/space-add.ts +12 -0
package/src/icons/ast/{move-space.ts → space-move.ts} +3 -3
package/src/icons/ast/type-button.ts +1 -1
package/src/icons/ast/type-checkbox.ts +1 -1
package/src/icons/ast/type-date.ts +1 -1
package/src/icons/ast/type-email.ts +1 -1
package/src/icons/ast/type-emoji.ts +1 -1
package/src/icons/ast/type-formula.ts +1 -1
package/src/icons/ast/type-location.ts +1 -1
package/src/icons/ast/type-lookup.ts +1 -1
package/src/icons/ast/type-money.ts +1 -1
package/src/icons/ast/type-multi-select.ts +1 -1
package/src/icons/ast/type-number.ts +1 -1
package/src/icons/ast/type-percent.ts +1 -1
package/src/icons/ast/type-phone.ts +1 -1
package/src/icons/ast/type-relation.ts +1 -1
package/src/icons/ast/type-rich-text.ts +1 -1
package/src/icons/ast/type-single-select.ts +1 -1
package/src/icons/ast/type-text.ts +1 -1
package/src/icons/ast/undo.ts +12 -0
package/src/icons/ast/units-avatar.ts +1 -1
package/src/icons/ast/units-collection.ts +1 -1
package/src/icons/ast/units-counter.ts +1 -1
package/src/icons/ast/units-date.ts +1 -1
package/src/icons/ast/units-field-icon-button.ts +1 -1
package/src/icons/ast/units-field.ts +1 -1
package/src/icons/ast/units-input.ts +1 -1
package/src/icons/ast/units-normal.ts +12 -0
package/src/icons/ast/units-progress-bar.ts +1 -1
package/src/icons/ast/units-rich-text.ts +1 -1
package/src/icons/ast/units-snippet.ts +1 -1
package/src/icons/ast/unlock.ts +12 -0
package/src/icons/ast/{clear-value.ts → value-clear.ts} +3 -3
package/src/icons/ast/view-app.ts +12 -0
package/src/icons/ast/workflow.ts +12 -0
package/src/icons/react/{anthropic.tsx → architect.tsx} +5 -5
package/src/icons/react/arrow-back.tsx +18 -0
package/src/icons/react/arrow-down.tsx +18 -0
package/src/icons/react/arrow-send.tsx +18 -0
package/src/icons/react/{app-wiki.tsx → arrow-up.tsx} +5 -5
package/src/icons/react/avatar.tsx +18 -0
package/src/icons/react/backlog.tsx +18 -0
package/src/icons/react/circle-check-filled.tsx +18 -0
package/src/icons/react/{add-database.tsx → circle-check.tsx} +5 -5
package/src/icons/react/circle-cross-filled.tsx +18 -0
package/src/icons/react/circle-cross.tsx +18 -0
package/src/icons/react/circle-info-filled.tsx +18 -0
package/src/icons/react/circle-info.tsx +18 -0
package/src/icons/react/circle-pause.tsx +18 -0
package/src/icons/react/circle-play.tsx +18 -0
package/src/icons/react/comments.tsx +18 -0
package/src/icons/react/database-add.tsx +18 -0
package/src/icons/react/database-outline.tsx +18 -0
package/src/icons/react/{chat-ai.tsx → eye-off.tsx} +5 -5
package/src/icons/react/favorites-filled.tsx +18 -0
package/src/icons/react/field-units-large.tsx +18 -0
package/src/icons/react/{apple.tsx → files.tsx} +5 -5
package/src/icons/react/folder-smart.tsx +18 -0
package/src/icons/react/fullscreen-mode-off.tsx +18 -0
package/src/icons/react/{app-store.tsx → group-add.tsx} +5 -5
package/src/icons/react/image-error.tsx +18 -0
package/src/icons/react/index.tsx +132 -217
package/src/icons/react/{add-integration.tsx → integration-add.tsx} +5 -5
package/src/icons/react/integration-discourse.tsx +18 -0
package/src/icons/react/integration-fibery.tsx +18 -0
package/src/icons/react/integration-figma.tsx +18 -0
package/src/icons/react/integration-github.tsx +18 -0
package/src/icons/react/integration-gitlab.tsx +18 -0
package/src/icons/react/integration-google-drive.tsx +18 -0
package/src/icons/react/integration-google-map.tsx +18 -0
package/src/icons/react/{automations-disabled.tsx → integration-intercom.tsx} +5 -5
package/src/icons/react/integration-jira.tsx +18 -0
package/src/icons/react/integration-loom.tsx +18 -0
package/src/icons/react/integration-miro.tsx +18 -0
package/src/icons/react/{extension-references.tsx → integration-mixpanel.tsx} +5 -5
package/src/icons/react/integration-slack.tsx +18 -0
package/src/icons/react/integration-suggest.tsx +18 -0
package/src/icons/react/integration-twitter.tsx +18 -0
package/src/icons/react/integration-unsplash.tsx +18 -0
package/src/icons/react/integration-youtube.tsx +18 -0
package/src/icons/react/integration-zendesk.tsx +18 -0
package/src/icons/react/{notifications.tsx → limits.tsx} +5 -5
package/src/icons/react/lock-filled.tsx +18 -0
package/src/icons/react/{add-group.tsx → move-down.tsx} +5 -5
package/src/icons/react/move-up.tsx +18 -0
package/src/icons/react/open-in-panel.tsx +18 -0
package/src/icons/react/{ai-search.tsx → open-link.tsx} +5 -5
package/src/icons/react/people-all.tsx +18 -0
package/src/icons/react/people-group-remove.tsx +18 -0
package/src/icons/react/people-group.tsx +18 -0
package/src/icons/react/{add-reactions.tsx → people-invite.tsx} +5 -5
package/src/icons/react/people-remove.tsx +18 -0
package/src/icons/react/people-role.tsx +18 -0
package/src/icons/react/people-x.tsx +18 -0
package/src/icons/react/{chat.tsx → plus.tsx} +5 -5
package/src/icons/react/preferences.tsx +18 -0
package/src/icons/react/propagate.tsx +18 -0
package/src/icons/react/reactions-add.tsx +18 -0
package/src/icons/react/{csv.tsx → redo.tsx} +5 -5
package/src/icons/react/references.tsx +18 -0
package/src/icons/react/richeditor-block-callout.tsx +1 -1
package/src/icons/react/richeditor-block-code.tsx +1 -1
package/src/icons/react/richeditor-block-embed.tsx +1 -1
package/src/icons/react/richeditor-block-entity.tsx +1 -1
package/src/icons/react/richeditor-block-file.tsx +1 -1
package/src/icons/react/richeditor-block-h1.tsx +1 -1
package/src/icons/react/richeditor-block-h2.tsx +1 -1
package/src/icons/react/richeditor-block-h3.tsx +1 -1
package/src/icons/react/richeditor-block-h4.tsx +1 -1
package/src/icons/react/richeditor-block-mention.tsx +1 -1
package/src/icons/react/richeditor-block-paragraph.tsx +1 -1
package/src/icons/react/richeditor-block-quote.tsx +1 -1
package/src/icons/react/richeditor-checklist-create.tsx +1 -1
package/src/icons/react/richeditor-image-align-center.tsx +1 -1
package/src/icons/react/richeditor-image-align-left.tsx +1 -1
package/src/icons/react/richeditor-image-align-right.tsx +1 -1
package/src/icons/react/richeditor-image.tsx +18 -0
package/src/icons/react/richeditor-linkedhighlight-create.tsx +1 -1
package/src/icons/react/richeditor-list-bullet.tsx +1 -1
package/src/icons/react/richeditor-list-indent.tsx +1 -1
package/src/icons/react/richeditor-list-ordered.tsx +1 -1
package/src/icons/react/richeditor-list-unindent.tsx +1 -1
package/src/icons/react/richeditor-mark-code.tsx +1 -1
package/src/icons/react/richeditor-mark-em.tsx +1 -1
package/src/icons/react/richeditor-mark-highlight.tsx +1 -1
package/src/icons/react/richeditor-mark-strike.tsx +1 -1
package/src/icons/react/richeditor-mark-strong.tsx +1 -1
package/src/icons/react/richeditor-mark-text-background-color.tsx +1 -1
package/src/icons/react/richeditor-mark-underline.tsx +1 -1
package/src/icons/react/richeditor-table-create.tsx +1 -1
package/src/icons/react/richeditor-video-upload.tsx +1 -1
package/src/icons/react/{back.tsx → rule.tsx} +5 -5
package/src/icons/react/{ai-avatar.tsx → space-add.tsx} +5 -5
package/src/icons/react/space-move.tsx +18 -0
package/src/icons/react/type-button.tsx +1 -1
package/src/icons/react/type-checkbox.tsx +1 -1
package/src/icons/react/type-date.tsx +1 -1
package/src/icons/react/type-email.tsx +1 -1
package/src/icons/react/type-emoji.tsx +1 -1
package/src/icons/react/type-formula.tsx +1 -1
package/src/icons/react/type-location.tsx +1 -1
package/src/icons/react/type-lookup.tsx +1 -1
package/src/icons/react/type-money.tsx +1 -1
package/src/icons/react/type-multi-select.tsx +1 -1
package/src/icons/react/type-number.tsx +1 -1
package/src/icons/react/type-percent.tsx +1 -1
package/src/icons/react/type-phone.tsx +1 -1
package/src/icons/react/type-relation.tsx +1 -1
package/src/icons/react/type-rich-text.tsx +1 -1
package/src/icons/react/type-single-select.tsx +1 -1
package/src/icons/react/type-text.tsx +1 -1
package/src/icons/react/{bolt.tsx → undo.tsx} +5 -5
package/src/icons/react/units-avatar.tsx +1 -1
package/src/icons/react/units-collection.tsx +1 -1
package/src/icons/react/units-counter.tsx +1 -1
package/src/icons/react/units-date.tsx +1 -1
package/src/icons/react/units-field-icon-button.tsx +1 -1
package/src/icons/react/units-field.tsx +1 -1
package/src/icons/react/units-input.tsx +1 -1
package/src/icons/react/units-normal.tsx +18 -0
package/src/icons/react/units-progress-bar.tsx +1 -1
package/src/icons/react/units-rich-text.tsx +1 -1
package/src/icons/react/units-snippet.tsx +1 -1
package/src/icons/react/unlock.tsx +18 -0
package/src/icons/react/value-clear.tsx +18 -0
package/src/icons/react/view-app.tsx +18 -0
package/src/icons/react/workflow.tsx +18 -0
package/src/icons/svg/appearance-auto.svg +1 -1
package/src/icons/svg/{arrow-bottom.svg → arrow-down.svg} +1 -1
package/src/icons/svg/arrow-forward.svg +1 -1
package/src/icons/svg/arrow-left.svg +1 -1
package/src/icons/svg/arrow-right.svg +1 -1
package/src/icons/svg/{arrow-top.svg → arrow-up.svg} +1 -1
package/src/icons/svg/asterisk.svg +2 -2
package/src/icons/svg/{automations-error.svg → circle-cross.svg} +1 -1
package/src/icons/svg/{automations-not-started.svg → circle-pause.svg} +1 -1
package/src/icons/svg/{automations-in-progress.svg → circle-play.svg} +1 -1
package/src/icons/svg/collapse-all-horizontal.svg +1 -1
package/src/icons/svg/collapse-all.svg +1 -1
package/src/icons/svg/credits-filled.svg +1 -1
package/src/icons/svg/entity-create.svg +1 -1
package/src/icons/svg/expand-all-horizontal.svg +1 -1
package/src/icons/svg/fullscreen-mode-on.svg +2 -3
package/src/icons/svg/go-to.svg +1 -1
package/src/icons/svg/integration-unsplash.svg +3 -0
package/src/icons/svg/layout-double.svg +1 -1
package/src/icons/svg/layout-single.svg +1 -1
package/src/icons/svg/limits.svg +3 -0
package/src/icons/svg/lock-filled.svg +4 -0
package/src/icons/svg/lock.svg +5 -4
package/src/icons/svg/page-regular-mode.svg +3 -3
package/src/icons/svg/page-wide-mode.svg +3 -3
package/src/icons/svg/{user-group.svg → people-group.svg} +1 -1
package/src/icons/svg/{user-role.svg → people-role.svg} +1 -1
package/src/icons/svg/{richeditor/list/indent.svg → richeditor-list-indent.svg} +1 -1
package/src/icons/svg/richeditor-mark-code.svg +5 -0
package/src/icons/svg/richeditor-mark-em.svg +3 -0
package/src/icons/svg/richeditor-mark-highlight.svg +3 -0
package/src/icons/svg/richeditor-mark-strike.svg +3 -0
package/src/icons/svg/richeditor-mark-strong.svg +3 -0
package/src/icons/svg/simple-compass.svg +2 -2
package/src/icons/svg/space-app.svg +1 -1
package/src/icons/svg/space-generate.svg +1 -1
package/src/icons/svg/space-scratch.svg +1 -1
package/src/icons/svg/space-template.svg +1 -1
package/src/icons/svg/value-edit.svg +1 -1
package/src/icons/svg/view-app.svg +6 -0
package/src/icons/svg/view-gantt.svg +3 -3
package/src/icons/svg/warning-triangle-filled.svg +1 -1
package/src/images-gallery/slide-buttons.tsx +3 -3
package/src/indicator.tsx +87 -0
package/src/mobile-drawer.tsx +104 -0
package/src/number-input/types.ts +1 -1
package/src/palettes/common.ts +3 -3
package/src/palettes/diff-colors.test.ts +134 -0
package/src/palettes/diff-colors.ts +135 -1
package/src/palettes/inspect.canvas-colors.test.ts +63 -63
package/src/palettes/inspect.defs.colors.neutral-arch.test.ts +196 -64
package/src/palettes/inspect.defs.colors.neutral-user.test.ts +196 -64
package/src/palettes/inspect.defs.colors.warm-arch.test.ts +196 -64
package/src/palettes/inspect.defs.colors.warm-user.test.ts +196 -64
package/src/palettes/show-colors.test.ts +3 -3
package/src/palettes/testkit.test.ts +6 -0
package/src/palettes/testkit.ts +78 -22
package/src/phone.ts +27 -0
package/src/reactions/reaction-picker.tsx +3 -3
package/src/rich-text-embed-error.tsx +2 -2
package/src/root-theme-provider.test.tsx +2 -3
package/src/select/select-in-popover.tsx +41 -25
package/src/select/util.ts +1 -1
package/src/thematic.tsx +10 -9
package/src/theme-provider.test.tsx +18 -18
package/src/theme-provider.tsx +3 -7
package/src/theme-settings-core.ts +118 -0
package/src/theme-settings.ts +2 -117
package/src/theme-snapshots.test.ts +6 -7
package/src/theming.build.ts +21 -15
package/src/theming.generated.css +2162 -2034
package/src/theming.generated.ts +2701 -2549
package/src/toast/toast.tsx +1 -1
package/src/toggle-button/round-toggle-button.tsx +28 -4
package/src/toggle-button/toggle-button.tsx +72 -24
package/src/toggle-on-off.tsx +0 -9
package/src/use-is-phone.tsx +3 -27
package/vitest.config.ts +1 -0
package/src/icons/ast/ai-avatar.ts +0 -12
package/src/icons/ast/ai-search.ts +0 -12
package/src/icons/ast/anthropic.ts +0 -12
package/src/icons/ast/app-details.ts +0 -12
package/src/icons/ast/app-store-one-color.ts +0 -12
package/src/icons/ast/app-store.ts +0 -12
package/src/icons/ast/app-templates.ts +0 -12
package/src/icons/ast/app-webhooks.ts +0 -12
package/src/icons/ast/app-wiki.ts +0 -12
package/src/icons/ast/apple.ts +0 -12
package/src/icons/ast/arrow-bottom.ts +0 -12
package/src/icons/ast/arrow-top.ts +0 -12
package/src/icons/ast/automations-cancelled.ts +0 -12
package/src/icons/ast/automations-disabled.ts +0 -12
package/src/icons/ast/automations-error.ts +0 -12
package/src/icons/ast/automations-in-progress.ts +0 -12
package/src/icons/ast/automations-not-started.ts +0 -12
package/src/icons/ast/automations-success.ts +0 -12
package/src/icons/ast/back.ts +0 -12
package/src/icons/ast/backlog-icon.ts +0 -12
package/src/icons/ast/batch-actions-icon.ts +0 -12
package/src/icons/ast/bell-filled.ts +0 -12
package/src/icons/ast/chat-ai.ts +0 -12
package/src/icons/ast/chat.ts +0 -12
package/src/icons/ast/clean.ts +0 -12
package/src/icons/ast/color-coding-filled.ts +0 -12
package/src/icons/ast/create.ts +0 -12
package/src/icons/ast/cross-circle.ts +0 -12
package/src/icons/ast/csv.ts +0 -12
package/src/icons/ast/database-off.ts +0 -12
package/src/icons/ast/database-stroke.ts +0 -12
package/src/icons/ast/demo.ts +0 -12
package/src/icons/ast/dependency.ts +0 -12
package/src/icons/ast/dividers.ts +0 -12
package/src/icons/ast/document.ts +0 -12
package/src/icons/ast/double-arrow-left.ts +0 -12
package/src/icons/ast/double-arrow-right.ts +0 -12
package/src/icons/ast/double-line.ts +0 -12
package/src/icons/ast/drag-block-handle-single.ts +0 -12
package/src/icons/ast/edit-value.ts +0 -12
package/src/icons/ast/extension-assignments.ts +0 -12
package/src/icons/ast/extension-avatar.ts +0 -12
package/src/icons/ast/extension-comments.ts +0 -12
package/src/icons/ast/extension-files.ts +0 -12
package/src/icons/ast/extension-references.ts +0 -12
package/src/icons/ast/extension-workflow.ts +0 -12
package/src/icons/ast/favorites-checked.ts +0 -12
package/src/icons/ast/fibery-desktop-app.ts +0 -12
package/src/icons/ast/field-unit.ts +0 -12
package/src/icons/ast/figma.ts +0 -12
package/src/icons/ast/file-broken.ts +0 -12
package/src/icons/ast/fullscreen-mode-off-icon.ts +0 -12
package/src/icons/ast/fullscreen-mode-on-icon.ts +0 -12
package/src/icons/ast/gauge.ts +0 -12
package/src/icons/ast/github.ts +0 -12
package/src/icons/ast/gitlab.ts +0 -12
package/src/icons/ast/globe.ts +0 -12
package/src/icons/ast/google-drive.ts +0 -12
package/src/icons/ast/google-map.ts +0 -12
package/src/icons/ast/hide.ts +0 -12
package/src/icons/ast/integrations-integration-discourse-color.ts +0 -12
package/src/icons/ast/integrations-integration-intercom-color.ts +0 -12
package/src/icons/ast/integrations-integration-slack-color.ts +0 -12
package/src/icons/ast/integrations-integration-zendesk-color.ts +0 -12
package/src/icons/ast/intercom.ts +0 -12
package/src/icons/ast/jira.ts +0 -12
package/src/icons/ast/left-panel.ts +0 -12
package/src/icons/ast/level-plus.ts +0 -12
package/src/icons/ast/lock-outline.ts +0 -12
package/src/icons/ast/loom.ts +0 -12
package/src/icons/ast/loupe-zoom.ts +0 -12
package/src/icons/ast/many-people.ts +0 -12
package/src/icons/ast/message-plus-square.ts +0 -12
package/src/icons/ast/miro.ts +0 -12
package/src/icons/ast/mixpanel.ts +0 -12
package/src/icons/ast/move-bottom.ts +0 -12
package/src/icons/ast/move-top.ts +0 -12
package/src/icons/ast/network-add.ts +0 -12
package/src/icons/ast/network.ts +0 -12
package/src/icons/ast/notifications.ts +0 -12
package/src/icons/ast/open-ai.ts +0 -12
package/src/icons/ast/open-as-page.ts +0 -12
package/src/icons/ast/popup.ts +0 -12
package/src/icons/ast/posts.ts +0 -12
package/src/icons/ast/quick-filter-personal.ts +0 -12
package/src/icons/ast/quick-filter.ts +0 -12
package/src/icons/ast/reply.ts +0 -12
package/src/icons/ast/restore.ts +0 -12
package/src/icons/ast/richeditor-actions-more.ts +0 -12
package/src/icons/ast/richeditor-comment-create.ts +0 -12
package/src/icons/ast/richeditor-entity-link-create.ts +0 -12
package/src/icons/ast/richeditor-history-redo.ts +0 -12
package/src/icons/ast/richeditor-history-undo.ts +0 -12
package/src/icons/ast/richeditor-image-upload.ts +0 -12
package/src/icons/ast/richeditor-image-wrap-center.ts +0 -12
package/src/icons/ast/richeditor-image-wrap-left.ts +0 -12
package/src/icons/ast/richeditor-image-wrap-right.ts +0 -12
package/src/icons/ast/richeditor-image-zoom.ts +0 -12
package/src/icons/ast/richeditor-link-create.ts +0 -12
package/src/icons/ast/richeditor-open-link.ts +0 -12
package/src/icons/ast/richeditor-unlink.ts +0 -12
package/src/icons/ast/right-panel.ts +0 -12
package/src/icons/ast/rule-scheduled.ts +0 -12
package/src/icons/ast/settings-off.ts +0 -12
package/src/icons/ast/shared.ts +0 -12
package/src/icons/ast/sidebar-fields-opened.ts +0 -12
package/src/icons/ast/sidebar-fields.ts +0 -12
package/src/icons/ast/sidebar.ts +0 -12
package/src/icons/ast/slack-icon.ts +0 -12
package/src/icons/ast/slack.ts +0 -12
package/src/icons/ast/slide-menu-close.ts +0 -12
package/src/icons/ast/slide-menu-open.ts +0 -12
package/src/icons/ast/sort-on-bottom.ts +0 -12
package/src/icons/ast/sort-on-top.ts +0 -12
package/src/icons/ast/space-list.ts +0 -12
package/src/icons/ast/success.ts +0 -12
package/src/icons/ast/template.ts +0 -12
package/src/icons/ast/thumbs-down.ts +0 -12
package/src/icons/ast/thumbs-up.ts +0 -12
package/src/icons/ast/twitter.ts +0 -12
package/src/icons/ast/type-boolean.ts +0 -12
package/src/icons/ast/type-function.ts +0 -12
package/src/icons/ast/type-id.ts +0 -12
package/src/icons/ast/type-rule.ts +0 -12
package/src/icons/ast/type-url.ts +0 -12
package/src/icons/ast/units-db-badge-abbr.ts +0 -12
package/src/icons/ast/units-db-badge-full.ts +0 -12
package/src/icons/ast/units-db-icon.ts +0 -12
package/src/icons/ast/unlock-outline.ts +0 -12
package/src/icons/ast/upgrade.ts +0 -12
package/src/icons/ast/user-check.ts +0 -12
package/src/icons/ast/user-group-remove.ts +0 -12
package/src/icons/ast/user-group.ts +0 -12
package/src/icons/ast/user-role.ts +0 -12
package/src/icons/ast/user-x.ts +0 -12
package/src/icons/ast/windows.ts +0 -12
package/src/icons/ast/workspace-map.ts +0 -12
package/src/icons/ast/youtube.ts +0 -12
package/src/icons/ast/zoom-in.ts +0 -12
package/src/icons/ast/zoom-out.ts +0 -12
package/src/icons/react/app-details.tsx +0 -18
package/src/icons/react/app-store-one-color.tsx +0 -18
package/src/icons/react/app-templates.tsx +0 -18
package/src/icons/react/app-webhooks.tsx +0 -18
package/src/icons/react/arrow-bottom.tsx +0 -18
package/src/icons/react/arrow-top.tsx +0 -18
package/src/icons/react/automations-cancelled.tsx +0 -18
package/src/icons/react/automations-error.tsx +0 -18
package/src/icons/react/automations-in-progress.tsx +0 -18
package/src/icons/react/automations-not-started.tsx +0 -18
package/src/icons/react/automations-success.tsx +0 -18
package/src/icons/react/backlog-icon.tsx +0 -18
package/src/icons/react/batch-actions-icon.tsx +0 -18
package/src/icons/react/bell-filled.tsx +0 -18
package/src/icons/react/check-circle-filled.tsx +0 -18
package/src/icons/react/check-circle.tsx +0 -18
package/src/icons/react/clean.tsx +0 -18
package/src/icons/react/clear-value.tsx +0 -18
package/src/icons/react/color-coding-filled.tsx +0 -18
package/src/icons/react/create.tsx +0 -18
package/src/icons/react/cross-circle.tsx +0 -18
package/src/icons/react/database-off.tsx +0 -18
package/src/icons/react/database-stroke.tsx +0 -18
package/src/icons/react/demo.tsx +0 -18
package/src/icons/react/dependency.tsx +0 -18
package/src/icons/react/dividers.tsx +0 -18
package/src/icons/react/document.tsx +0 -18
package/src/icons/react/double-arrow-left.tsx +0 -18
package/src/icons/react/double-arrow-right.tsx +0 -18
package/src/icons/react/double-line.tsx +0 -18
package/src/icons/react/drag-block-handle-single.tsx +0 -18
package/src/icons/react/edit-value.tsx +0 -18
package/src/icons/react/error-circle-filled.tsx +0 -18
package/src/icons/react/extension-assignments.tsx +0 -18
package/src/icons/react/extension-avatar.tsx +0 -18
package/src/icons/react/extension-comments.tsx +0 -18
package/src/icons/react/extension-files.tsx +0 -18
package/src/icons/react/extension-workflow.tsx +0 -18
package/src/icons/react/favorites-checked.tsx +0 -18
package/src/icons/react/fibery-desktop-app.tsx +0 -18
package/src/icons/react/field-unit.tsx +0 -18
package/src/icons/react/figma.tsx +0 -18
package/src/icons/react/file-broken.tsx +0 -18
package/src/icons/react/fullscreen-mode-off-icon.tsx +0 -18
package/src/icons/react/fullscreen-mode-on-icon.tsx +0 -18
package/src/icons/react/gauge.tsx +0 -18
package/src/icons/react/github.tsx +0 -18
package/src/icons/react/gitlab.tsx +0 -18
package/src/icons/react/globe.tsx +0 -18
package/src/icons/react/google-drive.tsx +0 -18
package/src/icons/react/google-map.tsx +0 -18
package/src/icons/react/hide.tsx +0 -18
package/src/icons/react/image-xmark.tsx +0 -18
package/src/icons/react/info-circle-filled.tsx +0 -18
package/src/icons/react/info-circle.tsx +0 -18
package/src/icons/react/integrations-integration-discourse-color.tsx +0 -18
package/src/icons/react/integrations-integration-intercom-color.tsx +0 -18
package/src/icons/react/integrations-integration-slack-color.tsx +0 -18
package/src/icons/react/integrations-integration-zendesk-color.tsx +0 -18
package/src/icons/react/intercom.tsx +0 -18
package/src/icons/react/invite-people.tsx +0 -18
package/src/icons/react/jira.tsx +0 -18
package/src/icons/react/left-panel.tsx +0 -18
package/src/icons/react/level-plus.tsx +0 -18
package/src/icons/react/lock-outline.tsx +0 -18
package/src/icons/react/loom.tsx +0 -18
package/src/icons/react/loupe-zoom.tsx +0 -18
package/src/icons/react/many-people.tsx +0 -18
package/src/icons/react/message-plus-square.tsx +0 -18
package/src/icons/react/miro.tsx +0 -18
package/src/icons/react/mixpanel.tsx +0 -18
package/src/icons/react/move-bottom.tsx +0 -18
package/src/icons/react/move-space.tsx +0 -18
package/src/icons/react/move-top.tsx +0 -18
package/src/icons/react/network-add.tsx +0 -18
package/src/icons/react/network.tsx +0 -18
package/src/icons/react/open-ai.tsx +0 -18
package/src/icons/react/open-as-page.tsx +0 -18
package/src/icons/react/popup.tsx +0 -18
package/src/icons/react/posts.tsx +0 -18
package/src/icons/react/quick-filter-personal.tsx +0 -18
package/src/icons/react/quick-filter.tsx +0 -18
package/src/icons/react/remove-people.tsx +0 -18
package/src/icons/react/reply.tsx +0 -18
package/src/icons/react/restore.tsx +0 -18
package/src/icons/react/richeditor-actions-more.tsx +0 -18
package/src/icons/react/richeditor-comment-create.tsx +0 -18
package/src/icons/react/richeditor-entity-link-create.tsx +0 -18
package/src/icons/react/richeditor-history-redo.tsx +0 -18
package/src/icons/react/richeditor-history-undo.tsx +0 -18
package/src/icons/react/richeditor-image-upload.tsx +0 -18
package/src/icons/react/richeditor-image-wrap-center.tsx +0 -18
package/src/icons/react/richeditor-image-wrap-left.tsx +0 -18
package/src/icons/react/richeditor-image-wrap-right.tsx +0 -18
package/src/icons/react/richeditor-image-zoom.tsx +0 -18
package/src/icons/react/richeditor-link-create.tsx +0 -18
package/src/icons/react/richeditor-open-link.tsx +0 -18
package/src/icons/react/richeditor-unlink.tsx +0 -18
package/src/icons/react/right-panel.tsx +0 -18
package/src/icons/react/rule-scheduled.tsx +0 -18
package/src/icons/react/send-arrow.tsx +0 -18
package/src/icons/react/settings-off.tsx +0 -18
package/src/icons/react/shared.tsx +0 -18
package/src/icons/react/sidebar-fields-opened.tsx +0 -18
package/src/icons/react/sidebar-fields.tsx +0 -18
package/src/icons/react/sidebar.tsx +0 -18
package/src/icons/react/slack-icon.tsx +0 -18
package/src/icons/react/slack.tsx +0 -18
package/src/icons/react/slide-menu-close.tsx +0 -18
package/src/icons/react/slide-menu-open.tsx +0 -18
package/src/icons/react/smart-folder.tsx +0 -18
package/src/icons/react/sort-on-bottom.tsx +0 -18
package/src/icons/react/sort-on-top.tsx +0 -18
package/src/icons/react/space-list.tsx +0 -18
package/src/icons/react/success.tsx +0 -18
package/src/icons/react/suggest-integration.tsx +0 -18
package/src/icons/react/switch-to-mention.tsx +0 -18
package/src/icons/react/template.tsx +0 -18
package/src/icons/react/thumbs-down.tsx +0 -18
package/src/icons/react/thumbs-up.tsx +0 -18
package/src/icons/react/twitter.tsx +0 -18
package/src/icons/react/type-boolean.tsx +0 -18
package/src/icons/react/type-function.tsx +0 -18
package/src/icons/react/type-id.tsx +0 -18
package/src/icons/react/type-rule.tsx +0 -18
package/src/icons/react/type-url.tsx +0 -18
package/src/icons/react/units-db-badge-abbr.tsx +0 -18
package/src/icons/react/units-db-badge-full.tsx +0 -18
package/src/icons/react/units-db-icon.tsx +0 -18
package/src/icons/react/unlock-outline.tsx +0 -18
package/src/icons/react/upgrade.tsx +0 -18
package/src/icons/react/user-check.tsx +0 -18
package/src/icons/react/user-group-remove.tsx +0 -18
package/src/icons/react/user-group.tsx +0 -18
package/src/icons/react/user-role.tsx +0 -18
package/src/icons/react/user-x.tsx +0 -18
package/src/icons/react/windows.tsx +0 -18
package/src/icons/react/workspace-map.tsx +0 -18
package/src/icons/react/youtube.tsx +0 -18
package/src/icons/react/zoom-in.tsx +0 -18
package/src/icons/react/zoom-out.tsx +0 -18
package/src/icons/svg/ai-avatar.svg +0 -3
package/src/icons/svg/ai-search.svg +0 -3
package/src/icons/svg/anthropic.svg +0 -3
package/src/icons/svg/app-store-one-color.svg +0 -4
package/src/icons/svg/app-store.svg +0 -4
package/src/icons/svg/app-webhooks.svg +0 -2
package/src/icons/svg/app-wiki.svg +0 -2
package/src/icons/svg/apple.svg +0 -4
package/src/icons/svg/automations-cancelled.svg +0 -3
package/src/icons/svg/automations-disabled.svg +0 -3
package/src/icons/svg/automations-success.svg +0 -3
package/src/icons/svg/batch-actions-icon.svg +0 -4
package/src/icons/svg/bell-filled.svg +0 -4
package/src/icons/svg/chat-ai.svg +0 -5
package/src/icons/svg/chat.svg +0 -3
package/src/icons/svg/clean.svg +0 -6
package/src/icons/svg/color-coding-filled.svg +0 -3
package/src/icons/svg/create.svg +0 -3
package/src/icons/svg/cross-circle.svg +0 -4
package/src/icons/svg/csv.svg +0 -3
package/src/icons/svg/database-off.svg +0 -3
package/src/icons/svg/demo.svg +0 -2
package/src/icons/svg/dependency.svg +0 -3
package/src/icons/svg/document.svg +0 -4
package/src/icons/svg/double-arrow-left.svg +0 -2
package/src/icons/svg/double-arrow-right.svg +0 -2
package/src/icons/svg/double-line.svg +0 -3
package/src/icons/svg/drag-block-handle-single.svg +0 -5
package/src/icons/svg/edit-value.svg +0 -5
package/src/icons/svg/extension/assignments.svg +0 -7
package/src/icons/svg/file-broken.svg +0 -3
package/src/icons/svg/fullscreen-mode-on-icon.svg +0 -3
package/src/icons/svg/gauge.svg +0 -5
package/src/icons/svg/globe.svg +0 -3
package/src/icons/svg/integrations/integration-slack-color.svg +0 -10
package/src/icons/svg/intercom.svg +0 -3
package/src/icons/svg/left-panel.svg +0 -11
package/src/icons/svg/level-plus.svg +0 -4
package/src/icons/svg/lock-outline.svg +0 -5
package/src/icons/svg/loupe-zoom.svg +0 -3
package/src/icons/svg/message-plus-square.svg +0 -4
package/src/icons/svg/network-add.svg +0 -5
package/src/icons/svg/notifications.svg +0 -2
package/src/icons/svg/open-ai.svg +0 -3
package/src/icons/svg/open-as-page.svg +0 -3
package/src/icons/svg/posts.svg +0 -3
package/src/icons/svg/quick-filter-personal.svg +0 -3
package/src/icons/svg/quick-filter.svg +0 -3
package/src/icons/svg/reply.svg +0 -2
package/src/icons/svg/restore.svg +0 -2
package/src/icons/svg/richeditor/actions/more.svg +0 -2
package/src/icons/svg/richeditor/comment/create.svg +0 -5
package/src/icons/svg/richeditor/entity-link/create.svg +0 -2
package/src/icons/svg/richeditor/image/wrap-center.svg +0 -2
package/src/icons/svg/richeditor/image/wrap-left.svg +0 -2
package/src/icons/svg/richeditor/image/wrap-right.svg +0 -2
package/src/icons/svg/richeditor/image/zoom.svg +0 -5
package/src/icons/svg/richeditor/link/create.svg +0 -9
package/src/icons/svg/richeditor/mark/code.svg +0 -5
package/src/icons/svg/richeditor/mark/em.svg +0 -3
package/src/icons/svg/richeditor/mark/highlight.svg +0 -3
package/src/icons/svg/richeditor/mark/strike.svg +0 -3
package/src/icons/svg/richeditor/mark/strong.svg +0 -3
package/src/icons/svg/richeditor/unlink.svg +0 -10
package/src/icons/svg/right-panel.svg +0 -11
package/src/icons/svg/rule-scheduled.svg +0 -5
package/src/icons/svg/settings-off.svg +0 -4
package/src/icons/svg/shared.svg +0 -7
package/src/icons/svg/sidebar-fields-opened.svg +0 -3
package/src/icons/svg/sidebar-fields.svg +0 -6
package/src/icons/svg/sidebar.svg +0 -2
package/src/icons/svg/slack-icon.svg +0 -3
package/src/icons/svg/slide-menu-close.svg +0 -4
package/src/icons/svg/slide-menu-open.svg +0 -4
package/src/icons/svg/sort-on-bottom.svg +0 -4
package/src/icons/svg/sort-on-top.svg +0 -4
package/src/icons/svg/space-list.svg +0 -4
package/src/icons/svg/success.svg +0 -4
package/src/icons/svg/template.svg +0 -3
package/src/icons/svg/thumbs-down.svg +0 -3
package/src/icons/svg/thumbs-up.svg +0 -3
package/src/icons/svg/type/boolean.svg +0 -2
package/src/icons/svg/type/function.svg +0 -2
package/src/icons/svg/type/id.svg +0 -3
package/src/icons/svg/type/rule.svg +0 -2
package/src/icons/svg/type/url.svg +0 -9
package/src/icons/svg/units/db-badge-abbr.svg +0 -4
package/src/icons/svg/units/db-badge-full.svg +0 -4
package/src/icons/svg/units/db-icon.svg +0 -4
package/src/icons/svg/upgrade.svg +0 -2
package/src/icons/svg/user-check.svg +0 -3
package/src/icons/svg/windows.svg +0 -15
package/src/icons/svg/workspace-map.svg +0 -3
package/src/icons/svg/zoom-out.svg +0 -7
package/src/notification-dot.tsx +0 -23
/package/src/icons/svg/{dividers.svg → architect.svg} +0 -0
/package/src/icons/svg/{back.svg → arrow-back.svg} +0 -0
/package/src/icons/svg/{send-arrow.svg → arrow-send.svg} +0 -0
/package/src/icons/svg/{extension/avatar.svg → avatar.svg} +0 -0
/package/src/icons/svg/{backlog-icon.svg → backlog.svg} +0 -0
/package/src/icons/svg/{check-circle-filled.svg → circle-check-filled.svg} +0 -0
/package/src/icons/svg/{check-circle.svg → circle-check.svg} +0 -0
/package/src/icons/svg/{error-circle-filled.svg → circle-cross-filled.svg} +0 -0
/package/src/icons/svg/{info-circle-filled.svg → circle-info-filled.svg} +0 -0
/package/src/icons/svg/{info-circle.svg → circle-info.svg} +0 -0
/package/src/icons/svg/{extension/comments.svg → comments.svg} +0 -0
/package/src/icons/svg/{add-database.svg → database-add.svg} +0 -0
/package/src/icons/svg/{database-stroke.svg → database-outline.svg} +0 -0
/package/src/icons/svg/{hide.svg → eye-off.svg} +0 -0
/package/src/icons/svg/{favorites-checked.svg → favorites-filled.svg} +0 -0
/package/src/icons/svg/{switch-to-mention.svg → field-units-large.svg} +0 -0
/package/src/icons/svg/{extension/files.svg → files.svg} +0 -0
/package/src/icons/svg/{smart-folder.svg → folder-smart.svg} +0 -0
/package/src/icons/svg/{fullscreen-mode-off-icon.svg → fullscreen-mode-off.svg} +0 -0
/package/src/icons/svg/{add-group.svg → group-add.svg} +0 -0
/package/src/icons/svg/{image-xmark.svg → image-error.svg} +0 -0
/package/src/icons/svg/{add-integration.svg → integration-add.svg} +0 -0
/package/src/icons/svg/{integrations/integration-discourse-color.svg → integration-discourse.svg} +0 -0
/package/src/icons/svg/{fibery-desktop-app.svg → integration-fibery.svg} +0 -0
/package/src/icons/svg/{figma.svg → integration-figma.svg} +0 -0
/package/src/icons/svg/{github.svg → integration-github.svg} +0 -0
/package/src/icons/svg/{gitlab.svg → integration-gitlab.svg} +0 -0
/package/src/icons/svg/{google-drive.svg → integration-google-drive.svg} +0 -0
/package/src/icons/svg/{google-map.svg → integration-google-map.svg} +0 -0
/package/src/icons/svg/{integrations/integration-intercom-color.svg → integration-intercom.svg} +0 -0
/package/src/icons/svg/{jira.svg → integration-jira.svg} +0 -0
/package/src/icons/svg/{loom.svg → integration-loom.svg} +0 -0
/package/src/icons/svg/{miro.svg → integration-miro.svg} +0 -0
/package/src/icons/svg/{mixpanel.svg → integration-mixpanel.svg} +0 -0
/package/src/icons/svg/{slack.svg → integration-slack.svg} +0 -0
/package/src/icons/svg/{suggest-integration.svg → integration-suggest.svg} +0 -0
/package/src/icons/svg/{twitter.svg → integration-twitter.svg} +0 -0
/package/src/icons/svg/{youtube.svg → integration-youtube.svg} +0 -0
/package/src/icons/svg/{integrations/integration-zendesk-color.svg → integration-zendesk.svg} +0 -0
/package/src/icons/svg/{move-bottom.svg → move-down.svg} +0 -0
/package/src/icons/svg/{move-top.svg → move-up.svg} +0 -0
/package/src/icons/svg/{popup.svg → open-in-panel.svg} +0 -0
/package/src/icons/svg/{richeditor/open-link.svg → open-link.svg} +0 -0
/package/src/icons/svg/{many-people.svg → people-all.svg} +0 -0
/package/src/icons/svg/{user-group-remove.svg → people-group-remove.svg} +0 -0
/package/src/icons/svg/{invite-people.svg → people-invite.svg} +0 -0
/package/src/icons/svg/{remove-people.svg → people-remove.svg} +0 -0
/package/src/icons/svg/{user-x.svg → people-x.svg} +0 -0
/package/src/icons/svg/{zoom-in.svg → plus.svg} +0 -0
/package/src/icons/svg/{app-details.svg → preferences.svg} +0 -0
/package/src/icons/svg/{network.svg → propagate.svg} +0 -0
/package/src/icons/svg/{add-reactions.svg → reactions-add.svg} +0 -0
/package/src/icons/svg/{richeditor/history/redo.svg → redo.svg} +0 -0
/package/src/icons/svg/{extension/references.svg → references.svg} +0 -0
/package/src/icons/svg/{richeditor/block/callout.svg → richeditor-block-callout.svg} +0 -0
/package/src/icons/svg/{richeditor/block/code.svg → richeditor-block-code.svg} +0 -0
/package/src/icons/svg/{richeditor/block/embed.svg → richeditor-block-embed.svg} +0 -0
/package/src/icons/svg/{richeditor/block/entity.svg → richeditor-block-entity.svg} +0 -0
/package/src/icons/svg/{richeditor/block/file.svg → richeditor-block-file.svg} +0 -0
/package/src/icons/svg/{richeditor/block/h1.svg → richeditor-block-h1.svg} +0 -0
/package/src/icons/svg/{richeditor/block/h2.svg → richeditor-block-h2.svg} +0 -0
/package/src/icons/svg/{richeditor/block/h3.svg → richeditor-block-h3.svg} +0 -0
/package/src/icons/svg/{richeditor/block/h4.svg → richeditor-block-h4.svg} +0 -0
/package/src/icons/svg/{richeditor/block/mention.svg → richeditor-block-mention.svg} +0 -0
/package/src/icons/svg/{richeditor/block/paragraph.svg → richeditor-block-paragraph.svg} +0 -0
/package/src/icons/svg/{richeditor/block/quote.svg → richeditor-block-quote.svg} +0 -0
/package/src/icons/svg/{richeditor/checklist/create.svg → richeditor-checklist-create.svg} +0 -0
/package/src/icons/svg/{richeditor/image/align-center.svg → richeditor-image-align-center.svg} +0 -0
/package/src/icons/svg/{richeditor/image/align-left.svg → richeditor-image-align-left.svg} +0 -0
/package/src/icons/svg/{richeditor/image/align-right.svg → richeditor-image-align-right.svg} +0 -0
/package/src/icons/svg/{richeditor/image/upload.svg → richeditor-image.svg} +0 -0
/package/src/icons/svg/{richeditor/linkedhighlight/create.svg → richeditor-linkedhighlight-create.svg} +0 -0
/package/src/icons/svg/{richeditor/list/bullet.svg → richeditor-list-bullet.svg} +0 -0
/package/src/icons/svg/{richeditor/list/ordered.svg → richeditor-list-ordered.svg} +0 -0
/package/src/icons/svg/{richeditor/list/unindent.svg → richeditor-list-unindent.svg} +0 -0
/package/src/icons/svg/{richeditor/mark/text-background-color.svg → richeditor-mark-text-background-color.svg} +0 -0
/package/src/icons/svg/{richeditor/mark/underline.svg → richeditor-mark-underline.svg} +0 -0
/package/src/icons/svg/{richeditor/table/create.svg → richeditor-table-create.svg} +0 -0
/package/src/icons/svg/{richeditor/video/upload.svg → richeditor-video-upload.svg} +0 -0
/package/src/icons/svg/{bolt.svg → rule.svg} +0 -0
/package/src/icons/svg/{app-templates.svg → space-add.svg} +0 -0
/package/src/icons/svg/{move-space.svg → space-move.svg} +0 -0
/package/src/icons/svg/{type/button.svg → type-button.svg} +0 -0
/package/src/icons/svg/{type/checkbox.svg → type-checkbox.svg} +0 -0
/package/src/icons/svg/{type/date.svg → type-date.svg} +0 -0
/package/src/icons/svg/{type/email.svg → type-email.svg} +0 -0
/package/src/icons/svg/{type/emoji.svg → type-emoji.svg} +0 -0
/package/src/icons/svg/{type/formula.svg → type-formula.svg} +0 -0
/package/src/icons/svg/{type/location.svg → type-location.svg} +0 -0
/package/src/icons/svg/{type/lookup.svg → type-lookup.svg} +0 -0
/package/src/icons/svg/{type/money.svg → type-money.svg} +0 -0
/package/src/icons/svg/{type/multi-select.svg → type-multi-select.svg} +0 -0
/package/src/icons/svg/{type/number.svg → type-number.svg} +0 -0
/package/src/icons/svg/{type/percent.svg → type-percent.svg} +0 -0
/package/src/icons/svg/{type/phone.svg → type-phone.svg} +0 -0
/package/src/icons/svg/{type/relation.svg → type-relation.svg} +0 -0
/package/src/icons/svg/{type/rich-text.svg → type-rich-text.svg} +0 -0
/package/src/icons/svg/{type/single-select.svg → type-single-select.svg} +0 -0
/package/src/icons/svg/{type/text.svg → type-text.svg} +0 -0
/package/src/icons/svg/{richeditor/history/undo.svg → undo.svg} +0 -0
/package/src/icons/svg/{units/avatar.svg → units-avatar.svg} +0 -0
/package/src/icons/svg/{units/collection.svg → units-collection.svg} +0 -0
/package/src/icons/svg/{units/counter.svg → units-counter.svg} +0 -0
/package/src/icons/svg/{units/date.svg → units-date.svg} +0 -0
/package/src/icons/svg/{units/field-icon-button.svg → units-field-icon-button.svg} +0 -0
/package/src/icons/svg/{units/field.svg → units-field.svg} +0 -0
/package/src/icons/svg/{units/input.svg → units-input.svg} +0 -0
/package/src/icons/svg/{field-unit.svg → units-normal.svg} +0 -0
/package/src/icons/svg/{units/progress-bar.svg → units-progress-bar.svg} +0 -0
/package/src/icons/svg/{units/rich-text.svg → units-rich-text.svg} +0 -0
/package/src/icons/svg/{units/snippet.svg → units-snippet.svg} +0 -0
/package/src/icons/svg/{unlock-outline.svg → unlock.svg} +0 -0
/package/src/icons/svg/{clear-value.svg → value-clear.svg} +0 -0
/package/src/icons/svg/{extension/workflow.svg → workflow.svg} +0 -0

package/src/theming.generated.css CHANGED Viewed

@@ -1,2060 +1,2188 @@
-/* Auto-generated by theme-snapshots.test.ts for prefix "fibery". */
-/* IDE DX only: lets editors resolve var(--fibery-color-*) by name. Not imported at runtime. */
+/* Auto-generated by theme-snapshots.test.ts for namespace "fibery". */
+/* IDE DX only: lets editors resolve vars by name. Not imported at runtime. */
 :root {
-  --fibery-color-surfaceElevationS: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
-  --fibery-color-surfaceElevationM: 0 4px 8px 0 rgba(0, 0, 0, 0.09);
-  --fibery-color-surfaceElevationL: 0 8px 12px 0 rgba(0, 0, 0, 0.09);
-  --fibery-color-shadow50: 0 0 0 1px rgba(23, 23, 23, 0.05);
-  --fibery-color-shadow100: 0 1px 4px 0 rgba(23, 23, 23, 0.05);
-  --fibery-color-shadow200: 0 2px 6px 0 rgba(23, 23, 23, 0.05);
-  --fibery-color-shadow300: 0 3px 6px -3px rgba(23, 23, 23, 0.1), 0 8px 20px -4px rgba(23, 23, 23, 0.15);
-  --fibery-color-shadow400: 0 0 1px 0 rgba(23, 23, 23, 0.2), 0 16px 40px 0 rgba(23, 23, 23, 0.15);
-  --fibery-color-shadow500: 0 0 1px 0 rgba(23, 23, 23, 0.2), 0 20px 50px 0 rgba(23, 23, 23, 0.15);
-  --fibery-color-shadow600: 0 0 1px 0 rgba(23, 23, 23, 0.2), 0 26px 80px 0 rgba(23, 23, 23, 0.2);
-  --fibery-color-actionMenuShadow:
+  --surfaceElevationS: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+  --surfaceElevationM: 0 4px 8px 0 rgba(0, 0, 0, 0.09);
+  --surfaceElevationL: 0 8px 12px 0 rgba(0, 0, 0, 0.09);
+  --shadow50: 0 0 0 1px rgba(23, 23, 23, 0.05);
+  --shadow100: 0 1px 4px 0 rgba(23, 23, 23, 0.05);
+  --shadow200: 0 2px 6px 0 rgba(23, 23, 23, 0.05);
+  --shadow300: 0 3px 6px -3px rgba(23, 23, 23, 0.1), 0 8px 20px -4px rgba(23, 23, 23, 0.15);
+  --shadow400: 0 0 1px 0 rgba(23, 23, 23, 0.2), 0 16px 40px 0 rgba(23, 23, 23, 0.15);
+  --shadow500: 0 0 1px 0 rgba(23, 23, 23, 0.2), 0 20px 50px 0 rgba(23, 23, 23, 0.15);
+  --shadow600: 0 0 1px 0 rgba(23, 23, 23, 0.2), 0 26px 80px 0 rgba(23, 23, 23, 0.2);
+  --actionMenuShadow:
     0 0 2px 0 rgba(94, 94, 94, 0.3), 0 4px 6px 0 rgba(94, 94, 94, 0.05), 0 10px 26px 0 rgba(94, 94, 94, 0.15);
-  --fibery-color-shadowPopup:
+  --shadowPopup:
     0 0 2px 0 rgba(94, 94, 94, 0.3), 0 4px 6px 0 rgba(94, 94, 94, 0.05), 0 10px 26px 0 rgba(94, 94, 94, 0.15);
-  --fibery-color-shadowSidebar: -3px 0 10px 0 rgba(120, 120, 120, 0.1);
-  --fibery-color-highlightBgYellow: rgb(255, 236, 196);
-  --fibery-color-highlightFgYellow: rgb(167, 125, 0);
-  --fibery-color-highlightFgOnBgYellow: rgb(139, 104, 0);
-  --fibery-color-highlightBgGreen: rgb(218, 246, 202);
-  --fibery-color-highlightFgGreen: rgb(80, 147, 0);
-  --fibery-color-highlightFgOnBgGreen: rgb(66, 123, 0);
-  --fibery-color-highlightBgAquamarine: rgb(196, 249, 222);
-  --fibery-color-highlightFgAquamarine: rgb(0, 149, 104);
-  --fibery-color-highlightFgOnBgAquamarine: rgb(0, 123, 85);
-  --fibery-color-highlightBgAqua: rgb(186, 249, 240);
-  --fibery-color-highlightFgAqua: rgb(0, 147, 135);
-  --fibery-color-highlightFgOnBgAqua: rgb(0, 121, 111);
-  --fibery-color-highlightBgBlue: rgb(225, 238, 255);
-  --fibery-color-highlightFgBlue: rgb(0, 130, 243);
-  --fibery-color-highlightFgOnBgBlue: rgb(0, 106, 201);
-  --fibery-color-highlightBgPurple: rgb(245, 233, 255);
-  --fibery-color-highlightFgPurple: rgb(185, 76, 249);
-  --fibery-color-highlightFgOnBgPurple: rgb(160, 44, 221);
-  --fibery-color-highlightBgPink: rgb(255, 231, 243);
-  --fibery-color-highlightFgPink: rgb(232, 38, 172);
-  --fibery-color-highlightFgOnBgPink: rgb(196, 0, 142);
-  --fibery-color-highlightBgRed: rgb(255, 232, 230);
-  --fibery-color-highlightFgRed: rgb(250, 9, 44);
-  --fibery-color-highlightFgOnBgRed: rgb(207, 0, 33);
-  --fibery-color-highlightBgGrey: rgb(238, 238, 238);
-  --fibery-color-highlightFgGrey: rgb(132, 132, 132);
-  --fibery-color-highlightFgOnBgGrey: rgb(110, 110, 110);
-  --fibery-color-colorPickerCssFilter: none;
-  --fibery-color-mode: light;
-  --fibery-color-colorAccentBgSubtle: rgba(73, 120, 212, 0.1);
-  --fibery-color-colorAccentBgMild: rgba(73, 120, 212, 0.15);
-  --fibery-color-colorAccentBgMedium: rgba(73, 120, 212, 0.2);
-  --fibery-color-colorAccentBgStrong: rgba(73, 120, 212, 0.3);
-  --fibery-color-colorAccentBgBold: rgba(73, 120, 212, 0.35);
-  --fibery-color-colorAccentBgVivid: rgba(73, 120, 212, 0.6);
-  --fibery-color-colorAccentStroke: rgba(73, 120, 212, 0.25);
-  --fibery-color-colorAccentStrokeHover: rgba(73, 120, 212, 0.4);
-  --fibery-color-colorAccentStrokeFocus: rgba(73, 120, 212, 0.5);
-  --fibery-color-colorAccentSolid: rgba(73, 120, 212, 0.8);
-  --fibery-color-colorAccent: #4978d4;
-  --fibery-color-darkenPrimary: rgb(62, 96, 161);
-  --fibery-color-whiteColor: rgb(255, 255, 255);
-  --fibery-color-blackColor: rgb(0, 0, 0);
-  --fibery-color-mainBg: rgb(245, 245, 245);
-  --fibery-color-panelBg: rgb(255, 255, 255);
-  --fibery-color-panelBorder: 0 0 0 1px rgba(199, 199, 199, 0.2);
-  --fibery-color-panelContentBg: rgb(247, 247, 247);
-  --fibery-color-dbSettingsSidebarBg: rgb(247, 247, 247);
-  --fibery-color-dbSettingsSidebarItemHover: rgb(237, 237, 237);
-  --fibery-color-dbSettingsSidebarIconBg: rgb(255, 255, 255);
-  --fibery-color-dbSettingsSidebarIconBorder: 0 1px 4px 0 rgba(94, 94, 94, 0.1), 0 0 0 0.5px rgba(232, 232, 232, 0.5);
-  --fibery-color-dbSettingsCardBg: rgb(247, 247, 247);
-  --fibery-color-dbSettingsCardBorder: 0 0 0 1px rgba(227, 227, 227, 0.8);
-  --fibery-color-colorBgRelationContainer: rgb(252, 252, 252);
-  --fibery-color-colorAI: #9d63d4;
-  --fibery-color-colorBgAI: rgba(157, 99, 212, 0.1);
-  --fibery-color-colorBgAIFloatingLauncher: rgb(252, 252, 252);
-  --fibery-color-colorBgAIFloatingPanelContent: rgb(252, 252, 252);
-  --fibery-color-colorBgAISidebarContent: rgb(252, 252, 252);
-  --fibery-color-colorBgFloatingPanel: rgb(255, 255, 255);
-  --fibery-color-shadowFloatingPanel: 0 0 0 1px rgba(120, 120, 120, 0.15), 0 3px 12px 0 rgba(94, 94, 94, 0.15);
-  --fibery-color-pageContentBg: rgb(255, 255, 255);
-  --fibery-color-colorBgPopup: rgb(255, 255, 255);
-  --fibery-color-menuBg: rgb(245, 245, 245);
-  --fibery-color-menuTextColor: rgb(23, 23, 23);
-  --fibery-color-menuItemHoverColor: rgb(232, 232, 232);
-  --fibery-color-menuSelectedTextColor: rgb(247, 247, 247);
-  --fibery-color-menuIconColor: rgba(23, 23, 23, 0.7);
-  --fibery-color-textColor: rgb(23, 23, 23);
-  --fibery-color-textSelectionColor: rgba(73, 120, 212, 0.2);
-  --fibery-color-accentTextColor: rgb(120, 120, 120);
-  --fibery-color-disabledTextColor: rgb(158, 158, 158);
-  --fibery-color-inversedTextColor: rgb(245, 245, 245);
-  --fibery-color-colorTextSecondary: rgba(23, 23, 23, 0.7);
-  --fibery-color-linkColor: #3869cc;
-  --fibery-color-linkBorder: 0.5px solid rgba(56, 105, 204, 0.4);
-  --fibery-color-linkHoverColor: #3869cc;
-  --fibery-color-linkBorderHover: 0.5px solid rgba(56, 105, 204, 0.75);
-  --fibery-color-codeColor: rgb(211, 62, 78);
-  --fibery-color-codeBgColor: rgb(245, 245, 245);
-  --fibery-color-codeBlockBgColor: rgb(245, 245, 245);
-  --fibery-color-addedDiffTextColor: rgb(0, 144, 130);
-  --fibery-color-removedDiffTextColor: rgb(175, 36, 56);
-  --fibery-color-entityNodeColor: rgb(36, 36, 36);
-  --fibery-color-entityNodeBorder: 0.5px solid rgba(36, 36, 36, 0.3);
-  --fibery-color-entityNodeHoverColor: rgb(61, 61, 61);
-  --fibery-color-entityNodeBorderHover: 0.5px solid rgba(94, 94, 94, 0.8);
-  --fibery-color-entityNodeBgColor: rgb(247, 247, 247);
-  --fibery-color-shortcutTextColor: rgb(158, 158, 158);
-  --fibery-color-shortcutBorder: 1px solid rgba(199, 199, 199, 0.5);
-  --fibery-color-shortcutBorderColor: rgba(199, 199, 199, 0.5);
-  --fibery-color-inputBgColor: rgb(255, 255, 255);
-  --fibery-color-inputDisabledBgColor: rgba(227, 227, 227, 0.3);
-  --fibery-color-inputDisabledBorderColor: 0 0 0 1px rgba(227, 227, 227, 0.6);
-  --fibery-color-inputCopyBgColor: rgb(245, 245, 245);
-  --fibery-color-inputBorderColor: 0 0 0 1px rgba(227, 227, 227, 0.8);
-  --fibery-color-inputBorderHoverColor: 0 0 0 1px rgb(219, 219, 219);
-  --fibery-color-inputBorderFocusColor: 0 0 0 1px rgb(199, 199, 199);
-  --fibery-color-inputBorderBlendMode: multiply;
-  --fibery-color-inputPlaceholderTextColor: rgb(158, 158, 158);
-  --fibery-color-inputErrorBorderColor: 0 0 0 1px rgb(175, 36, 56);
-  --fibery-color-inputErrorBorderHoverColor: 0 0 0 1px rgba(175, 36, 56, 0.4);
-  --fibery-color-inputErrorBorderFocusColor: 0 0 0 1px rgba(175, 36, 56, 0.25);
-  --fibery-color-inputErrorBorderFocusShadow: 0 0 0 3px rgba(175, 36, 56, 0.25);
-  --fibery-color-inputBorderWarningColor: 0 0 0 1px rgb(246, 217, 0);
-  --fibery-color-buttonPrimaryColor: #4978d4;
-  --fibery-color-buttonColor: rgb(120, 120, 120);
-  --fibery-color-buttonPrimaryTextColor: rgb(247, 247, 247);
-  --fibery-color-checkboxColor: rgba(23, 23, 23, 0.7);
-  --fibery-color-colorBorderBlockQuote: rgb(94, 94, 94);
-  --fibery-color-colorBgActionsMenu: rgb(255, 255, 255);
-  --fibery-color-colorBgActionsMenuItemHover: rgb(237, 237, 237);
-  --fibery-color-colorBgActionsMenuItemSelected: rgba(232, 239, 253, 0.8);
-  --fibery-color-colorBgActionsMenuItemSelectedHover: rgba(219, 229, 250, 0.8);
-  --fibery-color-colorBgActionsMenuItemDangerHover: rgba(211, 62, 78, 0.1);
-  --fibery-color-colorBgActionsMenuItemDangerActive: rgba(211, 62, 78, 0.8);
-  --fibery-color-actionMenuBg: rgb(255, 255, 255);
-  --fibery-color-actionMenuInnerBg: rgb(255, 255, 255);
-  --fibery-color-actionMenuHover: rgb(237, 237, 237);
-  --fibery-color-actionMenuInnerHover: rgb(237, 237, 237);
-  --fibery-color-actionMenuButtonColor: rgb(255, 255, 255);
-  --fibery-color-actionMenuButtonHoverColor: rgb(252, 252, 252);
-  --fibery-color-actionMenuButtonShadow: 0 0 0 1px rgba(120, 120, 120, 0.1), 0 2px 4px -4px rgba(120, 120, 120, 0.2);
-  --fibery-color-actionMenuSeparatorColor: rgba(0, 0, 0, 0.1);
-  --fibery-color-separatorColor: rgba(0, 0, 0, 0.1);
-  --fibery-color-separatorColorDimmed: rgba(0, 0, 0, 0.05);
-  --fibery-color-separatorBreadcrumbsColor: rgb(199, 199, 199);
-  --fibery-color-borderSeparatorDimmed: 0.5px solid rgba(0, 0, 0, 0.05);
-  --fibery-color-borderSeparator: 0.5px solid rgba(0, 0, 0, 0.1);
-  --fibery-color-borderSeparatorMedium: 0.5px solid rgba(0, 0, 0, 0.15);
-  --fibery-color-borderSeparatorStrong: 0.5px solid rgba(0, 0, 0, 0.25);
-  --fibery-color-borderMedia: 0.5px solid rgba(0, 0, 0, 0.14);
-  --fibery-color-borderSolidSeparator: 1px solid rgba(0, 0, 0, 0.1);
-  --fibery-color-borderSolidSeparatorDimmed: 1px solid rgba(0, 0, 0, 0.05);
-  --fibery-color-borderSolidFilterGroup: 1px solid rgba(0, 0, 0, 0.05);
-  --fibery-color-borderSolidGrid: 1px solid rgb(232, 232, 232);
-  --fibery-color-borderSolidOutlineNeutral: 1px solid rgb(199, 199, 199);
-  --fibery-color-borderSolidMedia: 1px solid rgba(0, 0, 0, 0.14);
-  --fibery-color-borderSolidCommentBubble: 1px solid rgb(255, 255, 255);
-  --fibery-color-borderBlockQuote: 3px solid rgb(94, 94, 94);
-  --fibery-color-shadowCardDefault: 0 0 0 1px rgba(227, 227, 227, 0.8), 0 1px 4px 0 rgba(23, 23, 23, 0.05);
-  --fibery-color-shadowCardHover: 0 0 0 1px rgba(227, 227, 227, 0.8), 0 2px 6px 0 rgba(23, 23, 23, 0.05);
-  --fibery-color-shadowCardInset: inset 0 0 0 1px rgba(227, 227, 227, 0.8);
-  --fibery-color-iconColor: rgba(23, 23, 23, 0.7);
-  --fibery-color-appIconColor: rgba(247, 247, 247, 0.9);
-  --fibery-color-appIconBgColor: rgba(252, 252, 252, 0.9);
-  --fibery-color-mentionBgColor: rgba(219, 219, 219, 0.3);
-  --fibery-color-colorBgSelectMenu: rgb(252, 252, 252);
-  --fibery-color-shadowSelectMenu:
+  --shadowSidebar: -3px 0 10px 0 rgba(120, 120, 120, 0.1);
+  --highlightBgYellow: rgb(255, 236, 196);
+  --highlightFgYellow: rgb(167, 125, 0);
+  --highlightFgOnBgYellow: rgb(139, 104, 0);
+  --highlightBgGreen: rgb(218, 246, 202);
+  --highlightFgGreen: rgb(80, 147, 0);
+  --highlightFgOnBgGreen: rgb(66, 123, 0);
+  --highlightBgAquamarine: rgb(196, 249, 222);
+  --highlightFgAquamarine: rgb(0, 149, 104);
+  --highlightFgOnBgAquamarine: rgb(0, 123, 85);
+  --highlightBgAqua: rgb(186, 249, 240);
+  --highlightFgAqua: rgb(0, 147, 135);
+  --highlightFgOnBgAqua: rgb(0, 121, 111);
+  --highlightBgBlue: rgb(225, 238, 255);
+  --highlightFgBlue: rgb(0, 130, 243);
+  --highlightFgOnBgBlue: rgb(0, 106, 201);
+  --highlightBgPurple: rgb(245, 233, 255);
+  --highlightFgPurple: rgb(185, 76, 249);
+  --highlightFgOnBgPurple: rgb(160, 44, 221);
+  --highlightBgPink: rgb(255, 231, 243);
+  --highlightFgPink: rgb(232, 38, 172);
+  --highlightFgOnBgPink: rgb(196, 0, 142);
+  --highlightBgRed: rgb(255, 232, 230);
+  --highlightFgRed: rgb(250, 9, 44);
+  --highlightFgOnBgRed: rgb(207, 0, 33);
+  --highlightBgGrey: rgb(238, 238, 238);
+  --highlightFgGrey: rgb(132, 132, 132);
+  --highlightFgOnBgGrey: rgb(110, 110, 110);
+  --colorPickerCssFilter: none;
+  --colorAccentBgSubtle: rgba(73, 120, 212, 0.1);
+  --colorAccentBgMild: rgba(73, 120, 212, 0.15);
+  --colorAccentBgMedium: rgba(73, 120, 212, 0.2);
+  --colorAccentBgStrong: rgba(73, 120, 212, 0.3);
+  --colorAccentBgBold: rgba(73, 120, 212, 0.35);
+  --colorAccentBgVivid: rgba(73, 120, 212, 0.6);
+  --colorAccentStroke: rgba(73, 120, 212, 0.25);
+  --colorAccentStrokeHover: rgba(73, 120, 212, 0.4);
+  --colorAccentStrokeFocus: rgba(73, 120, 212, 0.5);
+  --colorAccentSolid: rgba(73, 120, 212, 0.8);
+  --colorAccent: #4978d4;
+  --darkenPrimary: rgb(62, 96, 161);
+  --whiteColor: rgb(255, 255, 255);
+  --blackColor: rgb(0, 0, 0);
+  --mainBg: rgb(245, 245, 245);
+  --panelBg: rgb(255, 255, 255);
+  --panelBorder: 0 0 0 1px rgba(199, 199, 199, 0.2);
+  --panelContentBg: rgb(247, 247, 247);
+  --dbSettingsSidebarBg: rgb(247, 247, 247);
+  --dbSettingsSidebarItemHover: rgb(237, 237, 237);
+  --dbSettingsSidebarIconBg: rgb(255, 255, 255);
+  --dbSettingsSidebarIconBorder: 0 1px 4px 0 rgba(94, 94, 94, 0.1), 0 0 0 0.5px rgba(232, 232, 232, 0.5);
+  --dbSettingsCardBg: rgb(247, 247, 247);
+  --dbSettingsCardBorder: 0 0 0 1px rgba(227, 227, 227, 0.8);
+  --colorBgRelationContainer: rgb(252, 252, 252);
+  --colorAI: #9d63d4;
+  --colorBgAI: rgba(157, 99, 212, 0.1);
+  --colorBgAIFloatingLauncher: rgb(252, 252, 252);
+  --colorBgAIFloatingPanelContent: rgb(252, 252, 252);
+  --colorBgAISidebarContent: rgb(252, 252, 252);
+  --colorBgFloatingPanel: rgb(255, 255, 255);
+  --shadowFloatingPanel: 0 0 0 1px rgba(120, 120, 120, 0.15), 0 3px 12px 0 rgba(94, 94, 94, 0.15);
+  --pageContentBg: rgb(255, 255, 255);
+  --colorBgPopup: rgb(255, 255, 255);
+  --menuBg: rgb(245, 245, 245);
+  --menuTextColor: rgb(23, 23, 23);
+  --menuItemHoverColor: rgb(232, 232, 232);
+  --menuSelectedTextColor: rgb(247, 247, 247);
+  --menuIconColor: rgba(23, 23, 23, 0.7);
+  --textColor: rgb(23, 23, 23);
+  --textSelectionColor: rgba(73, 120, 212, 0.2);
+  --accentTextColor: rgb(120, 120, 120);
+  --disabledTextColor: rgb(158, 158, 158);
+  --inversedTextColor: rgb(245, 245, 245);
+  --colorTextSecondary: rgba(23, 23, 23, 0.7);
+  --linkColor: #3869cc;
+  --linkBorder: 0.5px solid rgba(56, 105, 204, 0.4);
+  --linkHoverColor: #3869cc;
+  --linkBorderHover: 0.5px solid rgba(56, 105, 204, 0.75);
+  --codeColor: rgb(211, 62, 78);
+  --codeBgColor: rgb(245, 245, 245);
+  --codeBlockBgColor: rgb(245, 245, 245);
+  --addedDiffTextColor: rgb(0, 144, 130);
+  --removedDiffTextColor: rgb(175, 36, 56);
+  --entityNodeColor: rgb(36, 36, 36);
+  --entityNodeBorder: 0.5px solid rgba(36, 36, 36, 0.3);
+  --entityNodeHoverColor: rgb(61, 61, 61);
+  --entityNodeBorderHover: 0.5px solid rgba(94, 94, 94, 0.8);
+  --entityNodeBgColor: rgb(247, 247, 247);
+  --shortcutTextColor: rgb(158, 158, 158);
+  --shortcutBorder: 1px solid rgba(199, 199, 199, 0.5);
+  --shortcutBorderColor: rgba(199, 199, 199, 0.5);
+  --inputBgColor: rgb(255, 255, 255);
+  --inputDisabledBgColor: rgba(227, 227, 227, 0.3);
+  --inputDisabledBorderColor: 0 0 0 1px rgba(227, 227, 227, 0.6);
+  --inputCopyBgColor: rgb(245, 245, 245);
+  --inputBorderColor: 0 0 0 1px rgba(227, 227, 227, 0.8);
+  --inputBorderHoverColor: 0 0 0 1px rgb(219, 219, 219);
+  --inputBorderFocusColor: 0 0 0 1px rgb(199, 199, 199);
+  --inputBorderBlendMode: multiply;
+  --inputPlaceholderTextColor: rgb(158, 158, 158);
+  --inputErrorBorderColor: 0 0 0 1px rgb(175, 36, 56);
+  --inputErrorBorderHoverColor: 0 0 0 1px rgba(175, 36, 56, 0.4);
+  --inputErrorBorderFocusColor: 0 0 0 1px rgba(175, 36, 56, 0.25);
+  --inputErrorBorderFocusShadow: 0 0 0 3px rgba(175, 36, 56, 0.25);
+  --inputBorderWarningColor: 0 0 0 1px rgb(246, 217, 0);
+  --buttonPrimaryColor: #4978d4;
+  --buttonColor: rgb(120, 120, 120);
+  --buttonPrimaryTextColor: rgb(247, 247, 247);
+  --checkboxColor: rgba(23, 23, 23, 0.7);
+  --colorBorderBlockQuote: rgb(94, 94, 94);
+  --colorBgActionsMenu: rgb(255, 255, 255);
+  --colorBgActionsMenuItemHover: rgb(237, 237, 237);
+  --colorBgActionsMenuItemSelected: rgba(232, 239, 253, 0.8);
+  --colorBgActionsMenuItemSelectedHover: rgba(219, 229, 250, 0.8);
+  --colorBgActionsMenuItemDangerHover: rgba(211, 62, 78, 0.1);
+  --colorBgActionsMenuItemDangerActive: rgba(211, 62, 78, 0.8);
+  --actionMenuBg: rgb(255, 255, 255);
+  --actionMenuInnerBg: rgb(255, 255, 255);
+  --actionMenuHover: rgb(237, 237, 237);
+  --actionMenuInnerHover: rgb(237, 237, 237);
+  --actionMenuButtonColor: rgb(255, 255, 255);
+  --actionMenuButtonHoverColor: rgb(252, 252, 252);
+  --actionMenuButtonShadow: 0 0 0 1px rgba(120, 120, 120, 0.1), 0 2px 4px -4px rgba(120, 120, 120, 0.2);
+  --actionMenuSeparatorColor: rgba(0, 0, 0, 0.1);
+  --separatorColor: rgba(0, 0, 0, 0.1);
+  --separatorColorDimmed: rgba(0, 0, 0, 0.05);
+  --separatorBreadcrumbsColor: rgb(199, 199, 199);
+  --borderSeparatorDimmed: 0.5px solid rgba(0, 0, 0, 0.05);
+  --borderSeparator: 0.5px solid rgba(0, 0, 0, 0.1);
+  --borderSeparatorMedium: 0.5px solid rgba(0, 0, 0, 0.15);
+  --borderSeparatorStrong: 0.5px solid rgba(0, 0, 0, 0.25);
+  --borderMedia: 0.5px solid rgba(0, 0, 0, 0.14);
+  --borderSolidSeparator: 1px solid rgba(0, 0, 0, 0.1);
+  --borderSolidSeparatorDimmed: 1px solid rgba(0, 0, 0, 0.05);
+  --borderSolidFilterGroup: 1px solid rgba(0, 0, 0, 0.05);
+  --borderSolidGrid: 1px solid rgb(232, 232, 232);
+  --borderSolidOutlineNeutral: 1px solid rgb(199, 199, 199);
+  --borderSolidMedia: 1px solid rgba(0, 0, 0, 0.14);
+  --borderSolidCommentBubble: 1px solid rgb(255, 255, 255);
+  --borderBlockQuote: 3px solid rgb(94, 94, 94);
+  --shadowCardDefault: 0 0 0 1px rgba(227, 227, 227, 0.8), 0 1px 4px 0 rgba(23, 23, 23, 0.05);
+  --shadowCardHover: 0 0 0 1px rgba(227, 227, 227, 0.8), 0 2px 6px 0 rgba(23, 23, 23, 0.05);
+  --shadowCardInset: inset 0 0 0 1px rgba(227, 227, 227, 0.8);
+  --iconColor: rgba(23, 23, 23, 0.7);
+  --colorIconDestructive: rgb(175, 36, 56);
+  --appIconColor: rgba(247, 247, 247, 0.9);
+  --appIconBgColor: rgba(252, 252, 252, 0.9);
+  --mentionBgColor: rgba(219, 219, 219, 0.3);
+  --colorBgSelectMenu: rgb(252, 252, 252);
+  --shadowSelectMenu:
     0 0 2px 0 rgba(94, 94, 94, 0.3), 0 4px 6px 0 rgba(94, 94, 94, 0.05), 0 10px 26px 0 rgba(94, 94, 94, 0.15);
-  --fibery-color-colorBgListItemGeneral: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgListItemGeneralHover: rgb(245, 245, 245);
-  --fibery-color-colorBgListItemGeneralFocus: rgb(237, 237, 237);
-  --fibery-color-colorBgListItemGeneralSelected: #dbe5fa;
-  --fibery-color-colorBgListItemGeneralSelectedHover: #cad9f6;
-  --fibery-color-colorBgListItemGeneralSelectedFocus: #cad9f6;
-  --fibery-color-colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
-  --fibery-color-colorTextListItemGeneralDisabled: rgb(158, 158, 158);
-  --fibery-color-colorBgListItemGeneralSelectedDisabled: #dbe5fa;
-  --fibery-color-opacityListItemGeneralDisabled: 0.4;
-  --fibery-color-colorSearchSubtitle: rgb(158, 158, 158);
-  --fibery-color-colorBgSearchPanel: rgb(255, 255, 255);
-  --fibery-color-colorBgSearchRowHover: rgb(237, 237, 237);
-  --fibery-color-colorBgSearchRowCreateHover: #e8effd;
-  --fibery-color-opacitySearchItemDone: 0.4;
-  --fibery-color-colorBgEntityBoxDefault: rgb(255, 255, 255);
-  --fibery-color-shadowStrokeEntityBoxDefault: 0 0 0 1px rgb(232, 232, 232);
-  --fibery-color-shadowEntityBoxDefault: 0 2px 4px 0 rgba(23, 23, 23, 0.05);
-  --fibery-color-colorBgEntityBoxDefaultHover: rgb(255, 255, 255);
-  --fibery-color-shadowEntityBoxDefaultHover: 0 4px 8px 0 rgba(23, 23, 23, 0.1);
-  --fibery-color-colorBgEntityBoxDefaultFocus: rgb(255, 255, 255);
-  --fibery-color-colorOverlayEntityBoxDefaultFocus: #4978d4;
-  --fibery-color-shadowStrokeEntityBoxDefaultFocus: 0 0 0 2px rgba(73, 120, 212, 0.4);
-  --fibery-color-colorBgEntityBoxDefaultFocusHover: rgb(255, 255, 255);
-  --fibery-color-colorOverlayEntityBoxDefaultFocusHover: #4978d4;
-  --fibery-color-shadowStrokeEntityBoxDefaultFocusHover: 0 0 0 2px rgba(73, 120, 212, 0.6);
-  --fibery-color-opacityEntityBoxDefaultDrag: 0.4;
-  --fibery-color-shadowEntityBoxDefaultDrag: 0 8px 12px 0 rgba(23, 23, 23, 0.1);
-  --fibery-color-colorBgEntityBoxSelected: #fafcff;
-  --fibery-color-shadowStrokeEntityBoxSelected: 0 0 0 1px rgba(73, 120, 212, 0.4), 0 0 0 3px rgba(73, 120, 212, 0.4);
-  --fibery-color-colorBgEntityBoxSelectedHover: #f1f5fe;
-  --fibery-color-shadowStrokeEntityBoxSelectedHover:
-    0 0 0 1px rgba(73, 120, 212, 0.6), 0 0 0 3px rgba(73, 120, 212, 0.4);
-  --fibery-color-colorBgEntityBoxSelectedDrag: #f1f5fe;
-  --fibery-color-shadowStrokeEntityBoxSelectedDrag:
-    0 0 0 1px rgba(73, 120, 212, 0.4), 0 0 0 3px rgba(73, 120, 212, 0.4);
-  --fibery-color-opacityEntityBoxDisabled: 0.65;
-  --fibery-color-opacityEntityBoxDisabledHover: 0.75;
-  --fibery-color-opacityEntityBoxDisabledFocus: 0.75;
-  --fibery-color-opacityEntityBoxDisabledDrag: 0.4;
-  --fibery-color-entityCardBgColor: rgb(255, 255, 255);
-  --fibery-color-entityCardSelectedColor: rgba(247, 247, 247, 0.8);
-  --fibery-color-entityCardHoverColor: rgba(247, 247, 247, 0.8);
-  --fibery-color-entityCardDoneColor: rgba(237, 237, 237, 0.3);
-  --fibery-color-entityCardShadow: 0 0 0 1px rgba(120, 120, 120, 0.1), 0 2px 4px -4px rgba(120, 120, 120, 0.2);
-  --fibery-color-entityCardShadowHover: 0 0 0 1px rgba(120, 120, 120, 0.1), 0 2px 4px -4px rgba(120, 120, 120, 0.2);
-  --fibery-color-colorBgSegmentedControl: rgba(232, 232, 232, 0.8);
-  --fibery-color-colorBgMenuHeaderAvatar: rgb(255, 255, 255);
-  --fibery-color-shadowMenuHeaderAvatar: 0 1px 4px 0 rgba(94, 94, 94, 0.1), 0 0 0 0.5px rgba(232, 232, 232, 0.5);
-  --fibery-color-opacityMenuItemDragged: 0.4;
-  --fibery-color-colorBgMenuItemSelectedDragged: #cad9f6;
-  --fibery-color-colorTextMenuItem: rgba(23, 23, 23, 0.9);
-  --fibery-color-colorBgMenuItem: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgMenuItemHover: rgb(232, 232, 232);
-  --fibery-color-colorBgMenuItemFocus: rgb(227, 227, 227);
-  --fibery-color-colorBgMenuItemSelected: rgba(219, 229, 250, 0.8);
-  --fibery-color-colorBgMenuItemSelectedHover: rgba(202, 217, 246, 0.7);
-  --fibery-color-colorBgPinnedFieldsLabel: rgb(94, 94, 94);
-  --fibery-color-colorBgObjectEditorSeparator: rgb(23, 23, 23);
-  --fibery-color-colorBgMenuItemSelectedFocused: #cad9f6;
-  --fibery-color-colorBgFieldEditorContainer: rgb(247, 247, 247);
-  --fibery-color-colorBgFieldEditorLinkEqualSign: rgb(227, 227, 227);
-  --fibery-color-allowedDropColor: rgb(237, 237, 237);
-  --fibery-color-relationViewBgColor: rgb(247, 247, 247);
-  --fibery-color-mySpaceIconColor: rgb(122, 132, 142);
-  --fibery-color-mySpaceIconBg: rgba(106, 132, 155, 0.2);
-  --fibery-color-privateIconColor: rgb(105, 172, 94);
-  --fibery-color-privateIconBg: rgba(105, 172, 94, 0.2);
-  --fibery-color-favoritesIconColor: rgb(238, 166, 74);
-  --fibery-color-favoritesIconBg: rgba(251, 163, 47, 0.2);
-  --fibery-color-swatchDefault: #2978fb;
-  --fibery-color-unitBg: rgb(245, 245, 245);
-  --fibery-color-unitBgHover: rgb(237, 237, 237);
-  --fibery-color-colorBgBadgeNeutral: rgba(232, 232, 232, 0.7);
-  --fibery-color-colorBgBadgeAccent: rgba(219, 229, 250, 0.7);
-  --fibery-color-colorBgBadgeSuccess: rgb(214, 234, 230);
-  --fibery-color-colorBgBadgeWarning: rgb(255, 242, 160);
-  --fibery-color-colorBgBadgeError: rgb(253, 220, 219);
-  --fibery-color-colorTextBadgeNeutral: rgb(94, 94, 94);
-  --fibery-color-colorTextBadgeAccent: #345eb2;
-  --fibery-color-colorTextBadgeSuccess: rgb(0, 116, 104);
-  --fibery-color-colorTextBadgeWarning: rgb(129, 113, 0);
-  --fibery-color-colorTextBadgeError: rgb(175, 36, 56);
-  --fibery-color-badgeBgColor: rgba(120, 120, 120, 0.2);
-  --fibery-color-tooltipBgColor: rgb(46, 46, 46);
-  --fibery-color-todayMarkerColor: rgb(237, 150, 151);
-  --fibery-color-viewBgOverlayColor: rgba(199, 199, 199, 0.2);
-  --fibery-color-floatEditorMenuBg: rgb(252, 252, 252);
-  --fibery-color-floatEditorActiveColor: #345eb2;
-  --fibery-color-commentColor: rgba(247, 231, 135, 0.6);
-  --fibery-color-cellBackgroundColor: rgb(247, 247, 247);
-  --fibery-color-cellBackgroundHoverColor: rgba(227, 227, 227, 0.3);
-  --fibery-color-cellBorderColor: rgba(199, 199, 199, 0.5);
-  --fibery-color-cellPinnedBorderColor: rgba(199, 199, 199, 0.7);
-  --fibery-color-tableRowWarningColor: rgba(247, 231, 135, 0.6);
-  --fibery-color-errorBgColor: rgba(211, 62, 78, 0.2);
-  --fibery-color-errorTextColor: rgb(175, 36, 56);
-  --fibery-color-errorButtonColor: rgb(211, 62, 78);
-  --fibery-color-warningBgColor: rgba(247, 231, 135, 0.6);
-  --fibery-color-warningButtonColor: rgb(129, 113, 0);
-  --fibery-color-infoBox: rgba(255, 248, 185, 0.5);
-  --fibery-color-appCardBgColor: rgb(255, 255, 255);
-  --fibery-color-appCardHoverColor: rgba(252, 252, 252, 0.95);
-  --fibery-color-modalBg: rgba(94, 94, 94, 0.2);
-  --fibery-color-modalContentBg: rgb(255, 255, 255);
-  --fibery-color-progressIconBg: rgba(0, 0, 0, 0.14);
-  --fibery-color-progressIconFill: rgba(0, 0, 0, 0.57);
-  --fibery-color-formBg: rgb(247, 247, 247);
-  --fibery-color-formHeaderShadow: 0 0 6px 0 rgba(120, 120, 120, 0.1);
-  --fibery-color-formEditorFieldBg: rgb(245, 245, 245);
-  --fibery-color-filterGroup1Bg: rgb(247, 247, 247);
-  --fibery-color-filterGroup2Bg: rgb(245, 245, 245);
-  --fibery-color-filterGroupBorder: rgba(0, 0, 0, 0.05);
-  --fibery-color-colorBgNotificationHover: rgb(245, 245, 245);
-  --fibery-color-colorBgNotificationSelected: #f1f5fe;
-  --fibery-color-colorBgNotificationSelectedHover: #e8effd;
-  --fibery-color-disabledInversedTextColor: rgba(0, 0, 0, 0.25);
-  --fibery-color-success: rgb(0, 144, 130);
-  --fibery-color-danger: rgb(211, 62, 78);
-  --fibery-color-active: rgb(211, 62, 78);
-  --fibery-color-warning: rgb(246, 217, 0);
-  --fibery-color-cardBg: rgb(255, 255, 255);
-  --fibery-color-selectedImageBorder: rgba(0, 0, 0, 0.22);
-  --fibery-color-transparent: rgba(255, 255, 255, 0);
-  --fibery-color-progressBg: rgb(237, 237, 237);
-  --fibery-color-progressText: rgb(94, 94, 94);
-  --fibery-color-progressFillBg: rgb(94, 94, 94);
-  --fibery-color-progressFillText: rgb(255, 255, 255);
-  --fibery-color-progressBarFillNeutral: rgba(158, 158, 158, 0.2);
-  --fibery-color-progressBarFill: #4978d4;
-  --fibery-color-progressBarBg: rgba(73, 120, 212, 0.25);
-  --fibery-color-colorPickerSwatchBorder: rgba(0, 0, 0, 0.14);
-  --fibery-color-colorBorderRichTextMedia: rgba(0, 0, 0, 0.14);
-  --fibery-color-richTextTableBorder: rgba(0, 0, 0, 0.09);
-  --fibery-color-colorBgDropLine: #96b1e9;
-  --fibery-color-viewBg: rgb(252, 252, 252);
-  --fibery-color-colorBgViewMetaItem: rgb(255, 255, 255);
-  --fibery-color-collectionViewBg: rgb(252, 252, 252);
-  --fibery-color-collectionViewBorder: 0 0 0 1px rgba(227, 227, 227, 0.6);
-  --fibery-color-viewSecondaryBg: rgb(247, 247, 247);
-  --fibery-color-viewHighlightBg: #f1f5fe;
-  --fibery-color-boardBg: rgb(252, 252, 252);
-  --fibery-color-boardBgWithOpacity80: rgba(252, 252, 252, 0.8);
-  --fibery-color-boardAxisBgHover: rgb(237, 237, 237);
-  --fibery-color-gridHeaderBgColor: rgb(247, 247, 247);
-  --fibery-color-gridHeaderHoverBgColor: rgb(245, 245, 245);
-  --fibery-color-gridHeaderTextColor: rgb(120, 120, 120);
-  --fibery-color-gridCellBgColor: rgb(255, 255, 255);
-  --fibery-color-gridCellBorderColor: rgb(232, 232, 232);
-  --fibery-color-gridDisabledCellBgColor: rgb(247, 247, 247);
-  --fibery-color-gridSelectedCellBgColor: #f1f5fe;
-  --fibery-color-gridHighlightedCellBgColor: #e8effd;
-  --fibery-color-gridSelectedCellBorderColor: #cad9f6;
-  --fibery-color-gridSelectedPinnedCellBorderColor: #b2c7f0;
-  --fibery-color-gridDisabledSelectedCellBgColor: #e8effd;
-  --fibery-color-gridActiveCellBorderColor: #96b1e9;
-  --fibery-color-timelineEntityHandleColor: #b2c7f0;
-  --fibery-color-timelineDependencyHoverBgColor: #96b1e9;
-  --fibery-color-timelineDependencyOverlapBgColor: rgb(211, 62, 78);
-  --fibery-color-timelineDependencyOverlapHoverBgColor: rgb(175, 36, 56);
-  --fibery-color-timelineCellBgColor: rgb(252, 252, 252);
-  --fibery-color-timelineCellWeekendBgColor: rgb(247, 247, 247);
-  --fibery-color-timelineCellTodayBgColor: #e8effd;
-  --fibery-color-timelineCreateEntityPlaceholderBgColor: rgba(94, 94, 94, 0.2);
-  --fibery-color-colorBgButtonSolidAccentDefault: #4978d4;
-  --fibery-color-colorBgButtonSolidAccentHover: #345eb2;
-  --fibery-color-colorBgButtonSolidNeutralDefault: rgb(23, 23, 23);
-  --fibery-color-colorBgButtonSolidNeutralHover: rgba(23, 23, 23, 0.85);
-  --fibery-color-colorBgButtonSolidDestructiveDefault: rgb(211, 62, 78);
-  --fibery-color-colorBgButtonSolidDestructiveHover: rgb(175, 36, 56);
-  --fibery-color-colorTextButtonSolidAccent: rgb(255, 255, 255);
-  --fibery-color-colorTextButtonSolidAccentActive: rgba(255, 255, 255, 0.8);
-  --fibery-color-colorTextButtonSolidNeutral: rgb(255, 255, 255);
-  --fibery-color-colorTextButtonSolidNeutralActive: rgb(255, 255, 255);
-  --fibery-color-colorTextButtonSolidDestructive: rgb(255, 255, 255);
-  --fibery-color-colorTextButtonSolidDestructiveActive: rgba(255, 255, 255, 0.8);
-  --fibery-color-colorIconButtonSolidAccent: rgb(255, 255, 255);
-  --fibery-color-colorIconButtonSolidNeutral: rgb(255, 255, 255);
-  --fibery-color-colorIconButtonSolidDestructive: rgb(255, 255, 255);
-  --fibery-color-colorBorderButtonOutlineAccentDefault: #96b1e9;
-  --fibery-color-colorBorderButtonOutlineNeutralDefault: rgb(199, 199, 199);
-  --fibery-color-colorBorderButtonOutlineDestructiveDefault: rgb(244, 179, 179);
-  --fibery-color-colorBgButtonOutlineAccentDefault: rgb(255, 255, 255);
-  --fibery-color-colorBgButtonOutlineAccentHover: #f1f5fe;
-  --fibery-color-colorBgButtonOutlineNeutralDefault: rgb(255, 255, 255);
-  --fibery-color-colorBgButtonOutlineNeutralHover: rgb(237, 237, 237);
-  --fibery-color-colorBgButtonOutlineDestructiveDefault: rgb(255, 255, 255);
-  --fibery-color-colorBgButtonOutlineDestructiveHover: rgb(255, 232, 232);
-  --fibery-color-colorTextButtonOutlineAccent: #345eb2;
-  --fibery-color-colorTextButtonOutlineAccentActive: rgba(52, 94, 178, 0.8);
-  --fibery-color-colorTextButtonOutlineNeutral: rgb(94, 94, 94);
-  --fibery-color-colorTextButtonOutlineNeutralActive: rgba(23, 23, 23, 0.8);
-  --fibery-color-colorTextButtonOutlineDestructive: rgb(175, 36, 56);
-  --fibery-color-colorTextButtonOutlineDestructiveActive: rgba(175, 36, 56, 0.8);
-  --fibery-color-colorIconButtonOutlineAccent: #345eb2;
-  --fibery-color-colorIconButtonOutlineNeutral: rgb(94, 94, 94);
-  --fibery-color-colorIconButtonOutlineDestructive: rgb(175, 36, 56);
-  --fibery-color-colorBgButtonSoftAccentDefault: #f1f5fe;
-  --fibery-color-colorBgButtonSoftAccentHover: #dbe5fa;
-  --fibery-color-colorBgButtonSoftNeutralDefault: rgb(245, 245, 245);
-  --fibery-color-colorBgButtonSoftNeutralHover: rgb(219, 219, 219);
-  --fibery-color-colorBgButtonSoftDestructiveDefault: rgb(255, 232, 232);
-  --fibery-color-colorBgButtonSoftDestructiveHover: rgb(250, 203, 203);
-  --fibery-color-colorTextButtonSoftAccent: #345eb2;
-  --fibery-color-colorTextButtonSoftAccentActive: rgba(52, 94, 178, 0.8);
-  --fibery-color-colorTextButtonSoftNeutral: rgb(94, 94, 94);
-  --fibery-color-colorTextButtonSoftNeutralActive: rgba(94, 94, 94, 0.8);
-  --fibery-color-colorTextButtonSoftDestructive: rgb(175, 36, 56);
-  --fibery-color-colorTextButtonSoftDestructiveActive: rgba(175, 36, 56, 0.8);
-  --fibery-color-colorIconButtonSoftAccent: #345eb2;
-  --fibery-color-colorIconButtonSoftNeutral: rgb(94, 94, 94);
-  --fibery-color-colorIconButtonSoftDestructive: rgb(175, 36, 56);
-  --fibery-color-colorBgButtonGhostAccentDefault: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgButtonGhostAccentHover: rgba(232, 239, 253, 0.8);
-  --fibery-color-colorBgButtonGhostNeutralDefault: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgButtonGhostNeutralHover: rgba(219, 219, 219, 0.5);
-  --fibery-color-colorBgButtonGhostDestructiveDefault: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgButtonGhostDestructiveHover: rgb(255, 232, 232);
-  --fibery-color-colorTextButtonGhostAccent: #345eb2;
-  --fibery-color-colorTextButtonGhostAccentActive: rgba(52, 94, 178, 0.8);
-  --fibery-color-colorTextButtonGhostNeutral: rgb(94, 94, 94);
-  --fibery-color-colorTextButtonGhostNeutralActive: rgba(94, 94, 94, 0.8);
-  --fibery-color-colorTextButtonGhostDestructive: rgb(175, 36, 56);
-  --fibery-color-colorTextButtonGhostDestructiveActive: rgba(175, 36, 56, 0.8);
-  --fibery-color-colorIconButtonGhostAccent: #345eb2;
-  --fibery-color-colorIconButtonGhostNeutral: rgb(94, 94, 94);
-  --fibery-color-colorIconButtonGhostDestructive: rgb(175, 36, 56);
-  --fibery-color-colorBorderAccentFocusRing: rgba(73, 120, 212, 0.3);
-  --fibery-color-colorBorderNeutralFocusRing: rgba(158, 158, 158, 0.3);
-  --fibery-color-colorBorderDestructiveFocusRing: rgba(211, 62, 78, 0.3);
-  --fibery-color-colorBgReactionsDefault: rgb(255, 255, 255);
-  --fibery-color-colorBgReactionsHover: rgb(245, 245, 245);
-  --fibery-color-colorBorderReactionsHover: rgb(199, 199, 199);
-  --fibery-color-colorBgReactionsSelectedDefault: #f1f5fe;
-  --fibery-color-colorBorderReactionsSelectedDefault: #96b1e9;
-  --fibery-color-colorBgReactionsSelectedHover: #fafcff;
-  --fibery-color-colorBorderReactionsSelectedHover: #4978d4;
-  --fibery-color-colorTextReactionsSelected: #3869cc;
-  --fibery-color-colorBgToastDefault: rgb(252, 252, 252);
-  --fibery-color-colorBgDbTabHover: rgb(245, 245, 245);
-  --fibery-color-colorBgDbTabFocus: rgb(227, 227, 227);
-  --fibery-color-colorBgTabHover: rgba(94, 94, 94, 0.1);
-  --fibery-color-colorBgMessageContainer: rgb(245, 245, 245);
-  --fibery-color-colorBgMessageContainerHover: rgb(237, 237, 237);
-  --fibery-color-colorBgEntityAvatarDefault: #fbfcfe;
-  --fibery-color-colorBgEntityAvatarHover: #f1f5fe;
-  --fibery-color-colorTextEntityAvatarDefault: #96b1e9;
-  --fibery-color-colorTextEntityAvatarHover: #4978d4;
-  --fibery-color-colorBgMessageHighlighted: rgb(255, 255, 255);
-  --fibery-color-colorBgCommentHover: rgb(247, 247, 247);
-  --fibery-color-colorBgCodeEditor: rgb(255, 255, 255);
-  --fibery-color-colorBgEditorImageZoomed: rgb(245, 245, 245);
-  --fibery-color-colorMermaidPrimaryColor: rgb(247, 247, 247);
-  --fibery-color-colorMermaidPrimaryBorderColor: rgb(158, 158, 158);
-  --fibery-color-colorMermaidLineColor: rgb(120, 120, 120);
-  --fibery-color-colorBgWhiteboard: rgb(255, 255, 255);
-  --fibery-color-colorGridDotWhiteboard: rgb(227, 227, 227);
-  --fibery-color-colorSelectionWhiteboardBorderEnabled: #96b1e9;
-  --fibery-color-colorHighlightWhiteboardSelection: #96b1e9;
-  --fibery-color-colorHighlightWhiteboardSelectionLocked: rgba(158, 158, 158, 0.5);
-  --fibery-color-colorSelectionWhiteboardBorderDisabled: rgba(158, 158, 158, 0.5);
-  --fibery-color-colorPlaceholderWhiteboardDefault: rgba(150, 177, 233, 0.2);
-  --fibery-color-colorLinkPointWhiteboardDefault: #96b1e9;
-  --fibery-color-colorLinkPointWhiteboardFillDefault: rgb(255, 255, 255);
-  --fibery-color-colorMapWhiteboardPreviewDefault: rgba(150, 177, 233, 0.4);
-  --fibery-color-colorCardWhiteboardShadowDefault: rgba(94, 94, 94, 0.05);
-  --fibery-color-colorCardWhiteboardBgDefault: rgb(255, 255, 255);
-  --fibery-color-colorCardWhiteboardBorderDefault: rgba(23, 23, 23, 0.2);
-  --fibery-color-colorUnitHeaderWhiteboardDefault: rgba(23, 23, 23, 0.6);
-  --fibery-color-colorUnitWhiteboardBgDefault: rgb(245, 245, 245);
-  --fibery-color-colorUnitWhiteboardBorderDefault: rgba(23, 23, 23, 0.2);
-  --fibery-color-colorSectionWhiteboardBgInactive: rgb(247, 247, 247);
-  --fibery-color-colorSectionWhiteboardBorderInactive: rgb(227, 227, 227);
-  --fibery-color-colorEmbedWhiteboardEditBorder: rgba(134, 191, 181, 0.9);
-  --fibery-color-colorTextWhiteboardDefault: rgb(23, 23, 23);
-  --fibery-color-colorTextWhiteboardDisabled: rgb(158, 158, 158);
-  --fibery-color-colorTextWhiteboardAccent: rgba(23, 23, 23, 0.6);
-  --fibery-color-colorTextWhiteboardInversedDefault: rgb(255, 255, 255);
-  --fibery-color-instrumentsMenuBg: rgb(255, 255, 255);
-  --fibery-color-instrumentsMenuShadow:
+  --colorBgListItemGeneral: rgba(255, 255, 255, 0);
+  --colorBgListItemGeneralHover: rgb(245, 245, 245);
+  --colorBgListItemGeneralFocus: rgb(237, 237, 237);
+  --colorBgListItemGeneralSelected: #dbe5fa;
+  --colorBgListItemGeneralSelectedHover: #cad9f6;
+  --colorBgListItemGeneralSelectedFocus: #cad9f6;
+  --colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
+  --colorTextListItemGeneralDisabled: rgb(158, 158, 158);
+  --colorBgListItemGeneralSelectedDisabled: #dbe5fa;
+  --opacityListItemGeneralDisabled: 0.4;
+  --colorSearchSubtitle: rgb(158, 158, 158);
+  --colorBgSearchPanel: rgb(255, 255, 255);
+  --colorBgSearchRowHover: rgb(237, 237, 237);
+  --colorBgSearchRowCreateHover: #e8effd;
+  --opacitySearchItemDone: 0.4;
+  --colorBgEntityBoxDefault: rgb(255, 255, 255);
+  --shadowStrokeEntityBoxDefault: 0 0 0 1px rgb(232, 232, 232);
+  --shadowEntityBoxDefault: 0 2px 4px 0 rgba(23, 23, 23, 0.05);
+  --colorBgEntityBoxDefaultHover: rgb(255, 255, 255);
+  --shadowEntityBoxDefaultHover: 0 4px 8px 0 rgba(23, 23, 23, 0.1);
+  --colorBgEntityBoxDefaultFocus: rgb(255, 255, 255);
+  --colorOverlayEntityBoxDefaultFocus: #4978d4;
+  --shadowStrokeEntityBoxDefaultFocus: 0 0 0 2px rgba(73, 120, 212, 0.4);
+  --colorBgEntityBoxDefaultFocusHover: rgb(255, 255, 255);
+  --colorOverlayEntityBoxDefaultFocusHover: #4978d4;
+  --shadowStrokeEntityBoxDefaultFocusHover: 0 0 0 2px rgba(73, 120, 212, 0.6);
+  --opacityEntityBoxDefaultDrag: 0.4;
+  --shadowEntityBoxDefaultDrag: 0 8px 12px 0 rgba(23, 23, 23, 0.1);
+  --colorBgEntityBoxSelected: #fafcff;
+  --shadowStrokeEntityBoxSelected: 0 0 0 1px rgba(73, 120, 212, 0.4), 0 0 0 3px rgba(73, 120, 212, 0.4);
+  --colorBgEntityBoxSelectedHover: #f1f5fe;
+  --shadowStrokeEntityBoxSelectedHover: 0 0 0 1px rgba(73, 120, 212, 0.6), 0 0 0 3px rgba(73, 120, 212, 0.4);
+  --colorBgEntityBoxSelectedDrag: #f1f5fe;
+  --shadowStrokeEntityBoxSelectedDrag: 0 0 0 1px rgba(73, 120, 212, 0.4), 0 0 0 3px rgba(73, 120, 212, 0.4);
+  --opacityEntityBoxDisabled: 0.65;
+  --opacityEntityBoxDisabledHover: 0.75;
+  --opacityEntityBoxDisabledFocus: 0.75;
+  --opacityEntityBoxDisabledDrag: 0.4;
+  --entityCardBgColor: rgb(255, 255, 255);
+  --entityCardSelectedColor: rgba(247, 247, 247, 0.8);
+  --entityCardHoverColor: rgba(247, 247, 247, 0.8);
+  --entityCardDoneColor: rgba(237, 237, 237, 0.3);
+  --entityCardShadow: 0 0 0 1px rgba(120, 120, 120, 0.1), 0 2px 4px -4px rgba(120, 120, 120, 0.2);
+  --entityCardShadowHover: 0 0 0 1px rgba(120, 120, 120, 0.1), 0 2px 4px -4px rgba(120, 120, 120, 0.2);
+  --colorBgSegmentedControl: rgba(232, 232, 232, 0.8);
+  --colorBgMenuHeaderAvatar: rgb(255, 255, 255);
+  --shadowMenuHeaderAvatar: 0 1px 4px 0 rgba(94, 94, 94, 0.1), 0 0 0 0.5px rgba(232, 232, 232, 0.5);
+  --opacityMenuItemDragged: 0.4;
+  --colorBgMenuItemSelectedDragged: #cad9f6;
+  --colorTextMenuItem: rgba(23, 23, 23, 0.9);
+  --colorBgMenuItem: rgba(255, 255, 255, 0);
+  --colorBgMenuItemHover: rgb(232, 232, 232);
+  --colorBgMenuItemFocus: rgb(227, 227, 227);
+  --colorBgMenuItemSelected: rgba(219, 229, 250, 0.8);
+  --colorBgMenuItemSelectedHover: rgba(202, 217, 246, 0.7);
+  --colorBgPinnedFieldsLabel: rgb(94, 94, 94);
+  --colorBgObjectEditorSeparator: rgb(23, 23, 23);
+  --colorBgMenuItemSelectedFocused: #cad9f6;
+  --colorBgFieldEditorContainer: rgb(247, 247, 247);
+  --colorBgFieldEditorLinkEqualSign: rgb(227, 227, 227);
+  --allowedDropColor: rgb(237, 237, 237);
+  --relationViewBgColor: rgb(247, 247, 247);
+  --mySpaceIconColor: rgb(122, 132, 142);
+  --mySpaceIconBg: rgba(106, 132, 155, 0.2);
+  --privateIconColor: rgb(105, 172, 94);
+  --privateIconBg: rgba(105, 172, 94, 0.2);
+  --favoritesIconColor: rgb(238, 166, 74);
+  --favoritesIconBg: rgba(251, 163, 47, 0.2);
+  --swatchDefault: #2978fb;
+  --unitBg: rgb(245, 245, 245);
+  --unitBgHover: rgb(237, 237, 237);
+  --colorBgBadgeNeutral: rgba(232, 232, 232, 0.7);
+  --colorBgBadgeAccent: rgba(219, 229, 250, 0.7);
+  --colorBgBadgeSuccess: rgb(214, 234, 230);
+  --colorBgBadgeWarning: rgb(255, 242, 160);
+  --colorBgBadgeError: rgb(253, 220, 219);
+  --colorTextBadgeNeutral: rgb(94, 94, 94);
+  --colorTextBadgeAccent: #345eb2;
+  --colorTextBadgeSuccess: rgb(0, 116, 104);
+  --colorTextBadgeWarning: rgb(129, 113, 0);
+  --colorTextBadgeError: rgb(175, 36, 56);
+  --badgeBgColor: rgba(120, 120, 120, 0.2);
+  --tooltipBgColor: rgb(46, 46, 46);
+  --todayMarkerColor: rgb(237, 150, 151);
+  --viewBgOverlayColor: rgba(199, 199, 199, 0.2);
+  --floatEditorMenuBg: rgb(252, 252, 252);
+  --floatEditorActiveColor: #345eb2;
+  --commentColor: rgba(247, 231, 135, 0.6);
+  --cellBackgroundColor: rgb(247, 247, 247);
+  --cellBackgroundHoverColor: rgba(227, 227, 227, 0.3);
+  --cellBorderColor: rgba(199, 199, 199, 0.5);
+  --cellPinnedBorderColor: rgba(199, 199, 199, 0.7);
+  --tableRowWarningColor: rgba(247, 231, 135, 0.6);
+  --errorBgColor: rgba(211, 62, 78, 0.2);
+  --errorTextColor: rgb(175, 36, 56);
+  --errorButtonColor: rgb(211, 62, 78);
+  --warningBgColor: rgba(247, 231, 135, 0.6);
+  --warningButtonColor: rgb(129, 113, 0);
+  --infoBox: rgba(255, 248, 185, 0.5);
+  --appCardBgColor: rgb(255, 255, 255);
+  --appCardHoverColor: rgba(252, 252, 252, 0.95);
+  --modalBg: rgba(94, 94, 94, 0.2);
+  --modalContentBg: rgb(255, 255, 255);
+  --progressIconBg: rgba(0, 0, 0, 0.14);
+  --progressIconFill: rgba(0, 0, 0, 0.57);
+  --formBg: rgb(247, 247, 247);
+  --formHeaderShadow: 0 0 6px 0 rgba(120, 120, 120, 0.1);
+  --formEditorFieldBg: rgb(245, 245, 245);
+  --filterGroup1Bg: rgb(247, 247, 247);
+  --filterGroup2Bg: rgb(245, 245, 245);
+  --filterGroupBorder: rgba(0, 0, 0, 0.05);
+  --colorBgNotificationHover: rgb(245, 245, 245);
+  --colorBgNotificationSelected: #f1f5fe;
+  --colorBgNotificationSelectedHover: #e8effd;
+  --disabledInversedTextColor: rgba(0, 0, 0, 0.25);
+  --success: rgb(0, 144, 130);
+  --danger: rgb(211, 62, 78);
+  --active: rgb(211, 62, 78);
+  --warning: rgb(246, 217, 0);
+  --cardBg: rgb(255, 255, 255);
+  --selectedImageBorder: rgba(0, 0, 0, 0.22);
+  --transparent: rgba(255, 255, 255, 0);
+  --progressBg: rgb(237, 237, 237);
+  --progressText: rgb(94, 94, 94);
+  --progressFillBg: rgb(94, 94, 94);
+  --progressFillText: rgb(255, 255, 255);
+  --progressBarFillNeutral: rgba(158, 158, 158, 0.2);
+  --progressBarFill: #4978d4;
+  --progressBarBg: rgba(73, 120, 212, 0.25);
+  --colorPickerSwatchBorder: rgba(0, 0, 0, 0.14);
+  --colorBorderRichTextMedia: rgba(0, 0, 0, 0.14);
+  --richTextTableBorder: rgba(0, 0, 0, 0.09);
+  --colorBgDropLine: #96b1e9;
+  --viewBg: rgb(252, 252, 252);
+  --colorBgViewMetaItem: rgb(255, 255, 255);
+  --collectionViewBg: rgb(252, 252, 252);
+  --collectionViewBorder: 0 0 0 1px rgba(227, 227, 227, 0.6);
+  --viewSecondaryBg: rgb(247, 247, 247);
+  --viewHighlightBg: #f1f5fe;
+  --boardBg: rgb(252, 252, 252);
+  --boardBgWithOpacity80: rgba(252, 252, 252, 0.8);
+  --boardAxisBgHover: rgb(237, 237, 237);
+  --gridHeaderBgColor: rgb(247, 247, 247);
+  --gridHeaderHoverBgColor: rgb(245, 245, 245);
+  --gridHeaderTextColor: rgb(120, 120, 120);
+  --gridCellBgColor: rgb(255, 255, 255);
+  --gridCellBorderColor: rgb(232, 232, 232);
+  --gridDisabledCellBgColor: rgb(247, 247, 247);
+  --gridSelectedCellBgColor: #f1f5fe;
+  --gridHighlightedCellBgColor: #e8effd;
+  --gridSelectedCellBorderColor: #cad9f6;
+  --gridSelectedPinnedCellBorderColor: #b2c7f0;
+  --gridDisabledSelectedCellBgColor: #e8effd;
+  --gridActiveCellBorderColor: #96b1e9;
+  --timelineEntityHandleColor: #b2c7f0;
+  --timelineDependencyHoverBgColor: #96b1e9;
+  --timelineDependencyOverlapBgColor: rgb(211, 62, 78);
+  --timelineDependencyOverlapHoverBgColor: rgb(175, 36, 56);
+  --timelineCellBgColor: rgb(252, 252, 252);
+  --timelineCellWeekendBgColor: rgb(247, 247, 247);
+  --timelineCellTodayBgColor: #e8effd;
+  --timelineCreateEntityPlaceholderBgColor: rgba(94, 94, 94, 0.2);
+  --colorBgButtonSolidAccentDefault: #4978d4;
+  --colorBgButtonSolidAccentHover: #345eb2;
+  --colorBgButtonSolidNeutralDefault: rgb(23, 23, 23);
+  --colorBgButtonSolidNeutralHover: rgba(23, 23, 23, 0.85);
+  --colorBgButtonSolidDestructiveDefault: rgb(211, 62, 78);
+  --colorBgButtonSolidDestructiveHover: rgb(175, 36, 56);
+  --colorTextButtonSolidAccent: rgb(255, 255, 255);
+  --colorTextButtonSolidAccentActive: rgba(255, 255, 255, 0.8);
+  --colorTextButtonSolidNeutral: rgb(255, 255, 255);
+  --colorTextButtonSolidNeutralActive: rgb(255, 255, 255);
+  --colorTextButtonSolidDestructive: rgb(255, 255, 255);
+  --colorTextButtonSolidDestructiveActive: rgba(255, 255, 255, 0.8);
+  --colorIconButtonSolidAccent: rgb(255, 255, 255);
+  --colorIconButtonSolidNeutral: rgb(255, 255, 255);
+  --colorIconButtonSolidDestructive: rgb(255, 255, 255);
+  --colorBorderButtonOutlineAccentDefault: #96b1e9;
+  --colorBorderButtonOutlineNeutralDefault: rgb(199, 199, 199);
+  --colorBorderButtonOutlineDestructiveDefault: rgb(244, 179, 179);
+  --colorBgButtonOutlineAccentDefault: rgb(255, 255, 255);
+  --colorBgButtonOutlineAccentHover: #f1f5fe;
+  --colorBgButtonOutlineNeutralDefault: rgb(255, 255, 255);
+  --colorBgButtonOutlineNeutralHover: rgb(237, 237, 237);
+  --colorBgButtonOutlineDestructiveDefault: rgb(255, 255, 255);
+  --colorBgButtonOutlineDestructiveHover: rgb(255, 232, 232);
+  --colorTextButtonOutlineAccent: #345eb2;
+  --colorTextButtonOutlineAccentActive: rgba(52, 94, 178, 0.8);
+  --colorTextButtonOutlineNeutral: rgb(94, 94, 94);
+  --colorTextButtonOutlineNeutralActive: rgba(23, 23, 23, 0.8);
+  --colorTextButtonOutlineDestructive: rgb(175, 36, 56);
+  --colorTextButtonOutlineDestructiveActive: rgba(175, 36, 56, 0.8);
+  --colorIconButtonOutlineAccent: #345eb2;
+  --colorIconButtonOutlineNeutral: rgb(94, 94, 94);
+  --colorIconButtonOutlineDestructive: rgb(175, 36, 56);
+  --colorBgButtonSoftAccentDefault: #f1f5fe;
+  --colorBgButtonSoftAccentHover: #dbe5fa;
+  --colorBgButtonSoftNeutralDefault: rgb(245, 245, 245);
+  --colorBgButtonSoftNeutralHover: rgb(219, 219, 219);
+  --colorBgButtonSoftDestructiveDefault: rgb(255, 232, 232);
+  --colorBgButtonSoftDestructiveHover: rgb(250, 203, 203);
+  --colorTextButtonSoftAccent: #345eb2;
+  --colorTextButtonSoftAccentActive: rgba(52, 94, 178, 0.8);
+  --colorTextButtonSoftNeutral: rgb(94, 94, 94);
+  --colorTextButtonSoftNeutralActive: rgba(94, 94, 94, 0.8);
+  --colorTextButtonSoftDestructive: rgb(175, 36, 56);
+  --colorTextButtonSoftDestructiveActive: rgba(175, 36, 56, 0.8);
+  --colorIconButtonSoftAccent: #345eb2;
+  --colorIconButtonSoftNeutral: rgb(94, 94, 94);
+  --colorIconButtonSoftDestructive: rgb(175, 36, 56);
+  --colorBgButtonGhostAccentDefault: rgba(255, 255, 255, 0);
+  --colorBgButtonGhostAccentHover: rgba(232, 239, 253, 0.8);
+  --colorBgButtonGhostNeutralDefault: rgba(255, 255, 255, 0);
+  --colorBgButtonGhostNeutralHover: rgba(219, 219, 219, 0.5);
+  --colorBgButtonGhostDestructiveDefault: rgba(255, 255, 255, 0);
+  --colorBgButtonGhostDestructiveHover: rgb(255, 232, 232);
+  --colorTextButtonGhostAccent: #345eb2;
+  --colorTextButtonGhostAccentActive: rgba(52, 94, 178, 0.8);
+  --colorTextButtonGhostNeutral: rgb(94, 94, 94);
+  --colorTextButtonGhostNeutralActive: rgba(94, 94, 94, 0.8);
+  --colorTextButtonGhostDestructive: rgb(175, 36, 56);
+  --colorTextButtonGhostDestructiveActive: rgba(175, 36, 56, 0.8);
+  --colorIconButtonGhostAccent: #345eb2;
+  --colorIconButtonGhostNeutral: rgb(94, 94, 94);
+  --colorIconButtonGhostDestructive: rgb(175, 36, 56);
+  --colorBorderAccentFocusRing: rgba(73, 120, 212, 0.3);
+  --colorBorderNeutralFocusRing: rgba(158, 158, 158, 0.3);
+  --colorBorderDestructiveFocusRing: rgba(211, 62, 78, 0.3);
+  --colorBgReactionsDefault: rgb(255, 255, 255);
+  --colorBgReactionsHover: rgb(245, 245, 245);
+  --colorBorderReactionsHover: rgb(199, 199, 199);
+  --colorBgReactionsSelectedDefault: #f1f5fe;
+  --colorBorderReactionsSelectedDefault: #96b1e9;
+  --colorBgReactionsSelectedHover: #fafcff;
+  --colorBorderReactionsSelectedHover: #4978d4;
+  --colorTextReactionsSelected: #3869cc;
+  --colorBgToggleButtonUnselectedNormal: rgb(255, 255, 255);
+  --colorBgToggleButtonUnselectedHover: rgb(245, 245, 245);
+  --colorBgToggleButtonSelectedNormal: #f1f5fe;
+  --colorBgToggleButtonSelectedHover: #fafcff;
+  --colorBorderToggleButtonUnselectedNormal: rgb(199, 199, 199);
+  --colorBorderToggleButtonUnselectedHover: rgb(199, 199, 199);
+  --colorBorderToggleButtonSelectedNormal: #96b1e9;
+  --colorBorderToggleButtonSelectedHover: #4978d4;
+  --colorTextToggleButtonUnselectedNormal: rgb(94, 94, 94);
+  --colorTextToggleButtonUnselectedHover: rgb(94, 94, 94);
+  --colorTextToggleButtonSelectedNormal: #3869cc;
+  --colorTextToggleButtonSelectedHover: #3869cc;
+  --colorIconToggleButtonUnselectedNormal: rgb(94, 94, 94);
+  --colorIconToggleButtonUnselectedHover: rgb(94, 94, 94);
+  --colorIconToggleButtonSelectedNormal: #345eb2;
+  --colorIconToggleButtonSelectedHover: #345eb2;
+  --colorBgRoundToggleButtonUnselectedNormal: rgb(255, 255, 255);
+  --colorBgRoundToggleButtonUnselectedHover: rgb(245, 245, 245);
+  --colorBgRoundToggleButtonSelectedNormal: #e8effd;
+  --colorBgRoundToggleButtonSelectedHover: #f1f5fe;
+  --colorBorderRoundToggleButtonUnselectedNormal: rgb(199, 199, 199);
+  --colorBorderRoundToggleButtonUnselectedHover: rgb(199, 199, 199);
+  --colorBorderRoundToggleButtonSelectedNormal: #96b1e9;
+  --colorBorderRoundToggleButtonSelectedHover: #4978d4;
+  --colorTextRoundToggleButtonUnselectedNormal: rgb(94, 94, 94);
+  --colorTextRoundToggleButtonUnselectedHover: rgb(94, 94, 94);
+  --colorTextRoundToggleButtonSelectedNormal: #3869cc;
+  --colorTextRoundToggleButtonSelectedHover: #3869cc;
+  --colorIconRoundToggleButtonUnselectedNormal: rgb(94, 94, 94);
+  --colorIconRoundToggleButtonUnselectedHover: rgb(94, 94, 94);
+  --colorIconRoundToggleButtonSelectedNormal: #345eb2;
+  --colorIconRoundToggleButtonSelectedHover: #345eb2;
+  --colorBgToastDefault: rgb(252, 252, 252);
+  --colorBgDbTabHover: rgb(245, 245, 245);
+  --colorBgDbTabFocus: rgb(227, 227, 227);
+  --colorBgTabHover: rgba(94, 94, 94, 0.1);
+  --colorBgMessageContainer: rgb(245, 245, 245);
+  --colorBgMessageContainerHover: rgb(237, 237, 237);
+  --colorBgEntityAvatarDefault: #fbfcfe;
+  --colorBgEntityAvatarHover: #f1f5fe;
+  --colorTextEntityAvatarDefault: #96b1e9;
+  --colorTextEntityAvatarHover: #4978d4;
+  --colorBgMessageHighlighted: rgb(255, 255, 255);
+  --colorBgCommentHover: rgb(247, 247, 247);
+  --colorBgCodeEditor: rgb(255, 255, 255);
+  --colorBgEditorImageZoomed: rgb(245, 245, 245);
+  --colorMermaidPrimaryColor: rgb(247, 247, 247);
+  --colorMermaidPrimaryBorderColor: rgb(158, 158, 158);
+  --colorMermaidLineColor: rgb(120, 120, 120);
+  --colorBgWhiteboard: rgb(255, 255, 255);
+  --colorGridDotWhiteboard: rgb(227, 227, 227);
+  --colorSelectionWhiteboardBorderEnabled: #96b1e9;
+  --colorHighlightWhiteboardSelection: #96b1e9;
+  --colorHighlightWhiteboardSelectionLocked: rgba(158, 158, 158, 0.5);
+  --colorSelectionWhiteboardBorderDisabled: rgba(158, 158, 158, 0.5);
+  --colorPlaceholderWhiteboardDefault: rgba(150, 177, 233, 0.2);
+  --colorLinkPointWhiteboardDefault: #96b1e9;
+  --colorLinkPointWhiteboardFillDefault: rgb(255, 255, 255);
+  --colorMapWhiteboardPreviewDefault: rgba(150, 177, 233, 0.4);
+  --colorCardWhiteboardShadowDefault: rgba(94, 94, 94, 0.05);
+  --colorCardWhiteboardBgDefault: rgb(255, 255, 255);
+  --colorCardWhiteboardBorderDefault: rgba(23, 23, 23, 0.2);
+  --colorUnitHeaderWhiteboardDefault: rgba(23, 23, 23, 0.6);
+  --colorUnitWhiteboardBgDefault: rgb(245, 245, 245);
+  --colorUnitWhiteboardBorderDefault: rgba(23, 23, 23, 0.2);
+  --colorSectionWhiteboardBgInactive: rgb(247, 247, 247);
+  --colorSectionWhiteboardBorderInactive: rgb(227, 227, 227);
+  --colorUploadPreviewBg: rgba(94, 94, 94, 0.65);
+  --colorEmbedWhiteboardEditBorder: rgba(134, 191, 181, 0.9);
+  --colorTextWhiteboardDefault: rgb(23, 23, 23);
+  --colorTextWhiteboardDisabled: rgb(158, 158, 158);
+  --colorTextWhiteboardAccent: rgba(23, 23, 23, 0.6);
+  --colorTextWhiteboardInversedDefault: rgb(255, 255, 255);
+  --instrumentsMenuBg: rgb(255, 255, 255);
+  --instrumentsMenuShadow:
     0 0 1px 0 rgba(94, 94, 94, 0.2), 0 4px 6px 0 rgba(94, 94, 94, 0.05), 0 3px 12px 0 rgba(94, 94, 94, 0.1);
-  --fibery-color-commentBubbleBg: rgb(255, 255, 255);
-  --fibery-color-commentsPanelShadow:
+  --commentBubbleBg: rgb(255, 255, 255);
+  --commentsPanelShadow:
     0 0 1px 0 rgba(94, 94, 94, 0.2), 0 4px 6px 0 rgba(94, 94, 94, 0.05), 0 3px 12px 0 rgba(94, 94, 94, 0.1);
-  --fibery-color-searchFiltersBg: rgb(252, 252, 252);
-  --fibery-color-selectedColorBorder: rgba(227, 227, 227, 0.25);
-  --fibery-color-colorBgSegmentedControlDefault: rgb(245, 245, 245);
-  --fibery-color-colorBgSegmentedControlActive: rgb(252, 252, 252);
-  --fibery-color-colorBgSegmentedControlHover: rgb(232, 232, 232);
-  --fibery-color-colorBorderSegmentedControlDefault: rgb(227, 227, 227);
-  --fibery-color-colorBgBannerNeutral: rgb(245, 245, 245);
-  --fibery-color-colorBgBannerPrimary: #f1f5fe;
-  --fibery-color-colorBgBannerWarning: rgb(255, 251, 207);
-  --fibery-color-colorBgBannerError: rgb(255, 241, 241);
-  --fibery-color-colorBgBannerSuccess: rgb(239, 247, 245);
-  --fibery-color-colorIconBannerNeutral: rgb(23, 23, 23);
-  --fibery-color-colorIconBannerAccent: #345eb2;
-  --fibery-color-colorIconBannerWarning: rgb(129, 113, 0);
-  --fibery-color-colorIconBannerError: rgb(175, 36, 56);
-  --fibery-color-colorIconBannerSuccess: rgb(0, 116, 104);
-  --fibery-color-colorTextBannerNeutral: rgb(23, 23, 23);
-  --fibery-color-colorTextBannerAccent: #345eb2;
-  --fibery-color-colorTextBannerWarning: rgb(129, 113, 0);
-  --fibery-color-colorTextBannerError: rgb(175, 36, 56);
-  --fibery-color-colorTextBannerSuccess: rgb(0, 116, 104);
-  --fibery-color-colorBgChargebeeInfoBox: rgb(245, 245, 245);
-  --fibery-color-newCommentHorizontalRulerColor: rgb(237, 150, 151);
-  --fibery-color-colorBgErrorMessage: rgb(237, 150, 151);
-  --fibery-color-colorBorderLogoGrid: rgb(237, 237, 237);
-  --fibery-color-colorBorderLogoGridSubtle: rgba(237, 237, 237, 0.2);
-  --fibery-color-colorBorderLogoGridMedium: rgba(237, 237, 237, 0.4);
-  --fibery-color-colorStrokeLogoDashed: rgb(227, 227, 227);
-  --fibery-color-colorBgLogoCardTransparent: rgb(255, 255, 255);
-  --fibery-color-colorBgLogoCardDark: rgb(199, 199, 199);
-  --fibery-color-colorBgLogoCardMedium: rgb(237, 237, 237);
-  --fibery-color-colorBgSkeletonFrom: rgba(255, 255, 255, 0.05);
-  --fibery-color-colorBgSkeletonTo: rgba(255, 255, 255, 0.1);
-  --fibery-color-colorShadowInsetEdge: rgba(255, 255, 255, 0.05);
-  --fibery-color-colorShadowBorder: rgba(255, 255, 255, 0.1);
-  --fibery-color-colorShadowElevation: rgba(0, 0, 0, 0.1);
-  --fibery-color-colorShadowOutline: rgba(0, 0, 0, 0.2);
-  --fibery-color-colorPlaceholder: rgba(255, 255, 255, 0.4);
-  --fibery-color-colorPlaceholderSubtle: rgba(255, 255, 255, 0.25);
-  --fibery-color-colorBgSubtleLight: rgba(255, 255, 255, 0.05);
-  --fibery-color-colorStrokeSurface: rgb(255, 255, 255);
-  --fibery-color-colorTextMilestone: rgba(0, 0, 0, 0.5);
-  --fibery-color-colorSpinnerIcon: rgba(0, 0, 0, 0.9);
-  --fibery-color-colorSpinnerBg: rgba(0, 0, 0, 0.1);
-  --fibery-color-colorBgLaneSubtle: rgba(0, 0, 0, 0.05);
-  --fibery-color-opacity15: 0.15;
-  --fibery-color-opacity20: 0.2;
-  --fibery-color-opacity25: 0.25;
-  --fibery-color-opacity30: 0.3;
-  --fibery-color-opacity40: 0.4;
-  --fibery-color-opacity50: 0.5;
-  --fibery-color-opacity60: 0.6;
-  --fibery-color-opacity65: 0.65;
-  --fibery-color-opacity70: 0.7;
-  --fibery-color-opacity75: 0.75;
-  --fibery-color-opacity80: 0.8;
-  --fibery-color-opacity85: 0.85;
-  --fibery-color-opacity90: 0.9;
-  --fibery-color-whiteA10: rgba(255, 255, 255, 0.1);
-  --fibery-color-whiteA40: rgba(255, 255, 255, 0.4);
-  --fibery-color-whiteA100: rgb(255, 255, 255);
-  --fibery-color-colorBgFileOverlay: rgba(0, 0, 0, 0.6);
-  --fibery-color-colorBgScrollFade: rgba(255, 255, 255, 0.15);
-  --fibery-color-colorStrokeSelectedOutline: rgba(0, 0, 0, 0.75);
-  --fibery-color-scrollbar: rgba(158, 158, 158, 0.5);
+  --searchFiltersBg: rgb(252, 252, 252);
+  --selectedColorBorder: rgba(227, 227, 227, 0.25);
+  --colorBgSegmentedControlDefault: rgb(245, 245, 245);
+  --colorBgSegmentedControlActive: rgb(252, 252, 252);
+  --colorBgSegmentedControlHover: rgb(232, 232, 232);
+  --colorBorderSegmentedControlDefault: rgb(227, 227, 227);
+  --colorBgBannerNeutral: rgb(245, 245, 245);
+  --colorBgBannerAccent: #f1f5fe;
+  --colorBgBannerWarning: rgb(255, 251, 207);
+  --colorBgBannerError: rgb(255, 241, 241);
+  --colorBgBannerSuccess: rgb(239, 247, 245);
+  --colorIconBannerNeutral: rgb(94, 94, 94);
+  --colorIconBannerAccent: #345eb2;
+  --colorIconBannerWarning: rgb(129, 113, 0);
+  --colorIconBannerError: rgb(175, 36, 56);
+  --colorIconBannerSuccess: rgb(0, 116, 104);
+  --colorTextBannerNeutral: rgb(23, 23, 23);
+  --colorTextBannerAccent: #345eb2;
+  --colorTextBannerWarning: rgb(129, 113, 0);
+  --colorTextBannerError: rgb(175, 36, 56);
+  --colorTextBannerSuccess: rgb(0, 116, 104);
+  --colorBgChargebeeInfoBox: rgb(245, 245, 245);
+  --newCommentHorizontalRulerColor: rgb(237, 150, 151);
+  --colorBgErrorMessage: rgb(237, 150, 151);
+  --colorBorderLogoGrid: rgb(237, 237, 237);
+  --colorBorderLogoGridSubtle: rgba(237, 237, 237, 0.2);
+  --colorBorderLogoGridMedium: rgba(237, 237, 237, 0.4);
+  --colorStrokeLogoDashed: rgb(227, 227, 227);
+  --colorBgLogoCardTransparent: rgb(255, 255, 255);
+  --colorBgLogoCardDark: rgb(199, 199, 199);
+  --colorBgLogoCardMedium: rgb(237, 237, 237);
+  --colorBgSkeletonFrom: rgba(255, 255, 255, 0.05);
+  --colorBgSkeletonTo: rgba(255, 255, 255, 0.1);
+  --colorShadowInsetEdge: rgba(255, 255, 255, 0.05);
+  --colorShadowBorder: rgba(255, 255, 255, 0.1);
+  --colorShadowElevation: rgba(0, 0, 0, 0.1);
+  --colorShadowOutline: rgba(0, 0, 0, 0.2);
+  --colorPlaceholder: rgba(255, 255, 255, 0.4);
+  --colorPlaceholderSubtle: rgba(255, 255, 255, 0.25);
+  --colorBgSubtleLight: rgba(255, 255, 255, 0.05);
+  --colorStrokeSurface: rgb(255, 255, 255);
+  --colorTextMilestone: rgba(0, 0, 0, 0.5);
+  --colorSpinnerIcon: rgba(0, 0, 0, 0.9);
+  --colorSpinnerBg: rgba(0, 0, 0, 0.1);
+  --colorBgLaneSubtle: rgba(0, 0, 0, 0.05);
+  --opacity15: 0.15;
+  --opacity20: 0.2;
+  --opacity25: 0.25;
+  --opacity30: 0.3;
+  --opacity40: 0.4;
+  --opacity50: 0.5;
+  --opacity60: 0.6;
+  --opacity65: 0.65;
+  --opacity70: 0.7;
+  --opacity75: 0.75;
+  --opacity80: 0.8;
+  --opacity85: 0.85;
+  --opacity90: 0.9;
+  --whiteA10: rgba(255, 255, 255, 0.1);
+  --whiteA40: rgba(255, 255, 255, 0.4);
+  --whiteA100: rgb(255, 255, 255);
+  --colorBgFileOverlay: rgba(0, 0, 0, 0.6);
+  --colorBgScrollFade: rgba(255, 255, 255, 0.15);
+  --colorStrokeSelectedOutline: rgba(0, 0, 0, 0.75);
+  --scrollbar: rgba(158, 158, 158, 0.5);
 }
 :root.dark-theme {
-  --fibery-color-surfaceElevationS: 0 2px 4px 0 rgba(23, 23, 23, 0.05);
-  --fibery-color-surfaceElevationM: 0 4px 8px 0 rgba(255, 255, 255, 0.09);
-  --fibery-color-surfaceElevationL: 0 8px 12px 0 rgba(255, 255, 255, 0.09);
-  --fibery-color-shadow50: 0 0 0 1px rgba(237, 237, 237, 0.1);
-  --fibery-color-shadow100: 0 1px 4px 0 rgba(23, 23, 23, 0.1);
-  --fibery-color-shadow200: 0 2px 6px 0 rgba(23, 23, 23, 0.1);
-  --fibery-color-shadow300: 0 3px 6px -3px rgba(23, 23, 23, 0.1), 0 8px 20px -4px rgba(23, 23, 23, 0.15);
-  --fibery-color-shadow400: 0 0 1px 0 rgba(23, 23, 23, 0.2), 0 16px 40px 0 rgba(23, 23, 23, 0.15);
-  --fibery-color-shadow500: 0 0 1px 0 rgba(23, 23, 23, 0.2), 0 20px 50px 0 rgba(23, 23, 23, 0.15);
-  --fibery-color-shadow600: 0 0 1px 0 rgba(23, 23, 23, 0.2), 0 26px 80px 0 rgba(23, 23, 23, 0.2);
-  --fibery-color-actionMenuShadow:
+  --surfaceElevationS: 0 2px 4px 0 rgba(23, 23, 23, 0.05);
+  --surfaceElevationM: 0 4px 8px 0 rgba(255, 255, 255, 0.09);
+  --surfaceElevationL: 0 8px 12px 0 rgba(255, 255, 255, 0.09);
+  --shadow50: 0 0 0 1px rgba(237, 237, 237, 0.1);
+  --shadow100: 0 1px 4px 0 rgba(23, 23, 23, 0.1);
+  --shadow200: 0 2px 6px 0 rgba(23, 23, 23, 0.1);
+  --shadow300: 0 3px 6px -3px rgba(23, 23, 23, 0.1), 0 8px 20px -4px rgba(23, 23, 23, 0.15);
+  --shadow400: 0 0 1px 0 rgba(23, 23, 23, 0.2), 0 16px 40px 0 rgba(23, 23, 23, 0.15);
+  --shadow500: 0 0 1px 0 rgba(23, 23, 23, 0.2), 0 20px 50px 0 rgba(23, 23, 23, 0.15);
+  --shadow600: 0 0 1px 0 rgba(23, 23, 23, 0.2), 0 26px 80px 0 rgba(23, 23, 23, 0.2);
+  --actionMenuShadow:
     0 0 0 1px rgb(51, 51, 51), 0 4px 6px 0 rgba(23, 23, 23, 0.05), 0 10px 26px 0 rgba(23, 23, 23, 0.15);
-  --fibery-color-shadowPopup:
+  --shadowPopup: 0 0 0 1px rgb(51, 51, 51), 0 4px 6px 0 rgba(23, 23, 23, 0.05), 0 10px 26px 0 rgba(23, 23, 23, 0.15);
+  --shadowSidebar: -3px 0 10px 0 rgba(23, 23, 23, 0.8);
+  --highlightBgYellow: rgb(81, 63, 19);
+  --highlightFgYellow: rgb(223, 182, 90);
+  --highlightFgOnBgYellow: rgb(239, 197, 106);
+  --highlightBgGreen: rgb(49, 71, 35);
+  --highlightFgGreen: rgb(152, 201, 121);
+  --highlightFgOnBgGreen: rgb(168, 217, 136);
+  --highlightBgAquamarine: rgb(23, 73, 53);
+  --highlightFgAquamarine: rgb(100, 206, 160);
+  --highlightFgOnBgAquamarine: rgb(117, 223, 176);
+  --highlightBgAqua: rgb(0, 73, 67);
+  --highlightFgAqua: rgb(66, 207, 192);
+  --highlightFgOnBgAqua: rgb(87, 224, 209);
+  --highlightBgBlue: rgb(40, 67, 99);
+  --highlightFgBlue: rgb(138, 191, 255);
+  --highlightFgOnBgBlue: rgb(167, 207, 255);
+  --highlightBgPurple: rgb(78, 57, 93);
+  --highlightFgPurple: rgb(215, 170, 250);
+  --highlightFgOnBgPurple: rgb(226, 189, 255);
+  --highlightBgPink: rgb(92, 53, 75);
+  --highlightFgPink: rgb(248, 160, 210);
+  --highlightFgOnBgPink: rgb(255, 182, 222);
+  --highlightBgRed: rgb(97, 52, 49);
+  --highlightFgRed: rgb(255, 163, 155);
+  --highlightFgOnBgRed: rgb(255, 186, 180);
+  --highlightBgGrey: rgb(66, 66, 66);
+  --highlightFgGrey: rgb(187, 187, 187);
+  --highlightFgOnBgGrey: rgb(203, 203, 203);
+  --colorPickerCssFilter: none;
+  --colorAccentBgSubtle: rgba(73, 120, 212, 0.1);
+  --colorAccentBgMild: rgba(73, 120, 212, 0.15);
+  --colorAccentBgMedium: rgba(73, 120, 212, 0.2);
+  --colorAccentBgStrong: rgba(73, 120, 212, 0.3);
+  --colorAccentBgBold: rgba(73, 120, 212, 0.35);
+  --colorAccentBgVivid: rgba(73, 120, 212, 0.6);
+  --colorAccentStroke: rgba(73, 120, 212, 0.25);
+  --colorAccentStrokeHover: rgba(73, 120, 212, 0.4);
+  --colorAccentStrokeFocus: rgba(73, 120, 212, 0.5);
+  --colorAccentSolid: rgba(73, 120, 212, 0.8);
+  --colorAccent: #4b74d2;
+  --darkenPrimary: rgb(62, 96, 161);
+  --whiteColor: rgb(255, 255, 255);
+  --blackColor: rgb(0, 0, 0);
+  --mainBg: rgb(36, 36, 36);
+  --panelBg: rgb(23, 23, 23);
+  --panelBorder: 0 0 0 1px rgba(82, 82, 82, 0.2);
+  --panelContentBg: rgb(23, 23, 23);
+  --dbSettingsSidebarBg: rgb(28, 28, 28);
+  --dbSettingsSidebarItemHover: rgb(41, 41, 41);
+  --dbSettingsSidebarIconBg: rgb(36, 36, 36);
+  --dbSettingsSidebarIconBorder: 0 0 0 1px rgba(112, 112, 112, 0.2);
+  --dbSettingsCardBg: rgb(28, 28, 28);
+  --dbSettingsCardBorder: 0 0 0 1px rgba(51, 51, 51, 0.6);
+  --colorBgRelationContainer: rgb(28, 28, 28);
+  --colorAI: #8349b6;
+  --colorBgAI: rgba(131, 73, 182, 0.1);
+  --colorBgAIFloatingLauncher: rgb(41, 41, 41);
+  --colorBgAIFloatingPanelContent: rgb(36, 36, 36);
+  --colorBgAISidebarContent: rgb(23, 23, 23);
+  --colorBgFloatingPanel: rgb(41, 41, 41);
+  --shadowFloatingPanel: 0 0 0 1px rgb(51, 51, 51), 0 3px 12px 0 rgba(23, 23, 23, 0.5);
+  --pageContentBg: rgb(28, 28, 28);
+  --colorBgPopup: rgb(36, 36, 36);
+  --menuBg: rgb(36, 36, 36);
+  --menuTextColor: rgb(237, 237, 237);
+  --menuItemHoverColor: rgb(51, 51, 51);
+  --menuSelectedTextColor: rgb(247, 247, 247);
+  --menuIconColor: rgba(237, 237, 237, 0.7);
+  --textColor: rgb(237, 237, 237);
+  --textSelectionColor: rgba(75, 116, 210, 0.4);
+  --accentTextColor: rgb(127, 127, 127);
+  --disabledTextColor: rgb(112, 112, 112);
+  --inversedTextColor: rgb(51, 51, 51);
+  --colorTextSecondary: rgba(237, 237, 237, 0.65);
+  --linkColor: #97b1ed;
+  --linkBorder: 0.5px solid rgba(151, 177, 237, 0.4);
+  --linkHoverColor: #97b1ed;
+  --linkBorderHover: 0.5px solid rgba(151, 177, 237, 0.75);
+  --codeColor: rgb(237, 150, 151);
+  --codeBgColor: rgb(41, 41, 41);
+  --codeBlockBgColor: rgb(41, 41, 41);
+  --addedDiffTextColor: rgb(127, 192, 182);
+  --removedDiffTextColor: rgb(244, 146, 148);
+  --entityNodeColor: rgb(199, 199, 199);
+  --entityNodeBorder: 0.5px solid rgba(199, 199, 199, 0.4);
+  --entityNodeHoverColor: rgb(219, 219, 219);
+  --entityNodeBorderHover: 0.5px solid rgba(219, 219, 219, 0.8);
+  --entityNodeBgColor: rgb(36, 36, 36);
+  --shortcutTextColor: rgb(161, 161, 161);
+  --shortcutBorder: 1px solid rgba(127, 127, 127, 0.2);
+  --shortcutBorderColor: rgba(127, 127, 127, 0.2);
+  --inputBgColor: rgb(23, 23, 23);
+  --inputDisabledBgColor: rgba(51, 51, 51, 0.3);
+  --inputDisabledBorderColor: 0 0 0 1px rgba(82, 82, 82, 0.3);
+  --inputCopyBgColor: rgb(41, 41, 41);
+  --inputBorderColor: 0 0 0 1px rgba(82, 82, 82, 0.4);
+  --inputBorderHoverColor: 0 0 0 1px rgb(61, 61, 61);
+  --inputBorderFocusColor: 0 0 0 1px rgb(112, 112, 112);
+  --inputBorderBlendMode: lighten;
+  --inputPlaceholderTextColor: rgb(112, 112, 112);
+  --inputErrorBorderColor: 0 0 0 1px rgb(244, 179, 179);
+  --inputErrorBorderHoverColor: 0 0 0 1px rgba(244, 179, 179, 0.4);
+  --inputErrorBorderFocusColor: 0 0 0 1px rgba(244, 179, 179, 0.25);
+  --inputErrorBorderFocusShadow: 0 0 0 3px rgba(244, 179, 179, 0.25);
+  --inputBorderWarningColor: 0 0 0 1px rgb(109, 95, 0);
+  --buttonPrimaryColor: #4b74d2;
+  --buttonColor: rgb(127, 127, 127);
+  --buttonPrimaryTextColor: rgb(227, 227, 227);
+  --checkboxColor: rgba(237, 237, 237, 0.7);
+  --colorBorderBlockQuote: rgb(161, 161, 161);
+  --colorBgActionsMenu: rgb(36, 36, 36);
+  --colorBgActionsMenuItemHover: rgb(46, 46, 46);
+  --colorBgActionsMenuItemSelected: rgba(28, 43, 79, 0.8);
+  --colorBgActionsMenuItemSelectedHover: rgba(41, 59, 102, 0.8);
+  --colorBgActionsMenuItemDangerHover: rgba(225, 78, 91, 0.1);
+  --colorBgActionsMenuItemDangerActive: rgba(225, 78, 91, 0.8);
+  --actionMenuBg: rgb(36, 36, 36);
+  --actionMenuInnerBg: rgb(41, 41, 41);
+  --actionMenuHover: rgb(46, 46, 46);
+  --actionMenuInnerHover: rgba(51, 51, 51, 0.5);
+  --actionMenuButtonColor: rgb(28, 28, 28);
+  --actionMenuButtonHoverColor: rgb(36, 36, 36);
+  --actionMenuButtonShadow: 0 0 0 1px rgba(28, 28, 28, 0.1), 0 2px 4px -4px rgba(28, 28, 28, 0.2);
+  --actionMenuSeparatorColor: rgba(255, 255, 255, 0.15);
+  --separatorColor: rgba(255, 255, 255, 0.1);
+  --separatorColorDimmed: rgba(255, 255, 255, 0.05);
+  --separatorBreadcrumbsColor: rgb(82, 82, 82);
+  --borderSeparatorDimmed: 0.5px solid rgba(255, 255, 255, 0.05);
+  --borderSeparator: 0.5px solid rgba(255, 255, 255, 0.1);
+  --borderSeparatorMedium: 0.5px solid rgba(255, 255, 255, 0.15);
+  --borderSeparatorStrong: 0.5px solid rgba(255, 255, 255, 0.25);
+  --borderMedia: 0.5px solid rgba(0, 0, 0, 0.14);
+  --borderSolidSeparator: 1px solid rgba(255, 255, 255, 0.1);
+  --borderSolidSeparatorDimmed: 1px solid rgba(255, 255, 255, 0.05);
+  --borderSolidFilterGroup: 1px solid rgba(255, 255, 255, 0.03);
+  --borderSolidGrid: 1px solid rgb(51, 51, 51);
+  --borderSolidOutlineNeutral: 1px solid rgb(61, 61, 61);
+  --borderSolidMedia: 1px solid rgba(0, 0, 0, 0.14);
+  --borderSolidCommentBubble: 1px solid rgb(51, 51, 51);
+  --borderBlockQuote: 3px solid rgb(161, 161, 161);
+  --shadowCardDefault: 0 0 0 1px rgba(82, 82, 82, 0.4), 0 1px 4px 0 rgba(23, 23, 23, 0.1);
+  --shadowCardHover: 0 0 0 1px rgba(82, 82, 82, 0.4), 0 2px 6px 0 rgba(23, 23, 23, 0.1);
+  --shadowCardInset: inset 0 0 0 1px rgba(82, 82, 82, 0.4);
+  --iconColor: rgba(237, 237, 237, 0.7);
+  --colorIconDestructive: rgb(244, 146, 148);
+  --appIconColor: rgba(247, 247, 247, 0.7);
+  --appIconBgColor: rgba(247, 247, 247, 0.5);
+  --mentionBgColor: rgba(61, 61, 61, 0.4);
+  --colorBgSelectMenu: rgb(36, 36, 36);
+  --shadowSelectMenu:
     0 0 0 1px rgb(51, 51, 51), 0 4px 6px 0 rgba(23, 23, 23, 0.05), 0 10px 26px 0 rgba(23, 23, 23, 0.15);
-  --fibery-color-shadowSidebar: -3px 0 10px 0 rgba(23, 23, 23, 0.8);
-  --fibery-color-highlightBgYellow: rgb(81, 63, 19);
-  --fibery-color-highlightFgYellow: rgb(223, 182, 90);
-  --fibery-color-highlightFgOnBgYellow: rgb(239, 197, 106);
-  --fibery-color-highlightBgGreen: rgb(49, 71, 35);
-  --fibery-color-highlightFgGreen: rgb(152, 201, 121);
-  --fibery-color-highlightFgOnBgGreen: rgb(168, 217, 136);
-  --fibery-color-highlightBgAquamarine: rgb(23, 73, 53);
-  --fibery-color-highlightFgAquamarine: rgb(100, 206, 160);
-  --fibery-color-highlightFgOnBgAquamarine: rgb(117, 223, 176);
-  --fibery-color-highlightBgAqua: rgb(0, 73, 67);
-  --fibery-color-highlightFgAqua: rgb(66, 207, 192);
-  --fibery-color-highlightFgOnBgAqua: rgb(87, 224, 209);
-  --fibery-color-highlightBgBlue: rgb(40, 67, 99);
-  --fibery-color-highlightFgBlue: rgb(138, 191, 255);
-  --fibery-color-highlightFgOnBgBlue: rgb(167, 207, 255);
-  --fibery-color-highlightBgPurple: rgb(78, 57, 93);
-  --fibery-color-highlightFgPurple: rgb(215, 170, 250);
-  --fibery-color-highlightFgOnBgPurple: rgb(226, 189, 255);
-  --fibery-color-highlightBgPink: rgb(92, 53, 75);
-  --fibery-color-highlightFgPink: rgb(248, 160, 210);
-  --fibery-color-highlightFgOnBgPink: rgb(255, 182, 222);
-  --fibery-color-highlightBgRed: rgb(97, 52, 49);
-  --fibery-color-highlightFgRed: rgb(255, 163, 155);
-  --fibery-color-highlightFgOnBgRed: rgb(255, 186, 180);
-  --fibery-color-highlightBgGrey: rgb(66, 66, 66);
-  --fibery-color-highlightFgGrey: rgb(187, 187, 187);
-  --fibery-color-highlightFgOnBgGrey: rgb(203, 203, 203);
-  --fibery-color-colorPickerCssFilter: none;
-  --fibery-color-mode: dark;
-  --fibery-color-colorAccentBgSubtle: rgba(73, 120, 212, 0.1);
-  --fibery-color-colorAccentBgMild: rgba(73, 120, 212, 0.15);
-  --fibery-color-colorAccentBgMedium: rgba(73, 120, 212, 0.2);
-  --fibery-color-colorAccentBgStrong: rgba(73, 120, 212, 0.3);
-  --fibery-color-colorAccentBgBold: rgba(73, 120, 212, 0.35);
-  --fibery-color-colorAccentBgVivid: rgba(73, 120, 212, 0.6);
-  --fibery-color-colorAccentStroke: rgba(73, 120, 212, 0.25);
-  --fibery-color-colorAccentStrokeHover: rgba(73, 120, 212, 0.4);
-  --fibery-color-colorAccentStrokeFocus: rgba(73, 120, 212, 0.5);
-  --fibery-color-colorAccentSolid: rgba(73, 120, 212, 0.8);
-  --fibery-color-colorAccent: #4b74d2;
-  --fibery-color-darkenPrimary: rgb(62, 96, 161);
-  --fibery-color-whiteColor: rgb(255, 255, 255);
-  --fibery-color-blackColor: rgb(0, 0, 0);
-  --fibery-color-mainBg: rgb(36, 36, 36);
-  --fibery-color-panelBg: rgb(23, 23, 23);
-  --fibery-color-panelBorder: 0 0 0 1px rgba(82, 82, 82, 0.2);
-  --fibery-color-panelContentBg: rgb(23, 23, 23);
-  --fibery-color-dbSettingsSidebarBg: rgb(28, 28, 28);
-  --fibery-color-dbSettingsSidebarItemHover: rgb(41, 41, 41);
-  --fibery-color-dbSettingsSidebarIconBg: rgb(36, 36, 36);
-  --fibery-color-dbSettingsSidebarIconBorder: 0 0 0 1px rgba(112, 112, 112, 0.2);
-  --fibery-color-dbSettingsCardBg: rgb(28, 28, 28);
-  --fibery-color-dbSettingsCardBorder: 0 0 0 1px rgba(51, 51, 51, 0.6);
-  --fibery-color-colorBgRelationContainer: rgb(28, 28, 28);
-  --fibery-color-colorAI: #8349b6;
-  --fibery-color-colorBgAI: rgba(131, 73, 182, 0.1);
-  --fibery-color-colorBgAIFloatingLauncher: rgb(41, 41, 41);
-  --fibery-color-colorBgAIFloatingPanelContent: rgb(36, 36, 36);
-  --fibery-color-colorBgAISidebarContent: rgb(23, 23, 23);
-  --fibery-color-colorBgFloatingPanel: rgb(41, 41, 41);
-  --fibery-color-shadowFloatingPanel: 0 0 0 1px rgb(51, 51, 51), 0 3px 12px 0 rgba(23, 23, 23, 0.5);
-  --fibery-color-pageContentBg: rgb(28, 28, 28);
-  --fibery-color-colorBgPopup: rgb(36, 36, 36);
-  --fibery-color-menuBg: rgb(36, 36, 36);
-  --fibery-color-menuTextColor: rgb(237, 237, 237);
-  --fibery-color-menuItemHoverColor: rgb(51, 51, 51);
-  --fibery-color-menuSelectedTextColor: rgb(247, 247, 247);
-  --fibery-color-menuIconColor: rgba(237, 237, 237, 0.7);
-  --fibery-color-textColor: rgb(237, 237, 237);
-  --fibery-color-textSelectionColor: rgba(75, 116, 210, 0.4);
-  --fibery-color-accentTextColor: rgb(127, 127, 127);
-  --fibery-color-disabledTextColor: rgb(112, 112, 112);
-  --fibery-color-inversedTextColor: rgb(51, 51, 51);
-  --fibery-color-colorTextSecondary: rgba(237, 237, 237, 0.65);
-  --fibery-color-linkColor: #97b1ed;
-  --fibery-color-linkBorder: 0.5px solid rgba(151, 177, 237, 0.4);
-  --fibery-color-linkHoverColor: #97b1ed;
-  --fibery-color-linkBorderHover: 0.5px solid rgba(151, 177, 237, 0.75);
-  --fibery-color-codeColor: rgb(237, 150, 151);
-  --fibery-color-codeBgColor: rgb(41, 41, 41);
-  --fibery-color-codeBlockBgColor: rgb(41, 41, 41);
-  --fibery-color-addedDiffTextColor: rgb(127, 192, 182);
-  --fibery-color-removedDiffTextColor: rgb(244, 146, 148);
-  --fibery-color-entityNodeColor: rgb(199, 199, 199);
-  --fibery-color-entityNodeBorder: 0.5px solid rgba(199, 199, 199, 0.4);
-  --fibery-color-entityNodeHoverColor: rgb(219, 219, 219);
-  --fibery-color-entityNodeBorderHover: 0.5px solid rgba(219, 219, 219, 0.8);
-  --fibery-color-entityNodeBgColor: rgb(36, 36, 36);
-  --fibery-color-shortcutTextColor: rgb(161, 161, 161);
-  --fibery-color-shortcutBorder: 1px solid rgba(127, 127, 127, 0.2);
-  --fibery-color-shortcutBorderColor: rgba(127, 127, 127, 0.2);
-  --fibery-color-inputBgColor: rgb(23, 23, 23);
-  --fibery-color-inputDisabledBgColor: rgba(51, 51, 51, 0.3);
-  --fibery-color-inputDisabledBorderColor: 0 0 0 1px rgba(82, 82, 82, 0.3);
-  --fibery-color-inputCopyBgColor: rgb(41, 41, 41);
-  --fibery-color-inputBorderColor: 0 0 0 1px rgba(82, 82, 82, 0.4);
-  --fibery-color-inputBorderHoverColor: 0 0 0 1px rgb(61, 61, 61);
-  --fibery-color-inputBorderFocusColor: 0 0 0 1px rgb(112, 112, 112);
-  --fibery-color-inputBorderBlendMode: lighten;
-  --fibery-color-inputPlaceholderTextColor: rgb(112, 112, 112);
-  --fibery-color-inputErrorBorderColor: 0 0 0 1px rgb(244, 179, 179);
-  --fibery-color-inputErrorBorderHoverColor: 0 0 0 1px rgba(244, 179, 179, 0.4);
-  --fibery-color-inputErrorBorderFocusColor: 0 0 0 1px rgba(244, 179, 179, 0.25);
-  --fibery-color-inputErrorBorderFocusShadow: 0 0 0 3px rgba(244, 179, 179, 0.25);
-  --fibery-color-inputBorderWarningColor: 0 0 0 1px rgb(109, 95, 0);
-  --fibery-color-buttonPrimaryColor: #4b74d2;
-  --fibery-color-buttonColor: rgb(127, 127, 127);
-  --fibery-color-buttonPrimaryTextColor: rgb(227, 227, 227);
-  --fibery-color-checkboxColor: rgba(237, 237, 237, 0.7);
-  --fibery-color-colorBorderBlockQuote: rgb(161, 161, 161);
-  --fibery-color-colorBgActionsMenu: rgb(36, 36, 36);
-  --fibery-color-colorBgActionsMenuItemHover: rgb(46, 46, 46);
-  --fibery-color-colorBgActionsMenuItemSelected: rgba(28, 43, 79, 0.8);
-  --fibery-color-colorBgActionsMenuItemSelectedHover: rgba(41, 59, 102, 0.8);
-  --fibery-color-colorBgActionsMenuItemDangerHover: rgba(225, 78, 91, 0.1);
-  --fibery-color-colorBgActionsMenuItemDangerActive: rgba(225, 78, 91, 0.8);
-  --fibery-color-actionMenuBg: rgb(36, 36, 36);
-  --fibery-color-actionMenuInnerBg: rgb(41, 41, 41);
-  --fibery-color-actionMenuHover: rgb(46, 46, 46);
-  --fibery-color-actionMenuInnerHover: rgba(51, 51, 51, 0.5);
-  --fibery-color-actionMenuButtonColor: rgb(28, 28, 28);
-  --fibery-color-actionMenuButtonHoverColor: rgb(36, 36, 36);
-  --fibery-color-actionMenuButtonShadow: 0 0 0 1px rgba(28, 28, 28, 0.1), 0 2px 4px -4px rgba(28, 28, 28, 0.2);
-  --fibery-color-actionMenuSeparatorColor: rgba(255, 255, 255, 0.15);
-  --fibery-color-separatorColor: rgba(255, 255, 255, 0.1);
-  --fibery-color-separatorColorDimmed: rgba(255, 255, 255, 0.05);
-  --fibery-color-separatorBreadcrumbsColor: rgb(82, 82, 82);
-  --fibery-color-borderSeparatorDimmed: 0.5px solid rgba(255, 255, 255, 0.05);
-  --fibery-color-borderSeparator: 0.5px solid rgba(255, 255, 255, 0.1);
-  --fibery-color-borderSeparatorMedium: 0.5px solid rgba(255, 255, 255, 0.15);
-  --fibery-color-borderSeparatorStrong: 0.5px solid rgba(255, 255, 255, 0.25);
-  --fibery-color-borderMedia: 0.5px solid rgba(0, 0, 0, 0.14);
-  --fibery-color-borderSolidSeparator: 1px solid rgba(255, 255, 255, 0.1);
-  --fibery-color-borderSolidSeparatorDimmed: 1px solid rgba(255, 255, 255, 0.05);
-  --fibery-color-borderSolidFilterGroup: 1px solid rgba(255, 255, 255, 0.03);
-  --fibery-color-borderSolidGrid: 1px solid rgb(51, 51, 51);
-  --fibery-color-borderSolidOutlineNeutral: 1px solid rgb(61, 61, 61);
-  --fibery-color-borderSolidMedia: 1px solid rgba(0, 0, 0, 0.14);
-  --fibery-color-borderSolidCommentBubble: 1px solid rgb(51, 51, 51);
-  --fibery-color-borderBlockQuote: 3px solid rgb(161, 161, 161);
-  --fibery-color-shadowCardDefault: 0 0 0 1px rgba(82, 82, 82, 0.4), 0 1px 4px 0 rgba(23, 23, 23, 0.1);
-  --fibery-color-shadowCardHover: 0 0 0 1px rgba(82, 82, 82, 0.4), 0 2px 6px 0 rgba(23, 23, 23, 0.1);
-  --fibery-color-shadowCardInset: inset 0 0 0 1px rgba(82, 82, 82, 0.4);
-  --fibery-color-iconColor: rgba(237, 237, 237, 0.7);
-  --fibery-color-appIconColor: rgba(247, 247, 247, 0.7);
-  --fibery-color-appIconBgColor: rgba(247, 247, 247, 0.5);
-  --fibery-color-mentionBgColor: rgba(61, 61, 61, 0.4);
-  --fibery-color-colorBgSelectMenu: rgb(36, 36, 36);
-  --fibery-color-shadowSelectMenu:
-    0 0 0 1px rgb(51, 51, 51), 0 4px 6px 0 rgba(23, 23, 23, 0.05), 0 10px 26px 0 rgba(23, 23, 23, 0.15);
-  --fibery-color-colorBgListItemGeneral: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgListItemGeneralHover: rgb(41, 41, 41);
-  --fibery-color-colorBgListItemGeneralFocus: rgb(51, 51, 51);
-  --fibery-color-colorBgListItemGeneralSelected: #223259;
-  --fibery-color-colorBgListItemGeneralSelectedHover: #293b66;
-  --fibery-color-colorBgListItemGeneralSelectedFocus: #293b66;
-  --fibery-color-colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
-  --fibery-color-colorTextListItemGeneralDisabled: rgb(112, 112, 112);
-  --fibery-color-colorBgListItemGeneralSelectedDisabled: #223259;
-  --fibery-color-opacityListItemGeneralDisabled: 0.4;
-  --fibery-color-colorSearchSubtitle: rgb(112, 112, 112);
-  --fibery-color-colorBgSearchPanel: rgb(28, 28, 28);
-  --fibery-color-colorBgSearchRowHover: rgb(36, 36, 36);
-  --fibery-color-colorBgSearchRowCreateHover: #1c2b4f;
-  --fibery-color-opacitySearchItemDone: 0.4;
-  --fibery-color-colorBgEntityBoxDefault: rgb(36, 36, 36);
-  --fibery-color-shadowStrokeEntityBoxDefault: 0 0 0 1px rgb(46, 46, 46);
-  --fibery-color-shadowEntityBoxDefault: 0 2px 4px 0 rgba(23, 23, 23, 0.05);
-  --fibery-color-colorBgEntityBoxDefaultHover: rgb(41, 41, 41);
-  --fibery-color-shadowEntityBoxDefaultHover: 0 4px 8px 0 rgba(23, 23, 23, 0.1);
-  --fibery-color-colorBgEntityBoxDefaultFocus: rgb(36, 36, 36);
-  --fibery-color-colorOverlayEntityBoxDefaultFocus: #4b74d2;
-  --fibery-color-shadowStrokeEntityBoxDefaultFocus: 0 0 0 2px rgba(75, 116, 210, 0.4);
-  --fibery-color-colorBgEntityBoxDefaultFocusHover: rgb(41, 41, 41);
-  --fibery-color-colorOverlayEntityBoxDefaultFocusHover: #4b74d2;
-  --fibery-color-shadowStrokeEntityBoxDefaultFocusHover: 0 0 0 2px rgba(75, 116, 210, 0.6);
-  --fibery-color-opacityEntityBoxDefaultDrag: 0.4;
-  --fibery-color-shadowEntityBoxDefaultDrag: 0 8px 12px 0 rgba(23, 23, 23, 0.1);
-  --fibery-color-colorBgEntityBoxSelected: #1a2642;
-  --fibery-color-shadowStrokeEntityBoxSelected: 0 0 0 1px #4b74d2, 0 0 0 3px rgba(75, 116, 210, 0.4);
-  --fibery-color-colorBgEntityBoxSelectedHover: #1a2642;
-  --fibery-color-shadowStrokeEntityBoxSelectedHover: 0 0 0 1px #4b74d2, 0 0 0 3px rgba(75, 116, 210, 0.4);
-  --fibery-color-colorBgEntityBoxSelectedDrag: #1a2642;
-  --fibery-color-shadowStrokeEntityBoxSelectedDrag: 0 0 0 1px #4b74d2, 0 0 0 3px rgba(75, 116, 210, 0.4);
-  --fibery-color-opacityEntityBoxDisabled: 0.65;
-  --fibery-color-opacityEntityBoxDisabledHover: 0.75;
-  --fibery-color-opacityEntityBoxDisabledFocus: 0.75;
-  --fibery-color-opacityEntityBoxDisabledDrag: 0.4;
-  --fibery-color-entityCardBgColor: rgb(46, 46, 46);
-  --fibery-color-entityCardSelectedColor: rgba(51, 51, 51, 0.5);
-  --fibery-color-entityCardHoverColor: rgba(51, 51, 51, 0.5);
-  --fibery-color-entityCardDoneColor: rgba(46, 46, 46, 0.3);
-  --fibery-color-entityCardShadow: 0 0 0 1px rgba(28, 28, 28, 0.1), 0 2px 4px -4px rgba(28, 28, 28, 0.2);
-  --fibery-color-entityCardShadowHover: 0 0 0 1px rgba(28, 28, 28, 0.1), 0 2px 4px -4px rgba(28, 28, 28, 0.2);
-  --fibery-color-colorBgSegmentedControl: rgba(28, 28, 28, 0.8);
-  --fibery-color-colorBgMenuHeaderAvatar: rgb(28, 28, 28);
-  --fibery-color-shadowMenuHeaderAvatar: 0 0 0 1px rgba(112, 112, 112, 0.2);
-  --fibery-color-opacityMenuItemDragged: 0.4;
-  --fibery-color-colorBgMenuItemSelectedDragged: #293b66;
-  --fibery-color-colorTextMenuItem: rgba(237, 237, 237, 0.9);
-  --fibery-color-colorBgMenuItem: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgMenuItemHover: rgb(46, 46, 46);
-  --fibery-color-colorBgMenuItemFocus: rgb(51, 51, 51);
-  --fibery-color-colorBgMenuItemSelected: #1a2642;
-  --fibery-color-colorBgMenuItemSelectedHover: #223259;
-  --fibery-color-colorBgPinnedFieldsLabel: rgb(161, 161, 161);
-  --fibery-color-colorBgObjectEditorSeparator: rgb(237, 237, 237);
-  --fibery-color-colorBgMenuItemSelectedFocused: #223259;
-  --fibery-color-colorBgFieldEditorContainer: rgb(36, 36, 36);
-  --fibery-color-colorBgFieldEditorLinkEqualSign: rgb(28, 28, 28);
-  --fibery-color-allowedDropColor: rgb(41, 41, 41);
-  --fibery-color-relationViewBgColor: rgb(36, 36, 36);
-  --fibery-color-mySpaceIconColor: rgb(122, 132, 142);
-  --fibery-color-mySpaceIconBg: rgba(106, 132, 155, 0.2);
-  --fibery-color-privateIconColor: rgb(105, 172, 94);
-  --fibery-color-privateIconBg: rgba(105, 172, 94, 0.2);
-  --fibery-color-favoritesIconColor: rgb(238, 166, 74);
-  --fibery-color-favoritesIconBg: rgba(251, 163, 47, 0.2);
-  --fibery-color-swatchDefault: #2978fb;
-  --fibery-color-unitBg: rgb(51, 51, 51);
-  --fibery-color-unitBgHover: rgb(61, 61, 61);
-  --fibery-color-colorBgBadgeNeutral: rgba(41, 41, 41, 0.8);
-  --fibery-color-colorBgBadgeAccent: rgba(28, 43, 79, 0.8);
-  --fibery-color-colorBgBadgeSuccess: rgb(7, 61, 55);
-  --fibery-color-colorBgBadgeWarning: rgb(58, 50, 0);
-  --fibery-color-colorBgBadgeError: rgb(91, 26, 32);
-  --fibery-color-colorTextBadgeNeutral: rgb(161, 161, 161);
-  --fibery-color-colorTextBadgeAccent: #97b1ed;
-  --fibery-color-colorTextBadgeSuccess: rgb(127, 192, 182);
-  --fibery-color-colorTextBadgeWarning: rgb(225, 199, 0);
-  --fibery-color-colorTextBadgeError: rgb(244, 146, 148);
-  --fibery-color-badgeBgColor: rgba(120, 120, 120, 0.2);
-  --fibery-color-tooltipBgColor: rgb(51, 51, 51);
-  --fibery-color-todayMarkerColor: rgb(104, 33, 39);
-  --fibery-color-viewBgOverlayColor: rgba(23, 23, 23, 0.6);
-  --fibery-color-floatEditorMenuBg: rgb(51, 51, 51);
-  --fibery-color-floatEditorActiveColor: #97b1ed;
-  --fibery-color-commentColor: rgba(246, 217, 1, 0.4);
-  --fibery-color-cellBackgroundColor: rgb(28, 28, 28);
-  --fibery-color-cellBackgroundHoverColor: rgba(51, 51, 51, 0.3);
-  --fibery-color-cellBorderColor: rgba(112, 112, 112, 0.5);
-  --fibery-color-cellPinnedBorderColor: rgba(112, 112, 112, 0.7);
-  --fibery-color-tableRowWarningColor: rgba(246, 217, 1, 0.4);
-  --fibery-color-errorBgColor: rgba(213, 50, 72, 0.6);
-  --fibery-color-errorTextColor: rgb(244, 179, 179);
-  --fibery-color-errorButtonColor: rgb(225, 78, 91);
-  --fibery-color-warningBgColor: rgba(109, 95, 0, 0.6);
-  --fibery-color-warningButtonColor: rgb(225, 199, 0);
-  --fibery-color-infoBox: rgba(246, 217, 1, 0.2);
-  --fibery-color-appCardBgColor: rgb(28, 28, 28);
-  --fibery-color-appCardHoverColor: rgb(28, 28, 28);
-  --fibery-color-modalBg: rgba(28, 28, 28, 0.5);
-  --fibery-color-modalContentBg: rgb(36, 36, 36);
-  --fibery-color-progressIconBg: rgba(255, 255, 255, 0.18);
-  --fibery-color-progressIconFill: rgba(255, 255, 255, 0.59);
-  --fibery-color-formBg: rgb(28, 28, 28);
-  --fibery-color-formHeaderShadow: 0 0 6px 0 rgba(23, 23, 23, 0.4);
-  --fibery-color-formEditorFieldBg: rgb(41, 41, 41);
-  --fibery-color-filterGroup1Bg: rgb(51, 51, 51);
-  --fibery-color-filterGroup2Bg: rgb(61, 61, 61);
-  --fibery-color-filterGroupBorder: rgba(255, 255, 255, 0.03);
-  --fibery-color-colorBgNotificationHover: rgb(28, 28, 28);
-  --fibery-color-colorBgNotificationSelected: #151c2d;
-  --fibery-color-colorBgNotificationSelectedHover: #1a2642;
-  --fibery-color-disabledInversedTextColor: rgba(255, 255, 255, 0.25);
-  --fibery-color-success: rgb(0, 142, 128);
-  --fibery-color-danger: rgb(225, 78, 91);
-  --fibery-color-active: rgb(225, 78, 91);
-  --fibery-color-warning: rgb(109, 95, 0);
-  --fibery-color-cardBg: rgb(51, 51, 51);
-  --fibery-color-selectedImageBorder: rgba(255, 255, 255, 0.59);
-  --fibery-color-transparent: rgba(255, 255, 255, 0);
-  --fibery-color-progressBg: rgb(237, 237, 237);
-  --fibery-color-progressText: rgb(94, 94, 94);
-  --fibery-color-progressFillBg: rgb(94, 94, 94);
-  --fibery-color-progressFillText: rgb(255, 255, 255);
-  --fibery-color-progressBarFillNeutral: rgba(112, 112, 112, 0.2);
-  --fibery-color-progressBarFill: #5f85dd;
-  --fibery-color-progressBarBg: rgba(95, 133, 221, 0.25);
-  --fibery-color-colorPickerSwatchBorder: rgba(0, 0, 0, 0.14);
-  --fibery-color-colorBorderRichTextMedia: rgba(0, 0, 0, 0.14);
-  --fibery-color-richTextTableBorder: rgba(255, 255, 255, 0.18);
-  --fibery-color-colorBgDropLine: #3258ae;
-  --fibery-color-viewBg: rgb(23, 23, 23);
-  --fibery-color-colorBgViewMetaItem: rgb(28, 28, 28);
-  --fibery-color-collectionViewBg: rgb(28, 28, 28);
-  --fibery-color-collectionViewBorder: 0 0 0 1px rgba(82, 82, 82, 0.3);
-  --fibery-color-viewSecondaryBg: rgb(28, 28, 28);
-  --fibery-color-viewHighlightBg: #1a2642;
-  --fibery-color-boardBg: rgb(23, 23, 23);
-  --fibery-color-boardBgWithOpacity80: rgba(23, 23, 23, 0.8);
-  --fibery-color-boardAxisBgHover: rgb(41, 41, 41);
-  --fibery-color-gridHeaderBgColor: rgb(36, 36, 36);
-  --fibery-color-gridHeaderHoverBgColor: rgb(41, 41, 41);
-  --fibery-color-gridHeaderTextColor: rgb(161, 161, 161);
-  --fibery-color-gridCellBgColor: rgb(28, 28, 28);
-  --fibery-color-gridCellBorderColor: rgb(51, 51, 51);
-  --fibery-color-gridDisabledCellBgColor: rgb(36, 36, 36);
-  --fibery-color-gridSelectedCellBgColor: #1a2642;
-  --fibery-color-gridHighlightedCellBgColor: #223259;
-  --fibery-color-gridSelectedCellBorderColor: #2d4786;
-  --fibery-color-gridSelectedPinnedCellBorderColor: #2d4786;
-  --fibery-color-gridDisabledSelectedCellBgColor: #223259;
-  --fibery-color-gridActiveCellBorderColor: #4b74d2;
-  --fibery-color-timelineEntityHandleColor: #2d4786;
-  --fibery-color-timelineDependencyHoverBgColor: #3258ae;
-  --fibery-color-timelineDependencyOverlapBgColor: rgb(213, 50, 72);
-  --fibery-color-timelineDependencyOverlapHoverBgColor: rgb(244, 146, 148);
-  --fibery-color-timelineCellBgColor: rgb(23, 23, 23);
-  --fibery-color-timelineCellWeekendBgColor: rgb(28, 28, 28);
-  --fibery-color-timelineCellTodayBgColor: #151c2d;
-  --fibery-color-timelineCreateEntityPlaceholderBgColor: rgb(61, 61, 61);
-  --fibery-color-colorBgButtonSolidAccentDefault: #4b74d2;
-  --fibery-color-colorBgButtonSolidAccentHover: #5f85dd;
-  --fibery-color-colorBgButtonSolidNeutralDefault: rgb(237, 237, 237);
-  --fibery-color-colorBgButtonSolidNeutralHover: rgb(255, 255, 255);
-  --fibery-color-colorBgButtonSolidDestructiveDefault: rgb(213, 50, 72);
-  --fibery-color-colorBgButtonSolidDestructiveHover: rgb(225, 78, 91);
-  --fibery-color-colorTextButtonSolidAccent: rgb(255, 255, 255);
-  --fibery-color-colorTextButtonSolidAccentActive: rgba(255, 255, 255, 0.8);
-  --fibery-color-colorTextButtonSolidNeutral: rgb(28, 28, 28);
-  --fibery-color-colorTextButtonSolidNeutralActive: rgba(28, 28, 28, 0.8);
-  --fibery-color-colorTextButtonSolidDestructive: rgb(255, 255, 255);
-  --fibery-color-colorTextButtonSolidDestructiveActive: rgba(255, 255, 255, 0.8);
-  --fibery-color-colorIconButtonSolidAccent: rgb(255, 255, 255);
-  --fibery-color-colorIconButtonSolidNeutral: rgb(82, 82, 82);
-  --fibery-color-colorIconButtonSolidDestructive: rgb(255, 255, 255);
-  --fibery-color-colorBorderButtonOutlineAccentDefault: #3258ae;
-  --fibery-color-colorBorderButtonOutlineNeutralDefault: rgb(61, 61, 61);
-  --fibery-color-colorBorderButtonOutlineDestructiveDefault: rgb(135, 27, 42);
-  --fibery-color-colorBgButtonOutlineAccentDefault: rgb(23, 23, 23);
-  --fibery-color-colorBgButtonOutlineAccentHover: #1a2642;
-  --fibery-color-colorBgButtonOutlineNeutralDefault: rgb(23, 23, 23);
-  --fibery-color-colorBgButtonOutlineNeutralHover: rgb(41, 41, 41);
-  --fibery-color-colorBgButtonOutlineDestructiveDefault: rgb(23, 23, 23);
-  --fibery-color-colorBgButtonOutlineDestructiveHover: rgb(80, 21, 27);
-  --fibery-color-colorTextButtonOutlineAccent: #97b1ed;
-  --fibery-color-colorTextButtonOutlineAccentActive: rgba(151, 177, 237, 0.8);
-  --fibery-color-colorTextButtonOutlineNeutral: rgb(161, 161, 161);
-  --fibery-color-colorTextButtonOutlineNeutralActive: rgba(237, 237, 237, 0.8);
-  --fibery-color-colorTextButtonOutlineDestructive: rgb(244, 146, 148);
-  --fibery-color-colorTextButtonOutlineDestructiveActive: rgba(244, 146, 148, 0.8);
-  --fibery-color-colorIconButtonOutlineAccent: #97b1ed;
-  --fibery-color-colorIconButtonOutlineNeutral: rgb(161, 161, 161);
-  --fibery-color-colorIconButtonOutlineDestructive: rgb(244, 146, 148);
-  --fibery-color-colorBgButtonSoftAccentDefault: #1c2b4f;
-  --fibery-color-colorBgButtonSoftAccentHover: #293b66;
-  --fibery-color-colorBgButtonSoftNeutralDefault: rgb(36, 36, 36);
-  --fibery-color-colorBgButtonSoftNeutralHover: rgb(61, 61, 61);
-  --fibery-color-colorBgButtonSoftDestructiveDefault: rgb(80, 21, 27);
-  --fibery-color-colorBgButtonSoftDestructiveHover: rgb(104, 33, 39);
-  --fibery-color-colorTextButtonSoftAccent: #97b1ed;
-  --fibery-color-colorTextButtonSoftAccentActive: rgba(151, 177, 237, 0.8);
-  --fibery-color-colorTextButtonSoftNeutral: rgb(161, 161, 161);
-  --fibery-color-colorTextButtonSoftNeutralActive: rgba(161, 161, 161, 0.8);
-  --fibery-color-colorTextButtonSoftDestructive: rgb(244, 146, 148);
-  --fibery-color-colorTextButtonSoftDestructiveActive: rgba(244, 146, 148, 0.8);
-  --fibery-color-colorIconButtonSoftAccent: #97b1ed;
-  --fibery-color-colorIconButtonSoftNeutral: rgb(161, 161, 161);
-  --fibery-color-colorIconButtonSoftDestructive: rgb(244, 146, 148);
-  --fibery-color-colorBgButtonGhostAccentDefault: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgButtonGhostAccentHover: rgba(28, 43, 79, 0.8);
-  --fibery-color-colorBgButtonGhostNeutralDefault: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgButtonGhostNeutralHover: rgba(51, 51, 51, 0.8);
-  --fibery-color-colorBgButtonGhostDestructiveDefault: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgButtonGhostDestructiveHover: rgb(80, 21, 27);
-  --fibery-color-colorTextButtonGhostAccent: #97b1ed;
-  --fibery-color-colorTextButtonGhostAccentActive: rgba(151, 177, 237, 0.8);
-  --fibery-color-colorTextButtonGhostNeutral: rgb(161, 161, 161);
-  --fibery-color-colorTextButtonGhostNeutralActive: rgba(161, 161, 161, 0.8);
-  --fibery-color-colorTextButtonGhostDestructive: rgb(244, 146, 148);
-  --fibery-color-colorTextButtonGhostDestructiveActive: rgba(244, 146, 148, 0.8);
-  --fibery-color-colorIconButtonGhostAccent: #97b1ed;
-  --fibery-color-colorIconButtonGhostNeutral: rgb(161, 161, 161);
-  --fibery-color-colorIconButtonGhostDestructive: rgb(244, 146, 148);
-  --fibery-color-colorBorderAccentFocusRing: rgba(73, 120, 212, 0.3);
-  --fibery-color-colorBorderNeutralFocusRing: rgba(158, 158, 158, 0.3);
-  --fibery-color-colorBorderDestructiveFocusRing: rgba(211, 62, 78, 0.3);
-  --fibery-color-colorBgReactionsDefault: rgb(28, 28, 28);
-  --fibery-color-colorBgReactionsHover: rgb(51, 51, 51);
-  --fibery-color-colorBorderReactionsHover: rgb(112, 112, 112);
-  --fibery-color-colorBgReactionsSelectedDefault: #3258ae;
-  --fibery-color-colorBorderReactionsSelectedDefault: #3258ae;
-  --fibery-color-colorBgReactionsSelectedHover: #3869cc;
-  --fibery-color-colorBorderReactionsSelectedHover: #3869cc;
-  --fibery-color-colorTextReactionsSelected: rgb(237, 237, 237);
-  --fibery-color-colorBgToastDefault: rgb(23, 23, 23);
-  --fibery-color-colorBgDbTabHover: rgb(41, 41, 41);
-  --fibery-color-colorBgDbTabFocus: rgb(51, 51, 51);
-  --fibery-color-colorBgTabHover: rgba(161, 161, 161, 0.1);
-  --fibery-color-colorBgMessageContainer: rgb(36, 36, 36);
-  --fibery-color-colorBgMessageContainerHover: rgb(41, 41, 41);
-  --fibery-color-colorBgEntityAvatarDefault: #131720;
-  --fibery-color-colorBgEntityAvatarHover: #1a2642;
-  --fibery-color-colorTextEntityAvatarDefault: #3258ae;
-  --fibery-color-colorTextEntityAvatarHover: #4b74d2;
-  --fibery-color-colorBgMessageHighlighted: rgb(28, 28, 28);
-  --fibery-color-colorBgCommentHover: rgb(28, 28, 28);
-  --fibery-color-colorBgCodeEditor: rgb(36, 36, 36);
-  --fibery-color-colorBgEditorImageZoomed: rgb(51, 51, 51);
-  --fibery-color-colorMermaidPrimaryColor: rgb(82, 82, 82);
-  --fibery-color-colorMermaidPrimaryBorderColor: rgb(112, 112, 112);
-  --fibery-color-colorMermaidLineColor: rgb(112, 112, 112);
-  --fibery-color-colorBgWhiteboard: rgb(23, 23, 23);
-  --fibery-color-colorGridDotWhiteboard: rgb(51, 51, 51);
-  --fibery-color-colorSelectionWhiteboardBorderEnabled: #3258ae;
-  --fibery-color-colorHighlightWhiteboardSelection: #3258ae;
-  --fibery-color-colorHighlightWhiteboardSelectionLocked: rgba(112, 112, 112, 0.5);
-  --fibery-color-colorSelectionWhiteboardBorderDisabled: rgba(112, 112, 112, 0.5);
-  --fibery-color-colorPlaceholderWhiteboardDefault: rgba(50, 88, 174, 0.2);
-  --fibery-color-colorLinkPointWhiteboardDefault: #3258ae;
-  --fibery-color-colorLinkPointWhiteboardFillDefault: #0d0d0d;
-  --fibery-color-colorMapWhiteboardPreviewDefault: rgba(50, 88, 174, 0.4);
-  --fibery-color-colorCardWhiteboardShadowDefault: rgba(161, 161, 161, 0.05);
-  --fibery-color-colorCardWhiteboardBgDefault: rgb(46, 46, 46);
-  --fibery-color-colorCardWhiteboardBorderDefault: rgba(237, 237, 237, 0.2);
-  --fibery-color-colorUnitHeaderWhiteboardDefault: rgba(237, 237, 237, 0.6);
-  --fibery-color-colorUnitWhiteboardBgDefault: rgb(51, 51, 51);
-  --fibery-color-colorUnitWhiteboardBorderDefault: rgba(237, 237, 237, 0.25);
-  --fibery-color-colorSectionWhiteboardBgInactive: rgb(28, 28, 28);
-  --fibery-color-colorSectionWhiteboardBorderInactive: rgb(51, 51, 51);
-  --fibery-color-colorEmbedWhiteboardEditBorder: rgba(0, 112, 99, 0.9);
-  --fibery-color-colorTextWhiteboardDefault: rgb(237, 237, 237);
-  --fibery-color-colorTextWhiteboardDisabled: rgb(112, 112, 112);
-  --fibery-color-colorTextWhiteboardAccent: rgba(23, 23, 23, 0.6);
-  --fibery-color-colorTextWhiteboardInversedDefault: rgb(255, 255, 255);
-  --fibery-color-instrumentsMenuBg: rgb(41, 41, 41);
-  --fibery-color-instrumentsMenuShadow:
+  --colorBgListItemGeneral: rgba(255, 255, 255, 0);
+  --colorBgListItemGeneralHover: rgb(41, 41, 41);
+  --colorBgListItemGeneralFocus: rgb(51, 51, 51);
+  --colorBgListItemGeneralSelected: #223259;
+  --colorBgListItemGeneralSelectedHover: #293b66;
+  --colorBgListItemGeneralSelectedFocus: #293b66;
+  --colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
+  --colorTextListItemGeneralDisabled: rgb(112, 112, 112);
+  --colorBgListItemGeneralSelectedDisabled: #223259;
+  --opacityListItemGeneralDisabled: 0.4;
+  --colorSearchSubtitle: rgb(112, 112, 112);
+  --colorBgSearchPanel: rgb(28, 28, 28);
+  --colorBgSearchRowHover: rgb(36, 36, 36);
+  --colorBgSearchRowCreateHover: #1c2b4f;
+  --opacitySearchItemDone: 0.4;
+  --colorBgEntityBoxDefault: rgb(36, 36, 36);
+  --shadowStrokeEntityBoxDefault: 0 0 0 1px rgb(46, 46, 46);
+  --shadowEntityBoxDefault: 0 2px 4px 0 rgba(23, 23, 23, 0.05);
+  --colorBgEntityBoxDefaultHover: rgb(41, 41, 41);
+  --shadowEntityBoxDefaultHover: 0 4px 8px 0 rgba(23, 23, 23, 0.1);
+  --colorBgEntityBoxDefaultFocus: rgb(36, 36, 36);
+  --colorOverlayEntityBoxDefaultFocus: #4b74d2;
+  --shadowStrokeEntityBoxDefaultFocus: 0 0 0 2px rgba(75, 116, 210, 0.4);
+  --colorBgEntityBoxDefaultFocusHover: rgb(41, 41, 41);
+  --colorOverlayEntityBoxDefaultFocusHover: #4b74d2;
+  --shadowStrokeEntityBoxDefaultFocusHover: 0 0 0 2px rgba(75, 116, 210, 0.6);
+  --opacityEntityBoxDefaultDrag: 0.4;
+  --shadowEntityBoxDefaultDrag: 0 8px 12px 0 rgba(23, 23, 23, 0.1);
+  --colorBgEntityBoxSelected: #1a2642;
+  --shadowStrokeEntityBoxSelected: 0 0 0 1px #4b74d2, 0 0 0 3px rgba(75, 116, 210, 0.4);
+  --colorBgEntityBoxSelectedHover: #1a2642;
+  --shadowStrokeEntityBoxSelectedHover: 0 0 0 1px #4b74d2, 0 0 0 3px rgba(75, 116, 210, 0.4);
+  --colorBgEntityBoxSelectedDrag: #1a2642;
+  --shadowStrokeEntityBoxSelectedDrag: 0 0 0 1px #4b74d2, 0 0 0 3px rgba(75, 116, 210, 0.4);
+  --opacityEntityBoxDisabled: 0.65;
+  --opacityEntityBoxDisabledHover: 0.75;
+  --opacityEntityBoxDisabledFocus: 0.75;
+  --opacityEntityBoxDisabledDrag: 0.4;
+  --entityCardBgColor: rgb(46, 46, 46);
+  --entityCardSelectedColor: rgba(51, 51, 51, 0.5);
+  --entityCardHoverColor: rgba(51, 51, 51, 0.5);
+  --entityCardDoneColor: rgba(46, 46, 46, 0.3);
+  --entityCardShadow: 0 0 0 1px rgba(28, 28, 28, 0.1), 0 2px 4px -4px rgba(28, 28, 28, 0.2);
+  --entityCardShadowHover: 0 0 0 1px rgba(28, 28, 28, 0.1), 0 2px 4px -4px rgba(28, 28, 28, 0.2);
+  --colorBgSegmentedControl: rgba(28, 28, 28, 0.8);
+  --colorBgMenuHeaderAvatar: rgb(28, 28, 28);
+  --shadowMenuHeaderAvatar: 0 0 0 1px rgba(112, 112, 112, 0.2);
+  --opacityMenuItemDragged: 0.4;
+  --colorBgMenuItemSelectedDragged: #293b66;
+  --colorTextMenuItem: rgba(237, 237, 237, 0.9);
+  --colorBgMenuItem: rgba(255, 255, 255, 0);
+  --colorBgMenuItemHover: rgb(46, 46, 46);
+  --colorBgMenuItemFocus: rgb(51, 51, 51);
+  --colorBgMenuItemSelected: #1a2642;
+  --colorBgMenuItemSelectedHover: #223259;
+  --colorBgPinnedFieldsLabel: rgb(161, 161, 161);
+  --colorBgObjectEditorSeparator: rgb(237, 237, 237);
+  --colorBgMenuItemSelectedFocused: #223259;
+  --colorBgFieldEditorContainer: rgb(36, 36, 36);
+  --colorBgFieldEditorLinkEqualSign: rgb(28, 28, 28);
+  --allowedDropColor: rgb(41, 41, 41);
+  --relationViewBgColor: rgb(36, 36, 36);
+  --mySpaceIconColor: rgb(122, 132, 142);
+  --mySpaceIconBg: rgba(106, 132, 155, 0.2);
+  --privateIconColor: rgb(105, 172, 94);
+  --privateIconBg: rgba(105, 172, 94, 0.2);
+  --favoritesIconColor: rgb(238, 166, 74);
+  --favoritesIconBg: rgba(251, 163, 47, 0.2);
+  --swatchDefault: #2978fb;
+  --unitBg: rgb(51, 51, 51);
+  --unitBgHover: rgb(61, 61, 61);
+  --colorBgBadgeNeutral: rgba(41, 41, 41, 0.8);
+  --colorBgBadgeAccent: rgba(28, 43, 79, 0.8);
+  --colorBgBadgeSuccess: rgb(7, 61, 55);
+  --colorBgBadgeWarning: rgb(58, 50, 0);
+  --colorBgBadgeError: rgb(91, 26, 32);
+  --colorTextBadgeNeutral: rgb(161, 161, 161);
+  --colorTextBadgeAccent: #97b1ed;
+  --colorTextBadgeSuccess: rgb(127, 192, 182);
+  --colorTextBadgeWarning: rgb(225, 199, 0);
+  --colorTextBadgeError: rgb(244, 146, 148);
+  --badgeBgColor: rgba(120, 120, 120, 0.2);
+  --tooltipBgColor: rgb(51, 51, 51);
+  --todayMarkerColor: rgb(104, 33, 39);
+  --viewBgOverlayColor: rgba(23, 23, 23, 0.6);
+  --floatEditorMenuBg: rgb(51, 51, 51);
+  --floatEditorActiveColor: #97b1ed;
+  --commentColor: rgba(246, 217, 1, 0.4);
+  --cellBackgroundColor: rgb(28, 28, 28);
+  --cellBackgroundHoverColor: rgba(51, 51, 51, 0.3);
+  --cellBorderColor: rgba(112, 112, 112, 0.5);
+  --cellPinnedBorderColor: rgba(112, 112, 112, 0.7);
+  --tableRowWarningColor: rgba(246, 217, 1, 0.4);
+  --errorBgColor: rgba(213, 50, 72, 0.6);
+  --errorTextColor: rgb(244, 179, 179);
+  --errorButtonColor: rgb(225, 78, 91);
+  --warningBgColor: rgba(109, 95, 0, 0.6);
+  --warningButtonColor: rgb(225, 199, 0);
+  --infoBox: rgba(246, 217, 1, 0.2);
+  --appCardBgColor: rgb(28, 28, 28);
+  --appCardHoverColor: rgb(28, 28, 28);
+  --modalBg: rgba(28, 28, 28, 0.5);
+  --modalContentBg: rgb(36, 36, 36);
+  --progressIconBg: rgba(255, 255, 255, 0.18);
+  --progressIconFill: rgba(255, 255, 255, 0.59);
+  --formBg: rgb(28, 28, 28);
+  --formHeaderShadow: 0 0 6px 0 rgba(23, 23, 23, 0.4);
+  --formEditorFieldBg: rgb(41, 41, 41);
+  --filterGroup1Bg: rgb(51, 51, 51);
+  --filterGroup2Bg: rgb(61, 61, 61);
+  --filterGroupBorder: rgba(255, 255, 255, 0.03);
+  --colorBgNotificationHover: rgb(28, 28, 28);
+  --colorBgNotificationSelected: #151c2d;
+  --colorBgNotificationSelectedHover: #1a2642;
+  --disabledInversedTextColor: rgba(255, 255, 255, 0.25);
+  --success: rgb(0, 142, 128);
+  --danger: rgb(225, 78, 91);
+  --active: rgb(225, 78, 91);
+  --warning: rgb(109, 95, 0);
+  --cardBg: rgb(51, 51, 51);
+  --selectedImageBorder: rgba(255, 255, 255, 0.59);
+  --transparent: rgba(255, 255, 255, 0);
+  --progressBg: rgb(237, 237, 237);
+  --progressText: rgb(94, 94, 94);
+  --progressFillBg: rgb(94, 94, 94);
+  --progressFillText: rgb(255, 255, 255);
+  --progressBarFillNeutral: rgba(112, 112, 112, 0.2);
+  --progressBarFill: #5f85dd;
+  --progressBarBg: rgba(95, 133, 221, 0.25);
+  --colorPickerSwatchBorder: rgba(0, 0, 0, 0.14);
+  --colorBorderRichTextMedia: rgba(0, 0, 0, 0.14);
+  --richTextTableBorder: rgba(255, 255, 255, 0.18);
+  --colorBgDropLine: #3258ae;
+  --viewBg: rgb(23, 23, 23);
+  --colorBgViewMetaItem: rgb(28, 28, 28);
+  --collectionViewBg: rgb(28, 28, 28);
+  --collectionViewBorder: 0 0 0 1px rgba(82, 82, 82, 0.3);
+  --viewSecondaryBg: rgb(28, 28, 28);
+  --viewHighlightBg: #1a2642;
+  --boardBg: rgb(23, 23, 23);
+  --boardBgWithOpacity80: rgba(23, 23, 23, 0.8);
+  --boardAxisBgHover: rgb(41, 41, 41);
+  --gridHeaderBgColor: rgb(36, 36, 36);
+  --gridHeaderHoverBgColor: rgb(41, 41, 41);
+  --gridHeaderTextColor: rgb(161, 161, 161);
+  --gridCellBgColor: rgb(28, 28, 28);
+  --gridCellBorderColor: rgb(51, 51, 51);
+  --gridDisabledCellBgColor: rgb(36, 36, 36);
+  --gridSelectedCellBgColor: #1a2642;
+  --gridHighlightedCellBgColor: #223259;
+  --gridSelectedCellBorderColor: #2d4786;
+  --gridSelectedPinnedCellBorderColor: #2d4786;
+  --gridDisabledSelectedCellBgColor: #223259;
+  --gridActiveCellBorderColor: #4b74d2;
+  --timelineEntityHandleColor: #2d4786;
+  --timelineDependencyHoverBgColor: #3258ae;
+  --timelineDependencyOverlapBgColor: rgb(213, 50, 72);
+  --timelineDependencyOverlapHoverBgColor: rgb(244, 146, 148);
+  --timelineCellBgColor: rgb(23, 23, 23);
+  --timelineCellWeekendBgColor: rgb(28, 28, 28);
+  --timelineCellTodayBgColor: #151c2d;
+  --timelineCreateEntityPlaceholderBgColor: rgb(61, 61, 61);
+  --colorBgButtonSolidAccentDefault: #4b74d2;
+  --colorBgButtonSolidAccentHover: #5f85dd;
+  --colorBgButtonSolidNeutralDefault: rgb(237, 237, 237);
+  --colorBgButtonSolidNeutralHover: rgb(255, 255, 255);
+  --colorBgButtonSolidDestructiveDefault: rgb(213, 50, 72);
+  --colorBgButtonSolidDestructiveHover: rgb(225, 78, 91);
+  --colorTextButtonSolidAccent: rgb(255, 255, 255);
+  --colorTextButtonSolidAccentActive: rgba(255, 255, 255, 0.8);
+  --colorTextButtonSolidNeutral: rgb(28, 28, 28);
+  --colorTextButtonSolidNeutralActive: rgba(28, 28, 28, 0.8);
+  --colorTextButtonSolidDestructive: rgb(255, 255, 255);
+  --colorTextButtonSolidDestructiveActive: rgba(255, 255, 255, 0.8);
+  --colorIconButtonSolidAccent: rgb(255, 255, 255);
+  --colorIconButtonSolidNeutral: rgb(82, 82, 82);
+  --colorIconButtonSolidDestructive: rgb(255, 255, 255);
+  --colorBorderButtonOutlineAccentDefault: #3258ae;
+  --colorBorderButtonOutlineNeutralDefault: rgb(61, 61, 61);
+  --colorBorderButtonOutlineDestructiveDefault: rgb(135, 27, 42);
+  --colorBgButtonOutlineAccentDefault: rgb(23, 23, 23);
+  --colorBgButtonOutlineAccentHover: #1a2642;
+  --colorBgButtonOutlineNeutralDefault: rgb(23, 23, 23);
+  --colorBgButtonOutlineNeutralHover: rgb(41, 41, 41);
+  --colorBgButtonOutlineDestructiveDefault: rgb(23, 23, 23);
+  --colorBgButtonOutlineDestructiveHover: rgb(80, 21, 27);
+  --colorTextButtonOutlineAccent: #97b1ed;
+  --colorTextButtonOutlineAccentActive: rgba(151, 177, 237, 0.8);
+  --colorTextButtonOutlineNeutral: rgb(161, 161, 161);
+  --colorTextButtonOutlineNeutralActive: rgba(237, 237, 237, 0.8);
+  --colorTextButtonOutlineDestructive: rgb(244, 146, 148);
+  --colorTextButtonOutlineDestructiveActive: rgba(244, 146, 148, 0.8);
+  --colorIconButtonOutlineAccent: #97b1ed;
+  --colorIconButtonOutlineNeutral: rgb(161, 161, 161);
+  --colorIconButtonOutlineDestructive: rgb(244, 146, 148);
+  --colorBgButtonSoftAccentDefault: #1c2b4f;
+  --colorBgButtonSoftAccentHover: #293b66;
+  --colorBgButtonSoftNeutralDefault: rgb(36, 36, 36);
+  --colorBgButtonSoftNeutralHover: rgb(61, 61, 61);
+  --colorBgButtonSoftDestructiveDefault: rgb(80, 21, 27);
+  --colorBgButtonSoftDestructiveHover: rgb(104, 33, 39);
+  --colorTextButtonSoftAccent: #97b1ed;
+  --colorTextButtonSoftAccentActive: rgba(151, 177, 237, 0.8);
+  --colorTextButtonSoftNeutral: rgb(161, 161, 161);
+  --colorTextButtonSoftNeutralActive: rgba(161, 161, 161, 0.8);
+  --colorTextButtonSoftDestructive: rgb(244, 146, 148);
+  --colorTextButtonSoftDestructiveActive: rgba(244, 146, 148, 0.8);
+  --colorIconButtonSoftAccent: #97b1ed;
+  --colorIconButtonSoftNeutral: rgb(161, 161, 161);
+  --colorIconButtonSoftDestructive: rgb(244, 146, 148);
+  --colorBgButtonGhostAccentDefault: rgba(255, 255, 255, 0);
+  --colorBgButtonGhostAccentHover: rgba(28, 43, 79, 0.8);
+  --colorBgButtonGhostNeutralDefault: rgba(255, 255, 255, 0);
+  --colorBgButtonGhostNeutralHover: rgba(51, 51, 51, 0.8);
+  --colorBgButtonGhostDestructiveDefault: rgba(255, 255, 255, 0);
+  --colorBgButtonGhostDestructiveHover: rgb(80, 21, 27);
+  --colorTextButtonGhostAccent: #97b1ed;
+  --colorTextButtonGhostAccentActive: rgba(151, 177, 237, 0.8);
+  --colorTextButtonGhostNeutral: rgb(161, 161, 161);
+  --colorTextButtonGhostNeutralActive: rgba(161, 161, 161, 0.8);
+  --colorTextButtonGhostDestructive: rgb(244, 146, 148);
+  --colorTextButtonGhostDestructiveActive: rgba(244, 146, 148, 0.8);
+  --colorIconButtonGhostAccent: #97b1ed;
+  --colorIconButtonGhostNeutral: rgb(161, 161, 161);
+  --colorIconButtonGhostDestructive: rgb(244, 146, 148);
+  --colorBorderAccentFocusRing: rgba(73, 120, 212, 0.3);
+  --colorBorderNeutralFocusRing: rgba(158, 158, 158, 0.3);
+  --colorBorderDestructiveFocusRing: rgba(211, 62, 78, 0.3);
+  --colorBgReactionsDefault: rgb(28, 28, 28);
+  --colorBgReactionsHover: rgb(51, 51, 51);
+  --colorBorderReactionsHover: rgb(112, 112, 112);
+  --colorBgReactionsSelectedDefault: #3258ae;
+  --colorBorderReactionsSelectedDefault: #3258ae;
+  --colorBgReactionsSelectedHover: #3869cc;
+  --colorBorderReactionsSelectedHover: #3869cc;
+  --colorTextReactionsSelected: rgb(237, 237, 237);
+  --colorBgToggleButtonUnselectedNormal: rgb(28, 28, 28);
+  --colorBgToggleButtonUnselectedHover: rgb(51, 51, 51);
+  --colorBgToggleButtonSelectedNormal: #3258ae;
+  --colorBgToggleButtonSelectedHover: #3869cc;
+  --colorBorderToggleButtonUnselectedNormal: rgb(112, 112, 112);
+  --colorBorderToggleButtonUnselectedHover: rgb(112, 112, 112);
+  --colorBorderToggleButtonSelectedNormal: #3258ae;
+  --colorBorderToggleButtonSelectedHover: #3869cc;
+  --colorTextToggleButtonUnselectedNormal: rgb(161, 161, 161);
+  --colorTextToggleButtonUnselectedHover: rgb(161, 161, 161);
+  --colorTextToggleButtonSelectedNormal: rgb(237, 237, 237);
+  --colorTextToggleButtonSelectedHover: rgb(237, 237, 237);
+  --colorIconToggleButtonUnselectedNormal: rgb(161, 161, 161);
+  --colorIconToggleButtonUnselectedHover: rgb(161, 161, 161);
+  --colorIconToggleButtonSelectedNormal: #97b1ed;
+  --colorIconToggleButtonSelectedHover: #97b1ed;
+  --colorBgRoundToggleButtonUnselectedNormal: rgb(28, 28, 28);
+  --colorBgRoundToggleButtonUnselectedHover: rgb(51, 51, 51);
+  --colorBgRoundToggleButtonSelectedNormal: #3258ae;
+  --colorBgRoundToggleButtonSelectedHover: #3869cc;
+  --colorBorderRoundToggleButtonUnselectedNormal: rgb(112, 112, 112);
+  --colorBorderRoundToggleButtonUnselectedHover: rgb(112, 112, 112);
+  --colorBorderRoundToggleButtonSelectedNormal: #3258ae;
+  --colorBorderRoundToggleButtonSelectedHover: #3869cc;
+  --colorTextRoundToggleButtonUnselectedNormal: rgb(161, 161, 161);
+  --colorTextRoundToggleButtonUnselectedHover: rgb(161, 161, 161);
+  --colorTextRoundToggleButtonSelectedNormal: rgb(237, 237, 237);
+  --colorTextRoundToggleButtonSelectedHover: rgb(237, 237, 237);
+  --colorIconRoundToggleButtonUnselectedNormal: rgb(161, 161, 161);
+  --colorIconRoundToggleButtonUnselectedHover: rgb(161, 161, 161);
+  --colorIconRoundToggleButtonSelectedNormal: #97b1ed;
+  --colorIconRoundToggleButtonSelectedHover: #97b1ed;
+  --colorBgToastDefault: rgb(23, 23, 23);
+  --colorBgDbTabHover: rgb(41, 41, 41);
+  --colorBgDbTabFocus: rgb(51, 51, 51);
+  --colorBgTabHover: rgba(161, 161, 161, 0.1);
+  --colorBgMessageContainer: rgb(36, 36, 36);
+  --colorBgMessageContainerHover: rgb(41, 41, 41);
+  --colorBgEntityAvatarDefault: #131720;
+  --colorBgEntityAvatarHover: #1a2642;
+  --colorTextEntityAvatarDefault: #3258ae;
+  --colorTextEntityAvatarHover: #4b74d2;
+  --colorBgMessageHighlighted: rgb(28, 28, 28);
+  --colorBgCommentHover: rgb(28, 28, 28);
+  --colorBgCodeEditor: rgb(36, 36, 36);
+  --colorBgEditorImageZoomed: rgb(51, 51, 51);
+  --colorMermaidPrimaryColor: rgb(82, 82, 82);
+  --colorMermaidPrimaryBorderColor: rgb(112, 112, 112);
+  --colorMermaidLineColor: rgb(112, 112, 112);
+  --colorBgWhiteboard: rgb(23, 23, 23);
+  --colorGridDotWhiteboard: rgb(51, 51, 51);
+  --colorSelectionWhiteboardBorderEnabled: #3258ae;
+  --colorHighlightWhiteboardSelection: #3258ae;
+  --colorHighlightWhiteboardSelectionLocked: rgba(112, 112, 112, 0.5);
+  --colorSelectionWhiteboardBorderDisabled: rgba(112, 112, 112, 0.5);
+  --colorPlaceholderWhiteboardDefault: rgba(50, 88, 174, 0.2);
+  --colorLinkPointWhiteboardDefault: #3258ae;
+  --colorLinkPointWhiteboardFillDefault: #0d0d0d;
+  --colorMapWhiteboardPreviewDefault: rgba(50, 88, 174, 0.4);
+  --colorCardWhiteboardShadowDefault: rgba(161, 161, 161, 0.05);
+  --colorCardWhiteboardBgDefault: rgb(46, 46, 46);
+  --colorCardWhiteboardBorderDefault: rgba(237, 237, 237, 0.2);
+  --colorUnitHeaderWhiteboardDefault: rgba(237, 237, 237, 0.6);
+  --colorUnitWhiteboardBgDefault: rgb(51, 51, 51);
+  --colorUnitWhiteboardBorderDefault: rgba(237, 237, 237, 0.25);
+  --colorSectionWhiteboardBgInactive: rgb(28, 28, 28);
+  --colorSectionWhiteboardBorderInactive: rgb(51, 51, 51);
+  --colorUploadPreviewBg: rgba(28, 28, 28, 0.85);
+  --colorEmbedWhiteboardEditBorder: rgba(0, 112, 99, 0.9);
+  --colorTextWhiteboardDefault: rgb(237, 237, 237);
+  --colorTextWhiteboardDisabled: rgb(112, 112, 112);
+  --colorTextWhiteboardAccent: rgba(23, 23, 23, 0.6);
+  --colorTextWhiteboardInversedDefault: rgb(255, 255, 255);
+  --instrumentsMenuBg: rgb(41, 41, 41);
+  --instrumentsMenuShadow:
     0 0 1px 0 rgb(51, 51, 51), 0 4px 6px 0 rgba(23, 23, 23, 0.05), 0 3px 12px 0 rgba(23, 23, 23, 0.15);
-  --fibery-color-commentBubbleBg: rgb(51, 51, 51);
-  --fibery-color-commentsPanelShadow:
+  --commentBubbleBg: rgb(51, 51, 51);
+  --commentsPanelShadow:
     0 0 1px 0 rgb(51, 51, 51), 0 4px 6px 0 rgba(23, 23, 23, 0.05), 0 3px 12px 0 rgba(23, 23, 23, 0.15);
-  --fibery-color-searchFiltersBg: rgb(28, 28, 28);
-  --fibery-color-selectedColorBorder: rgba(227, 227, 227, 0.25);
-  --fibery-color-colorBgSegmentedControlDefault: rgb(23, 23, 23);
-  --fibery-color-colorBgSegmentedControlActive: rgb(51, 51, 51);
-  --fibery-color-colorBgSegmentedControlHover: rgb(41, 41, 41);
-  --fibery-color-colorBorderSegmentedControlDefault: rgb(61, 61, 61);
-  --fibery-color-colorBgBannerNeutral: rgb(36, 36, 36);
-  --fibery-color-colorBgBannerPrimary: #1a2642;
-  --fibery-color-colorBgBannerWarning: rgb(42, 36, 0);
-  --fibery-color-colorBgBannerError: rgb(67, 22, 25);
-  --fibery-color-colorBgBannerSuccess: rgb(10, 46, 41);
-  --fibery-color-colorIconBannerNeutral: rgb(237, 237, 237);
-  --fibery-color-colorIconBannerAccent: #97b1ed;
-  --fibery-color-colorIconBannerWarning: rgb(225, 199, 0);
-  --fibery-color-colorIconBannerError: rgb(244, 146, 148);
-  --fibery-color-colorIconBannerSuccess: rgb(127, 192, 182);
-  --fibery-color-colorTextBannerNeutral: rgb(237, 237, 237);
-  --fibery-color-colorTextBannerAccent: #97b1ed;
-  --fibery-color-colorTextBannerWarning: rgb(225, 199, 0);
-  --fibery-color-colorTextBannerError: rgb(244, 146, 148);
-  --fibery-color-colorTextBannerSuccess: rgb(127, 192, 182);
-  --fibery-color-colorBgChargebeeInfoBox: rgb(23, 23, 23);
-  --fibery-color-newCommentHorizontalRulerColor: rgb(237, 150, 151);
-  --fibery-color-colorBgErrorMessage: rgb(237, 150, 151);
-  --fibery-color-colorBorderLogoGrid: rgb(41, 41, 41);
-  --fibery-color-colorBorderLogoGridSubtle: rgb(41, 41, 41);
-  --fibery-color-colorBorderLogoGridMedium: rgb(41, 41, 41);
-  --fibery-color-colorStrokeLogoDashed: rgb(82, 82, 82);
-  --fibery-color-colorBgLogoCardTransparent: rgb(28, 28, 28);
-  --fibery-color-colorBgLogoCardDark: rgb(82, 82, 82);
-  --fibery-color-colorBgLogoCardMedium: rgb(41, 41, 41);
-  --fibery-color-colorBgSkeletonFrom: rgba(0, 0, 0, 0.05);
-  --fibery-color-colorBgSkeletonTo: rgba(0, 0, 0, 0.1);
-  --fibery-color-colorShadowInsetEdge: rgba(0, 0, 0, 0.05);
-  --fibery-color-colorShadowBorder: rgba(0, 0, 0, 0.1);
-  --fibery-color-colorShadowElevation: rgba(255, 255, 255, 0.1);
-  --fibery-color-colorShadowOutline: rgba(255, 255, 255, 0.2);
-  --fibery-color-colorPlaceholder: rgba(0, 0, 0, 0.4);
-  --fibery-color-colorPlaceholderSubtle: rgba(0, 0, 0, 0.25);
-  --fibery-color-colorBgSubtleLight: rgba(0, 0, 0, 0.05);
-  --fibery-color-colorStrokeSurface: rgb(0, 0, 0);
-  --fibery-color-colorTextMilestone: rgba(255, 255, 255, 0.5);
-  --fibery-color-colorSpinnerIcon: rgba(255, 255, 255, 0.9);
-  --fibery-color-colorSpinnerBg: rgba(255, 255, 255, 0.1);
-  --fibery-color-colorBgLaneSubtle: rgba(255, 255, 255, 0.05);
-  --fibery-color-opacity15: 0.15;
-  --fibery-color-opacity20: 0.2;
-  --fibery-color-opacity25: 0.25;
-  --fibery-color-opacity30: 0.3;
-  --fibery-color-opacity40: 0.4;
-  --fibery-color-opacity50: 0.5;
-  --fibery-color-opacity60: 0.6;
-  --fibery-color-opacity65: 0.65;
-  --fibery-color-opacity70: 0.7;
-  --fibery-color-opacity75: 0.75;
-  --fibery-color-opacity80: 0.8;
-  --fibery-color-opacity85: 0.85;
-  --fibery-color-opacity90: 0.9;
-  --fibery-color-whiteA10: rgba(0, 0, 0, 0.1);
-  --fibery-color-whiteA40: rgba(0, 0, 0, 0.4);
-  --fibery-color-whiteA100: rgb(0, 0, 0);
-  --fibery-color-colorBgFileOverlay: rgba(0, 0, 0, 0.6);
-  --fibery-color-colorBgScrollFade: rgba(0, 0, 0, 0.15);
-  --fibery-color-colorStrokeSelectedOutline: rgba(255, 255, 255, 0.75);
-  --fibery-color-scrollbar: rgba(61, 61, 61, 0.5);
+  --searchFiltersBg: rgb(28, 28, 28);
+  --selectedColorBorder: rgba(227, 227, 227, 0.25);
+  --colorBgSegmentedControlDefault: rgb(23, 23, 23);
+  --colorBgSegmentedControlActive: rgb(51, 51, 51);
+  --colorBgSegmentedControlHover: rgb(41, 41, 41);
+  --colorBorderSegmentedControlDefault: rgb(61, 61, 61);
+  --colorBgBannerNeutral: rgb(36, 36, 36);
+  --colorBgBannerAccent: #1a2642;
+  --colorBgBannerWarning: rgb(42, 36, 0);
+  --colorBgBannerError: rgb(67, 22, 25);
+  --colorBgBannerSuccess: rgb(10, 46, 41);
+  --colorIconBannerNeutral: rgb(161, 161, 161);
+  --colorIconBannerAccent: #97b1ed;
+  --colorIconBannerWarning: rgb(225, 199, 0);
+  --colorIconBannerError: rgb(244, 146, 148);
+  --colorIconBannerSuccess: rgb(127, 192, 182);
+  --colorTextBannerNeutral: rgb(237, 237, 237);
+  --colorTextBannerAccent: #97b1ed;
+  --colorTextBannerWarning: rgb(225, 199, 0);
+  --colorTextBannerError: rgb(244, 146, 148);
+  --colorTextBannerSuccess: rgb(127, 192, 182);
+  --colorBgChargebeeInfoBox: rgb(23, 23, 23);
+  --newCommentHorizontalRulerColor: rgb(237, 150, 151);
+  --colorBgErrorMessage: rgb(237, 150, 151);
+  --colorBorderLogoGrid: rgb(41, 41, 41);
+  --colorBorderLogoGridSubtle: rgb(41, 41, 41);
+  --colorBorderLogoGridMedium: rgb(41, 41, 41);
+  --colorStrokeLogoDashed: rgb(82, 82, 82);
+  --colorBgLogoCardTransparent: rgb(28, 28, 28);
+  --colorBgLogoCardDark: rgb(82, 82, 82);
+  --colorBgLogoCardMedium: rgb(41, 41, 41);
+  --colorBgSkeletonFrom: rgba(0, 0, 0, 0.05);
+  --colorBgSkeletonTo: rgba(0, 0, 0, 0.1);
+  --colorShadowInsetEdge: rgba(0, 0, 0, 0.05);
+  --colorShadowBorder: rgba(0, 0, 0, 0.1);
+  --colorShadowElevation: rgba(255, 255, 255, 0.1);
+  --colorShadowOutline: rgba(255, 255, 255, 0.2);
+  --colorPlaceholder: rgba(0, 0, 0, 0.4);
+  --colorPlaceholderSubtle: rgba(0, 0, 0, 0.25);
+  --colorBgSubtleLight: rgba(0, 0, 0, 0.05);
+  --colorStrokeSurface: rgb(0, 0, 0);
+  --colorTextMilestone: rgba(255, 255, 255, 0.5);
+  --colorSpinnerIcon: rgba(255, 255, 255, 0.9);
+  --colorSpinnerBg: rgba(255, 255, 255, 0.1);
+  --colorBgLaneSubtle: rgba(255, 255, 255, 0.05);
+  --opacity15: 0.15;
+  --opacity20: 0.2;
+  --opacity25: 0.25;
+  --opacity30: 0.3;
+  --opacity40: 0.4;
+  --opacity50: 0.5;
+  --opacity60: 0.6;
+  --opacity65: 0.65;
+  --opacity70: 0.7;
+  --opacity75: 0.75;
+  --opacity80: 0.8;
+  --opacity85: 0.85;
+  --opacity90: 0.9;
+  --whiteA10: rgba(0, 0, 0, 0.1);
+  --whiteA40: rgba(0, 0, 0, 0.4);
+  --whiteA100: rgb(0, 0, 0);
+  --colorBgFileOverlay: rgba(0, 0, 0, 0.6);
+  --colorBgScrollFade: rgba(0, 0, 0, 0.15);
+  --colorStrokeSelectedOutline: rgba(255, 255, 255, 0.75);
+  --scrollbar: rgba(61, 61, 61, 0.5);
 }
 :root.warm-palette {
-  --fibery-color-surfaceElevationS: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
-  --fibery-color-surfaceElevationM: 0 4px 8px 0 rgba(0, 0, 0, 0.09);
-  --fibery-color-surfaceElevationL: 0 8px 12px 0 rgba(0, 0, 0, 0.09);
-  --fibery-color-shadow50: 0 0 0 1px rgba(27, 22, 17, 0.05);
-  --fibery-color-shadow100: 0 1px 4px 0 rgba(27, 22, 17, 0.05);
-  --fibery-color-shadow200: 0 2px 6px 0 rgba(27, 22, 17, 0.05);
-  --fibery-color-shadow300: 0 3px 6px -3px rgba(27, 22, 17, 0.1), 0 8px 20px -4px rgba(27, 22, 17, 0.15);
-  --fibery-color-shadow400: 0 0 1px 0 rgba(27, 22, 17, 0.2), 0 16px 40px 0 rgba(27, 22, 17, 0.15);
-  --fibery-color-shadow500: 0 0 1px 0 rgba(27, 22, 17, 0.2), 0 20px 50px 0 rgba(27, 22, 17, 0.15);
-  --fibery-color-shadow600: 0 0 1px 0 rgba(27, 22, 17, 0.2), 0 26px 80px 0 rgba(27, 22, 17, 0.2);
-  --fibery-color-actionMenuShadow:
+  --surfaceElevationS: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+  --surfaceElevationM: 0 4px 8px 0 rgba(0, 0, 0, 0.09);
+  --surfaceElevationL: 0 8px 12px 0 rgba(0, 0, 0, 0.09);
+  --shadow50: 0 0 0 1px rgba(27, 22, 17, 0.05);
+  --shadow100: 0 1px 4px 0 rgba(27, 22, 17, 0.05);
+  --shadow200: 0 2px 6px 0 rgba(27, 22, 17, 0.05);
+  --shadow300: 0 3px 6px -3px rgba(27, 22, 17, 0.1), 0 8px 20px -4px rgba(27, 22, 17, 0.15);
+  --shadow400: 0 0 1px 0 rgba(27, 22, 17, 0.2), 0 16px 40px 0 rgba(27, 22, 17, 0.15);
+  --shadow500: 0 0 1px 0 rgba(27, 22, 17, 0.2), 0 20px 50px 0 rgba(27, 22, 17, 0.15);
+  --shadow600: 0 0 1px 0 rgba(27, 22, 17, 0.2), 0 26px 80px 0 rgba(27, 22, 17, 0.2);
+  --actionMenuShadow:
     0 0 2px 0 rgba(99, 94, 87, 0.3), 0 4px 6px 0 rgba(99, 94, 87, 0.05), 0 10px 26px 0 rgba(99, 94, 87, 0.15);
-  --fibery-color-shadowPopup:
+  --shadowPopup:
     0 0 2px 0 rgba(99, 94, 87, 0.3), 0 4px 6px 0 rgba(99, 94, 87, 0.05), 0 10px 26px 0 rgba(99, 94, 87, 0.15);
-  --fibery-color-shadowSidebar: -3px 0 10px 0 rgba(125, 119, 112, 0.1);
-  --fibery-color-highlightBgYellow: rgb(254, 234, 191);
-  --fibery-color-highlightFgYellow: rgb(156, 125, 38);
-  --fibery-color-highlightFgOnBgYellow: rgb(130, 104, 30);
-  --fibery-color-highlightBgGreen: rgb(218, 245, 202);
-  --fibery-color-highlightFgGreen: rgb(93, 143, 39);
-  --fibery-color-highlightFgOnBgGreen: rgb(76, 119, 31);
-  --fibery-color-highlightBgAquamarine: rgb(196, 247, 221);
-  --fibery-color-highlightFgAquamarine: rgb(55, 145, 100);
-  --fibery-color-highlightFgOnBgAquamarine: rgb(43, 120, 82);
-  --fibery-color-highlightBgAqua: rgb(186, 248, 238);
-  --fibery-color-highlightFgAqua: rgb(46, 144, 127);
-  --fibery-color-highlightFgOnBgAqua: rgb(36, 119, 105);
-  --fibery-color-highlightBgBlue: rgb(223, 237, 255);
-  --fibery-color-highlightFgBlue: rgb(76, 129, 213);
-  --fibery-color-highlightFgOnBgBlue: rgb(60, 107, 177);
-  --fibery-color-highlightBgPurple: rgb(244, 231, 255);
-  --fibery-color-highlightFgPurple: rgb(176, 89, 226);
-  --fibery-color-highlightFgOnBgPurple: rgb(151, 63, 199);
-  --fibery-color-highlightBgPink: rgb(255, 229, 242);
-  --fibery-color-highlightFgPink: rgb(212, 73, 166);
-  --fibery-color-highlightFgOnBgPink: rgb(178, 56, 139);
-  --fibery-color-highlightBgRed: rgb(254, 230, 227);
-  --fibery-color-highlightFgRed: rgb(227, 70, 74);
-  --fibery-color-highlightFgOnBgRed: rgb(191, 50, 55);
-  --fibery-color-highlightBgGrey: rgb(236, 235, 235);
-  --fibery-color-highlightFgGrey: rgb(135, 128, 128);
-  --fibery-color-highlightFgOnBgGrey: rgb(111, 105, 104);
-  --fibery-color-colorPickerCssFilter: none;
-  --fibery-color-mode: light;
-  --fibery-color-colorAccentBgSubtle: rgba(0, 138, 169, 0.1);
-  --fibery-color-colorAccentBgMild: rgba(0, 138, 169, 0.15);
-  --fibery-color-colorAccentBgMedium: rgba(0, 138, 169, 0.2);
-  --fibery-color-colorAccentBgStrong: rgba(0, 138, 169, 0.3);
-  --fibery-color-colorAccentBgBold: rgba(0, 138, 169, 0.35);
-  --fibery-color-colorAccentBgVivid: rgba(0, 138, 169, 0.6);
-  --fibery-color-colorAccentStroke: rgba(0, 138, 169, 0.25);
-  --fibery-color-colorAccentStrokeHover: rgba(0, 138, 169, 0.4);
-  --fibery-color-colorAccentStrokeFocus: rgba(0, 138, 169, 0.5);
-  --fibery-color-colorAccentSolid: rgba(0, 138, 169, 0.8);
-  --fibery-color-colorAccent: rgb(0, 138, 169);
-  --fibery-color-darkenPrimary: rgb(46, 107, 126);
-  --fibery-color-whiteColor: rgb(255, 253, 250);
-  --fibery-color-blackColor: #1f1a18;
-  --fibery-color-mainBg: rgb(250, 244, 236);
-  --fibery-color-panelBg: rgb(255, 253, 250);
-  --fibery-color-panelBorder: 0 0 0 1px rgba(204, 198, 191, 0.2);
-  --fibery-color-panelContentBg: rgb(253, 246, 239);
-  --fibery-color-dbSettingsSidebarBg: rgb(253, 246, 239);
-  --fibery-color-dbSettingsSidebarItemHover: rgb(243, 236, 229);
-  --fibery-color-dbSettingsSidebarIconBg: rgb(255, 253, 250);
-  --fibery-color-dbSettingsSidebarIconBorder: 0 1px 4px 0 rgba(99, 94, 87, 0.1), 0 0 0 0.5px rgba(237, 231, 224, 0.5);
-  --fibery-color-dbSettingsCardBg: rgb(253, 246, 239);
-  --fibery-color-dbSettingsCardBorder: 0 0 0 1px rgba(232, 226, 219, 0.8);
-  --fibery-color-colorBgRelationContainer: rgb(255, 251, 244);
-  --fibery-color-colorAI: #9b6fc1;
-  --fibery-color-colorBgAI: rgba(155, 111, 193, 0.1);
-  --fibery-color-colorBgAIFloatingLauncher: rgb(255, 251, 244);
-  --fibery-color-colorBgAIFloatingPanelContent: rgb(255, 251, 244);
-  --fibery-color-colorBgAISidebarContent: rgb(255, 251, 244);
-  --fibery-color-colorBgFloatingPanel: rgb(255, 253, 250);
-  --fibery-color-shadowFloatingPanel: 0 0 0 1px rgba(125, 119, 112, 0.15), 0 3px 12px 0 rgba(99, 94, 87, 0.15);
-  --fibery-color-pageContentBg: rgb(255, 253, 250);
-  --fibery-color-colorBgPopup: rgb(255, 253, 250);
-  --fibery-color-menuBg: rgb(250, 244, 236);
-  --fibery-color-menuTextColor: rgb(27, 22, 17);
-  --fibery-color-menuItemHoverColor: rgb(237, 231, 224);
-  --fibery-color-menuSelectedTextColor: rgb(253, 246, 239);
-  --fibery-color-menuIconColor: rgba(27, 22, 17, 0.7);
-  --fibery-color-textColor: rgb(27, 22, 17);
-  --fibery-color-textSelectionColor: rgba(0, 138, 169, 0.2);
-  --fibery-color-accentTextColor: rgb(125, 119, 112);
-  --fibery-color-disabledTextColor: rgb(163, 157, 150);
-  --fibery-color-inversedTextColor: rgb(250, 244, 236);
-  --fibery-color-colorTextSecondary: rgba(27, 22, 17, 0.7);
-  --fibery-color-linkColor: #5371b4;
-  --fibery-color-linkBorder: 0.5px solid rgba(83, 113, 180, 0.4);
-  --fibery-color-linkHoverColor: #5371b4;
-  --fibery-color-linkBorderHover: 0.5px solid rgba(83, 113, 180, 0.75);
-  --fibery-color-codeColor: rgb(211, 62, 75);
-  --fibery-color-codeBgColor: rgb(250, 244, 236);
-  --fibery-color-codeBlockBgColor: rgb(250, 244, 236);
-  --fibery-color-addedDiffTextColor: rgb(0, 144, 126);
-  --fibery-color-removedDiffTextColor: rgb(175, 36, 54);
-  --fibery-color-entityNodeColor: rgb(39, 35, 33);
-  --fibery-color-entityNodeBorder: 0.5px solid rgba(39, 35, 33, 0.3);
-  --fibery-color-entityNodeHoverColor: rgb(65, 60, 58);
-  --fibery-color-entityNodeBorderHover: 0.5px solid rgba(99, 94, 87, 0.8);
-  --fibery-color-entityNodeBgColor: rgb(253, 246, 239);
-  --fibery-color-shortcutTextColor: rgb(163, 157, 150);
-  --fibery-color-shortcutBorder: 1px solid rgba(204, 198, 191, 0.5);
-  --fibery-color-shortcutBorderColor: rgba(204, 198, 191, 0.5);
-  --fibery-color-inputBgColor: rgb(255, 253, 250);
-  --fibery-color-inputDisabledBgColor: rgba(232, 226, 219, 0.3);
-  --fibery-color-inputDisabledBorderColor: 0 0 0 1px rgba(232, 226, 219, 0.6);
-  --fibery-color-inputCopyBgColor: rgb(250, 244, 236);
-  --fibery-color-inputBorderColor: 0 0 0 1px rgba(232, 226, 219, 0.8);
-  --fibery-color-inputBorderHoverColor: 0 0 0 1px rgb(225, 218, 211);
-  --fibery-color-inputBorderFocusColor: 0 0 0 1px rgb(204, 198, 191);
-  --fibery-color-inputBorderBlendMode: multiply;
-  --fibery-color-inputPlaceholderTextColor: rgb(163, 157, 150);
-  --fibery-color-inputErrorBorderColor: 0 0 0 1px rgb(175, 36, 54);
-  --fibery-color-inputErrorBorderHoverColor: 0 0 0 1px rgba(175, 36, 54, 0.4);
-  --fibery-color-inputErrorBorderFocusColor: 0 0 0 1px rgba(175, 36, 54, 0.25);
-  --fibery-color-inputErrorBorderFocusShadow: 0 0 0 3px rgba(175, 36, 54, 0.25);
-  --fibery-color-inputBorderWarningColor: 0 0 0 1px rgb(247, 217, 0);
-  --fibery-color-buttonPrimaryColor: rgb(0, 138, 169);
-  --fibery-color-buttonColor: rgb(125, 119, 112);
-  --fibery-color-buttonPrimaryTextColor: rgb(253, 246, 239);
-  --fibery-color-checkboxColor: rgba(27, 22, 17, 0.7);
-  --fibery-color-colorBorderBlockQuote: rgb(99, 94, 87);
-  --fibery-color-colorBgActionsMenu: rgb(255, 253, 250);
-  --fibery-color-colorBgActionsMenuItemHover: rgb(243, 236, 229);
-  --fibery-color-colorBgActionsMenuItemSelected: rgba(228, 241, 246, 0.8);
-  --fibery-color-colorBgActionsMenuItemSelectedHover: rgba(213, 233, 240, 0.8);
-  --fibery-color-colorBgActionsMenuItemDangerHover: rgba(211, 62, 75, 0.1);
-  --fibery-color-colorBgActionsMenuItemDangerActive: rgba(211, 62, 75, 0.8);
-  --fibery-color-actionMenuBg: rgb(255, 253, 250);
-  --fibery-color-actionMenuInnerBg: rgb(255, 253, 250);
-  --fibery-color-actionMenuHover: rgb(243, 236, 229);
-  --fibery-color-actionMenuInnerHover: rgb(243, 236, 229);
-  --fibery-color-actionMenuButtonColor: rgb(255, 253, 250);
-  --fibery-color-actionMenuButtonHoverColor: rgb(255, 251, 244);
-  --fibery-color-actionMenuButtonShadow: 0 0 0 1px rgba(125, 119, 112, 0.1), 0 2px 4px -4px rgba(125, 119, 112, 0.2);
-  --fibery-color-actionMenuSeparatorColor: rgba(31, 26, 24, 0.1);
-  --fibery-color-separatorColor: rgba(31, 26, 24, 0.1);
-  --fibery-color-separatorColorDimmed: rgba(31, 26, 24, 0.05);
-  --fibery-color-separatorBreadcrumbsColor: rgb(204, 198, 191);
-  --fibery-color-borderSeparatorDimmed: 0.5px solid rgba(31, 26, 24, 0.05);
-  --fibery-color-borderSeparator: 0.5px solid rgba(31, 26, 24, 0.1);
-  --fibery-color-borderSeparatorMedium: 0.5px solid rgba(31, 26, 24, 0.15);
-  --fibery-color-borderSeparatorStrong: 0.5px solid rgba(31, 26, 24, 0.25);
-  --fibery-color-borderMedia: 0.5px solid rgba(0, 0, 0, 0.14);
-  --fibery-color-borderSolidSeparator: 1px solid rgba(31, 26, 24, 0.1);
-  --fibery-color-borderSolidSeparatorDimmed: 1px solid rgba(31, 26, 24, 0.05);
-  --fibery-color-borderSolidFilterGroup: 1px solid rgba(0, 0, 0, 0.05);
-  --fibery-color-borderSolidGrid: 1px solid rgb(237, 231, 224);
-  --fibery-color-borderSolidOutlineNeutral: 1px solid rgb(204, 198, 191);
-  --fibery-color-borderSolidMedia: 1px solid rgba(0, 0, 0, 0.14);
-  --fibery-color-borderSolidCommentBubble: 1px solid rgb(255, 253, 250);
-  --fibery-color-borderBlockQuote: 3px solid rgb(99, 94, 87);
-  --fibery-color-shadowCardDefault: 0 0 0 1px rgba(232, 226, 219, 0.8), 0 1px 4px 0 rgba(27, 22, 17, 0.05);
-  --fibery-color-shadowCardHover: 0 0 0 1px rgba(232, 226, 219, 0.8), 0 2px 6px 0 rgba(27, 22, 17, 0.05);
-  --fibery-color-shadowCardInset: inset 0 0 0 1px rgba(232, 226, 219, 0.8);
-  --fibery-color-iconColor: rgba(27, 22, 17, 0.7);
-  --fibery-color-appIconColor: rgba(253, 246, 239, 0.9);
-  --fibery-color-appIconBgColor: rgba(255, 251, 244, 0.9);
-  --fibery-color-mentionBgColor: rgba(225, 218, 211, 0.3);
-  --fibery-color-colorBgSelectMenu: rgb(255, 251, 244);
-  --fibery-color-shadowSelectMenu:
+  --shadowSidebar: -3px 0 10px 0 rgba(125, 119, 112, 0.1);
+  --highlightBgYellow: rgb(254, 234, 191);
+  --highlightFgYellow: rgb(156, 125, 38);
+  --highlightFgOnBgYellow: rgb(130, 104, 30);
+  --highlightBgGreen: rgb(218, 245, 202);
+  --highlightFgGreen: rgb(93, 143, 39);
+  --highlightFgOnBgGreen: rgb(76, 119, 31);
+  --highlightBgAquamarine: rgb(196, 247, 221);
+  --highlightFgAquamarine: rgb(55, 145, 100);
+  --highlightFgOnBgAquamarine: rgb(43, 120, 82);
+  --highlightBgAqua: rgb(186, 248, 238);
+  --highlightFgAqua: rgb(46, 144, 127);
+  --highlightFgOnBgAqua: rgb(36, 119, 105);
+  --highlightBgBlue: rgb(223, 237, 255);
+  --highlightFgBlue: rgb(76, 129, 213);
+  --highlightFgOnBgBlue: rgb(60, 107, 177);
+  --highlightBgPurple: rgb(244, 231, 255);
+  --highlightFgPurple: rgb(176, 89, 226);
+  --highlightFgOnBgPurple: rgb(151, 63, 199);
+  --highlightBgPink: rgb(255, 229, 242);
+  --highlightFgPink: rgb(212, 73, 166);
+  --highlightFgOnBgPink: rgb(178, 56, 139);
+  --highlightBgRed: rgb(254, 230, 227);
+  --highlightFgRed: rgb(227, 70, 74);
+  --highlightFgOnBgRed: rgb(191, 50, 55);
+  --highlightBgGrey: rgb(236, 235, 235);
+  --highlightFgGrey: rgb(135, 128, 128);
+  --highlightFgOnBgGrey: rgb(111, 105, 104);
+  --colorPickerCssFilter: none;
+  --colorAccentBgSubtle: rgba(0, 138, 169, 0.1);
+  --colorAccentBgMild: rgba(0, 138, 169, 0.15);
+  --colorAccentBgMedium: rgba(0, 138, 169, 0.2);
+  --colorAccentBgStrong: rgba(0, 138, 169, 0.3);
+  --colorAccentBgBold: rgba(0, 138, 169, 0.35);
+  --colorAccentBgVivid: rgba(0, 138, 169, 0.6);
+  --colorAccentStroke: rgba(0, 138, 169, 0.25);
+  --colorAccentStrokeHover: rgba(0, 138, 169, 0.4);
+  --colorAccentStrokeFocus: rgba(0, 138, 169, 0.5);
+  --colorAccentSolid: rgba(0, 138, 169, 0.8);
+  --colorAccent: rgb(0, 138, 169);
+  --darkenPrimary: rgb(46, 107, 126);
+  --whiteColor: rgb(255, 253, 250);
+  --blackColor: #1f1a18;
+  --mainBg: rgb(250, 244, 236);
+  --panelBg: rgb(255, 253, 250);
+  --panelBorder: 0 0 0 1px rgba(204, 198, 191, 0.2);
+  --panelContentBg: rgb(253, 246, 239);
+  --dbSettingsSidebarBg: rgb(253, 246, 239);
+  --dbSettingsSidebarItemHover: rgb(243, 236, 229);
+  --dbSettingsSidebarIconBg: rgb(255, 253, 250);
+  --dbSettingsSidebarIconBorder: 0 1px 4px 0 rgba(99, 94, 87, 0.1), 0 0 0 0.5px rgba(237, 231, 224, 0.5);
+  --dbSettingsCardBg: rgb(253, 246, 239);
+  --dbSettingsCardBorder: 0 0 0 1px rgba(232, 226, 219, 0.8);
+  --colorBgRelationContainer: rgb(255, 251, 244);
+  --colorAI: #9b6fc1;
+  --colorBgAI: rgba(155, 111, 193, 0.1);
+  --colorBgAIFloatingLauncher: rgb(255, 251, 244);
+  --colorBgAIFloatingPanelContent: rgb(255, 251, 244);
+  --colorBgAISidebarContent: rgb(255, 251, 244);
+  --colorBgFloatingPanel: rgb(255, 253, 250);
+  --shadowFloatingPanel: 0 0 0 1px rgba(125, 119, 112, 0.15), 0 3px 12px 0 rgba(99, 94, 87, 0.15);
+  --pageContentBg: rgb(255, 253, 250);
+  --colorBgPopup: rgb(255, 253, 250);
+  --menuBg: rgb(250, 244, 236);
+  --menuTextColor: rgb(27, 22, 17);
+  --menuItemHoverColor: rgb(237, 231, 224);
+  --menuSelectedTextColor: rgb(253, 246, 239);
+  --menuIconColor: rgba(27, 22, 17, 0.7);
+  --textColor: rgb(27, 22, 17);
+  --textSelectionColor: rgba(0, 138, 169, 0.2);
+  --accentTextColor: rgb(125, 119, 112);
+  --disabledTextColor: rgb(163, 157, 150);
+  --inversedTextColor: rgb(250, 244, 236);
+  --colorTextSecondary: rgba(27, 22, 17, 0.7);
+  --linkColor: #5371b4;
+  --linkBorder: 0.5px solid rgba(83, 113, 180, 0.4);
+  --linkHoverColor: #5371b4;
+  --linkBorderHover: 0.5px solid rgba(83, 113, 180, 0.75);
+  --codeColor: rgb(211, 62, 75);
+  --codeBgColor: rgb(250, 244, 236);
+  --codeBlockBgColor: rgb(250, 244, 236);
+  --addedDiffTextColor: rgb(0, 144, 126);
+  --removedDiffTextColor: rgb(175, 36, 54);
+  --entityNodeColor: rgb(39, 35, 33);
+  --entityNodeBorder: 0.5px solid rgba(39, 35, 33, 0.3);
+  --entityNodeHoverColor: rgb(65, 60, 58);
+  --entityNodeBorderHover: 0.5px solid rgba(99, 94, 87, 0.8);
+  --entityNodeBgColor: rgb(253, 246, 239);
+  --shortcutTextColor: rgb(163, 157, 150);
+  --shortcutBorder: 1px solid rgba(204, 198, 191, 0.5);
+  --shortcutBorderColor: rgba(204, 198, 191, 0.5);
+  --inputBgColor: rgb(255, 253, 250);
+  --inputDisabledBgColor: rgba(232, 226, 219, 0.3);
+  --inputDisabledBorderColor: 0 0 0 1px rgba(232, 226, 219, 0.6);
+  --inputCopyBgColor: rgb(250, 244, 236);
+  --inputBorderColor: 0 0 0 1px rgba(232, 226, 219, 0.8);
+  --inputBorderHoverColor: 0 0 0 1px rgb(225, 218, 211);
+  --inputBorderFocusColor: 0 0 0 1px rgb(204, 198, 191);
+  --inputBorderBlendMode: multiply;
+  --inputPlaceholderTextColor: rgb(163, 157, 150);
+  --inputErrorBorderColor: 0 0 0 1px rgb(175, 36, 54);
+  --inputErrorBorderHoverColor: 0 0 0 1px rgba(175, 36, 54, 0.4);
+  --inputErrorBorderFocusColor: 0 0 0 1px rgba(175, 36, 54, 0.25);
+  --inputErrorBorderFocusShadow: 0 0 0 3px rgba(175, 36, 54, 0.25);
+  --inputBorderWarningColor: 0 0 0 1px rgb(247, 217, 0);
+  --buttonPrimaryColor: rgb(0, 138, 169);
+  --buttonColor: rgb(125, 119, 112);
+  --buttonPrimaryTextColor: rgb(253, 246, 239);
+  --checkboxColor: rgba(27, 22, 17, 0.7);
+  --colorBorderBlockQuote: rgb(99, 94, 87);
+  --colorBgActionsMenu: rgb(255, 253, 250);
+  --colorBgActionsMenuItemHover: rgb(243, 236, 229);
+  --colorBgActionsMenuItemSelected: rgba(228, 241, 246, 0.8);
+  --colorBgActionsMenuItemSelectedHover: rgba(213, 233, 240, 0.8);
+  --colorBgActionsMenuItemDangerHover: rgba(211, 62, 75, 0.1);
+  --colorBgActionsMenuItemDangerActive: rgba(211, 62, 75, 0.8);
+  --actionMenuBg: rgb(255, 253, 250);
+  --actionMenuInnerBg: rgb(255, 253, 250);
+  --actionMenuHover: rgb(243, 236, 229);
+  --actionMenuInnerHover: rgb(243, 236, 229);
+  --actionMenuButtonColor: rgb(255, 253, 250);
+  --actionMenuButtonHoverColor: rgb(255, 251, 244);
+  --actionMenuButtonShadow: 0 0 0 1px rgba(125, 119, 112, 0.1), 0 2px 4px -4px rgba(125, 119, 112, 0.2);
+  --actionMenuSeparatorColor: rgba(31, 26, 24, 0.1);
+  --separatorColor: rgba(31, 26, 24, 0.1);
+  --separatorColorDimmed: rgba(31, 26, 24, 0.05);
+  --separatorBreadcrumbsColor: rgb(204, 198, 191);
+  --borderSeparatorDimmed: 0.5px solid rgba(31, 26, 24, 0.05);
+  --borderSeparator: 0.5px solid rgba(31, 26, 24, 0.1);
+  --borderSeparatorMedium: 0.5px solid rgba(31, 26, 24, 0.15);
+  --borderSeparatorStrong: 0.5px solid rgba(31, 26, 24, 0.25);
+  --borderMedia: 0.5px solid rgba(0, 0, 0, 0.14);
+  --borderSolidSeparator: 1px solid rgba(31, 26, 24, 0.1);
+  --borderSolidSeparatorDimmed: 1px solid rgba(31, 26, 24, 0.05);
+  --borderSolidFilterGroup: 1px solid rgba(0, 0, 0, 0.05);
+  --borderSolidGrid: 1px solid rgb(237, 231, 224);
+  --borderSolidOutlineNeutral: 1px solid rgb(204, 198, 191);
+  --borderSolidMedia: 1px solid rgba(0, 0, 0, 0.14);
+  --borderSolidCommentBubble: 1px solid rgb(255, 253, 250);
+  --borderBlockQuote: 3px solid rgb(99, 94, 87);
+  --shadowCardDefault: 0 0 0 1px rgba(232, 226, 219, 0.8), 0 1px 4px 0 rgba(27, 22, 17, 0.05);
+  --shadowCardHover: 0 0 0 1px rgba(232, 226, 219, 0.8), 0 2px 6px 0 rgba(27, 22, 17, 0.05);
+  --shadowCardInset: inset 0 0 0 1px rgba(232, 226, 219, 0.8);
+  --iconColor: rgba(27, 22, 17, 0.7);
+  --colorIconDestructive: rgb(175, 36, 54);
+  --appIconColor: rgba(253, 246, 239, 0.9);
+  --appIconBgColor: rgba(255, 251, 244, 0.9);
+  --mentionBgColor: rgba(225, 218, 211, 0.3);
+  --colorBgSelectMenu: rgb(255, 251, 244);
+  --shadowSelectMenu:
     0 0 2px 0 rgba(99, 94, 87, 0.3), 0 4px 6px 0 rgba(99, 94, 87, 0.05), 0 10px 26px 0 rgba(99, 94, 87, 0.15);
-  --fibery-color-colorBgListItemGeneral: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgListItemGeneralHover: rgb(250, 244, 236);
-  --fibery-color-colorBgListItemGeneralFocus: rgb(243, 236, 229);
-  --fibery-color-colorBgListItemGeneralSelected: rgb(213, 233, 240);
-  --fibery-color-colorBgListItemGeneralSelectedHover: rgb(194, 222, 232);
-  --fibery-color-colorBgListItemGeneralSelectedFocus: rgb(194, 222, 232);
-  --fibery-color-colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
-  --fibery-color-colorTextListItemGeneralDisabled: rgb(163, 157, 150);
-  --fibery-color-colorBgListItemGeneralSelectedDisabled: rgb(213, 233, 240);
-  --fibery-color-opacityListItemGeneralDisabled: 0.4;
-  --fibery-color-colorSearchSubtitle: rgb(163, 157, 150);
-  --fibery-color-colorBgSearchPanel: rgb(255, 253, 250);
-  --fibery-color-colorBgSearchRowHover: rgb(243, 236, 229);
-  --fibery-color-colorBgSearchRowCreateHover: rgb(228, 241, 246);
-  --fibery-color-opacitySearchItemDone: 0.4;
-  --fibery-color-colorBgEntityBoxDefault: rgb(255, 253, 250);
-  --fibery-color-shadowStrokeEntityBoxDefault: 0 0 0 1px rgb(237, 231, 224);
-  --fibery-color-shadowEntityBoxDefault: 0 2px 4px 0 rgba(27, 22, 17, 0.05);
-  --fibery-color-colorBgEntityBoxDefaultHover: rgb(255, 253, 250);
-  --fibery-color-shadowEntityBoxDefaultHover: 0 4px 8px 0 rgba(27, 22, 17, 0.1);
-  --fibery-color-colorBgEntityBoxDefaultFocus: rgb(255, 253, 250);
-  --fibery-color-colorOverlayEntityBoxDefaultFocus: rgb(0, 138, 169);
-  --fibery-color-shadowStrokeEntityBoxDefaultFocus: 0 0 0 2px rgba(0, 138, 169, 0.4);
-  --fibery-color-colorBgEntityBoxDefaultFocusHover: rgb(255, 253, 250);
-  --fibery-color-colorOverlayEntityBoxDefaultFocusHover: rgb(0, 138, 169);
-  --fibery-color-shadowStrokeEntityBoxDefaultFocusHover: 0 0 0 2px rgba(0, 138, 169, 0.6);
-  --fibery-color-opacityEntityBoxDefaultDrag: 0.4;
-  --fibery-color-shadowEntityBoxDefaultDrag: 0 8px 12px 0 rgba(27, 22, 17, 0.1);
-  --fibery-color-colorBgEntityBoxSelected: rgb(249, 252, 253);
-  --fibery-color-shadowStrokeEntityBoxSelected: 0 0 0 1px rgba(0, 138, 169, 0.4), 0 0 0 3px rgba(0, 138, 169, 0.4);
-  --fibery-color-colorBgEntityBoxSelectedHover: rgb(238, 247, 249);
-  --fibery-color-shadowStrokeEntityBoxSelectedHover: 0 0 0 1px rgba(0, 138, 169, 0.6), 0 0 0 3px rgba(0, 138, 169, 0.4);
-  --fibery-color-colorBgEntityBoxSelectedDrag: rgb(238, 247, 249);
-  --fibery-color-shadowStrokeEntityBoxSelectedDrag: 0 0 0 1px rgba(0, 138, 169, 0.4), 0 0 0 3px rgba(0, 138, 169, 0.4);
-  --fibery-color-opacityEntityBoxDisabled: 0.65;
-  --fibery-color-opacityEntityBoxDisabledHover: 0.75;
-  --fibery-color-opacityEntityBoxDisabledFocus: 0.75;
-  --fibery-color-opacityEntityBoxDisabledDrag: 0.4;
-  --fibery-color-entityCardBgColor: rgb(255, 253, 250);
-  --fibery-color-entityCardSelectedColor: rgba(253, 246, 239, 0.8);
-  --fibery-color-entityCardHoverColor: rgba(253, 246, 239, 0.8);
-  --fibery-color-entityCardDoneColor: rgba(243, 236, 229, 0.3);
-  --fibery-color-entityCardShadow: 0 0 0 1px rgba(125, 119, 112, 0.1), 0 2px 4px -4px rgba(125, 119, 112, 0.2);
-  --fibery-color-entityCardShadowHover: 0 0 0 1px rgba(125, 119, 112, 0.1), 0 2px 4px -4px rgba(125, 119, 112, 0.2);
-  --fibery-color-colorBgSegmentedControl: rgba(237, 231, 224, 0.8);
-  --fibery-color-colorBgMenuHeaderAvatar: rgb(255, 253, 250);
-  --fibery-color-shadowMenuHeaderAvatar: 0 1px 4px 0 rgba(99, 94, 87, 0.1), 0 0 0 0.5px rgba(237, 231, 224, 0.5);
-  --fibery-color-opacityMenuItemDragged: 0.4;
-  --fibery-color-colorBgMenuItemSelectedDragged: rgb(194, 222, 232);
-  --fibery-color-colorTextMenuItem: rgba(27, 22, 17, 0.9);
-  --fibery-color-colorBgMenuItem: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgMenuItemHover: rgb(237, 231, 224);
-  --fibery-color-colorBgMenuItemFocus: rgb(232, 226, 219);
-  --fibery-color-colorBgMenuItemSelected: rgba(213, 233, 240, 0.8);
-  --fibery-color-colorBgMenuItemSelectedHover: rgba(194, 222, 232, 0.7);
-  --fibery-color-colorBgPinnedFieldsLabel: rgb(99, 94, 87);
-  --fibery-color-colorBgObjectEditorSeparator: rgb(27, 22, 17);
-  --fibery-color-colorBgMenuItemSelectedFocused: rgb(194, 222, 232);
-  --fibery-color-colorBgFieldEditorContainer: rgb(253, 246, 239);
-  --fibery-color-colorBgFieldEditorLinkEqualSign: rgb(232, 226, 219);
-  --fibery-color-allowedDropColor: rgb(243, 236, 229);
-  --fibery-color-relationViewBgColor: rgb(253, 246, 239);
-  --fibery-color-mySpaceIconColor: rgb(129, 133, 137);
-  --fibery-color-mySpaceIconBg: rgba(112, 132, 153, 0.2);
-  --fibery-color-privateIconColor: rgb(116, 168, 101);
-  --fibery-color-privateIconBg: rgba(116, 168, 101, 0.2);
-  --fibery-color-favoritesIconColor: rgb(235, 169, 68);
-  --fibery-color-favoritesIconBg: rgba(235, 169, 68, 0.2);
-  --fibery-color-swatchDefault: #1fbed3;
-  --fibery-color-unitBg: rgb(250, 244, 236);
-  --fibery-color-unitBgHover: rgb(243, 236, 229);
-  --fibery-color-colorBgBadgeNeutral: rgba(237, 231, 224, 0.7);
-  --fibery-color-colorBgBadgeAccent: rgba(213, 233, 240, 0.7);
-  --fibery-color-colorBgBadgeSuccess: rgb(214, 234, 230);
-  --fibery-color-colorBgBadgeWarning: rgb(255, 242, 160);
-  --fibery-color-colorBgBadgeError: rgb(253, 220, 219);
-  --fibery-color-colorTextBadgeNeutral: rgb(99, 94, 87);
-  --fibery-color-colorTextBadgeAccent: rgb(0, 111, 139);
-  --fibery-color-colorTextBadgeSuccess: rgb(0, 116, 101);
-  --fibery-color-colorTextBadgeWarning: rgb(130, 113, 0);
-  --fibery-color-colorTextBadgeError: rgb(175, 36, 54);
-  --fibery-color-badgeBgColor: rgba(121, 118, 113, 0.2);
-  --fibery-color-tooltipBgColor: rgb(50, 45, 43);
-  --fibery-color-todayMarkerColor: rgb(237, 150, 150);
-  --fibery-color-viewBgOverlayColor: rgba(204, 198, 191, 0.2);
-  --fibery-color-floatEditorMenuBg: rgb(255, 251, 244);
-  --fibery-color-floatEditorActiveColor: rgb(0, 111, 139);
-  --fibery-color-commentColor: rgba(248, 231, 135, 0.6);
-  --fibery-color-cellBackgroundColor: rgb(253, 246, 239);
-  --fibery-color-cellBackgroundHoverColor: rgba(232, 226, 219, 0.3);
-  --fibery-color-cellBorderColor: rgba(204, 198, 191, 0.5);
-  --fibery-color-cellPinnedBorderColor: rgba(204, 198, 191, 0.7);
-  --fibery-color-tableRowWarningColor: rgba(248, 231, 135, 0.6);
-  --fibery-color-errorBgColor: rgba(211, 62, 75, 0.2);
-  --fibery-color-errorTextColor: rgb(175, 36, 54);
-  --fibery-color-errorButtonColor: rgb(211, 62, 75);
-  --fibery-color-warningBgColor: rgba(248, 231, 135, 0.6);
-  --fibery-color-warningButtonColor: rgb(130, 113, 0);
-  --fibery-color-infoBox: rgba(255, 247, 185, 0.5);
-  --fibery-color-appCardBgColor: rgb(255, 253, 250);
-  --fibery-color-appCardHoverColor: rgba(255, 251, 244, 0.95);
-  --fibery-color-modalBg: rgba(99, 94, 87, 0.2);
-  --fibery-color-modalContentBg: rgb(255, 253, 250);
-  --fibery-color-progressIconBg: rgba(0, 0, 0, 0.14);
-  --fibery-color-progressIconFill: rgba(0, 0, 0, 0.57);
-  --fibery-color-formBg: rgb(253, 246, 239);
-  --fibery-color-formHeaderShadow: 0 0 6px 0 rgba(125, 119, 112, 0.1);
-  --fibery-color-formEditorFieldBg: rgb(250, 244, 236);
-  --fibery-color-filterGroup1Bg: rgb(253, 246, 239);
-  --fibery-color-filterGroup2Bg: rgb(250, 244, 236);
-  --fibery-color-filterGroupBorder: rgba(0, 0, 0, 0.05);
-  --fibery-color-colorBgNotificationHover: rgb(250, 244, 236);
-  --fibery-color-colorBgNotificationSelected: rgb(238, 247, 249);
-  --fibery-color-colorBgNotificationSelectedHover: rgb(228, 241, 246);
-  --fibery-color-disabledInversedTextColor: rgba(31, 26, 24, 0.25);
-  --fibery-color-success: rgb(0, 144, 126);
-  --fibery-color-danger: rgb(211, 62, 75);
-  --fibery-color-active: rgb(211, 62, 75);
-  --fibery-color-warning: rgb(247, 217, 0);
-  --fibery-color-cardBg: rgb(255, 253, 250);
-  --fibery-color-selectedImageBorder: rgba(0, 0, 0, 0.22);
-  --fibery-color-transparent: rgba(255, 255, 255, 0);
-  --fibery-color-progressBg: rgb(243, 236, 229);
-  --fibery-color-progressText: rgb(99, 94, 87);
-  --fibery-color-progressFillBg: rgb(99, 94, 87);
-  --fibery-color-progressFillText: rgb(255, 253, 250);
-  --fibery-color-progressBarFillNeutral: rgba(163, 157, 150, 0.2);
-  --fibery-color-progressBarFill: rgb(0, 138, 169);
-  --fibery-color-progressBarBg: rgba(0, 138, 169, 0.25);
-  --fibery-color-colorPickerSwatchBorder: rgba(0, 0, 0, 0.14);
-  --fibery-color-colorBorderRichTextMedia: rgba(0, 0, 0, 0.14);
-  --fibery-color-richTextTableBorder: rgba(0, 0, 0, 0.09);
-  --fibery-color-colorBgDropLine: rgb(132, 188, 206);
-  --fibery-color-viewBg: rgb(255, 251, 244);
-  --fibery-color-colorBgViewMetaItem: rgb(255, 253, 250);
-  --fibery-color-collectionViewBg: rgb(255, 251, 244);
-  --fibery-color-collectionViewBorder: 0 0 0 1px rgba(232, 226, 219, 0.6);
-  --fibery-color-viewSecondaryBg: rgb(253, 246, 239);
-  --fibery-color-viewHighlightBg: rgb(238, 247, 249);
-  --fibery-color-boardBg: rgb(255, 251, 244);
-  --fibery-color-boardBgWithOpacity80: rgba(255, 251, 244, 0.8);
-  --fibery-color-boardAxisBgHover: rgb(243, 236, 229);
-  --fibery-color-gridHeaderBgColor: rgb(253, 246, 239);
-  --fibery-color-gridHeaderHoverBgColor: rgb(250, 244, 236);
-  --fibery-color-gridHeaderTextColor: rgb(125, 119, 112);
-  --fibery-color-gridCellBgColor: rgb(255, 253, 250);
-  --fibery-color-gridCellBorderColor: rgb(237, 231, 224);
-  --fibery-color-gridDisabledCellBgColor: rgb(253, 246, 239);
-  --fibery-color-gridSelectedCellBgColor: rgb(238, 247, 249);
-  --fibery-color-gridHighlightedCellBgColor: rgb(228, 241, 246);
-  --fibery-color-gridSelectedCellBorderColor: rgb(194, 222, 232);
-  --fibery-color-gridSelectedPinnedCellBorderColor: rgb(166, 206, 219);
-  --fibery-color-gridDisabledSelectedCellBgColor: rgb(228, 241, 246);
-  --fibery-color-gridActiveCellBorderColor: rgb(132, 188, 206);
-  --fibery-color-timelineEntityHandleColor: rgb(166, 206, 219);
-  --fibery-color-timelineDependencyHoverBgColor: rgb(132, 188, 206);
-  --fibery-color-timelineDependencyOverlapBgColor: rgb(211, 62, 75);
-  --fibery-color-timelineDependencyOverlapHoverBgColor: rgb(175, 36, 54);
-  --fibery-color-timelineCellBgColor: rgb(255, 251, 244);
-  --fibery-color-timelineCellWeekendBgColor: rgb(253, 246, 239);
-  --fibery-color-timelineCellTodayBgColor: rgb(228, 241, 246);
-  --fibery-color-timelineCreateEntityPlaceholderBgColor: rgba(99, 94, 87, 0.2);
-  --fibery-color-colorBgButtonSolidAccentDefault: rgb(0, 138, 169);
-  --fibery-color-colorBgButtonSolidAccentHover: rgb(0, 111, 139);
-  --fibery-color-colorBgButtonSolidNeutralDefault: rgb(27, 22, 17);
-  --fibery-color-colorBgButtonSolidNeutralHover: rgba(27, 22, 17, 0.85);
-  --fibery-color-colorBgButtonSolidDestructiveDefault: rgb(211, 62, 75);
-  --fibery-color-colorBgButtonSolidDestructiveHover: rgb(175, 36, 54);
-  --fibery-color-colorTextButtonSolidAccent: rgb(255, 253, 250);
-  --fibery-color-colorTextButtonSolidAccentActive: rgba(255, 253, 250, 0.8);
-  --fibery-color-colorTextButtonSolidNeutral: rgb(255, 253, 250);
-  --fibery-color-colorTextButtonSolidNeutralActive: rgb(255, 253, 250);
-  --fibery-color-colorTextButtonSolidDestructive: rgb(255, 253, 250);
-  --fibery-color-colorTextButtonSolidDestructiveActive: rgba(255, 253, 250, 0.8);
-  --fibery-color-colorIconButtonSolidAccent: rgb(255, 253, 250);
-  --fibery-color-colorIconButtonSolidNeutral: rgb(255, 253, 250);
-  --fibery-color-colorIconButtonSolidDestructive: rgb(255, 253, 250);
-  --fibery-color-colorBorderButtonOutlineAccentDefault: rgb(132, 188, 206);
-  --fibery-color-colorBorderButtonOutlineNeutralDefault: rgb(204, 198, 191);
-  --fibery-color-colorBorderButtonOutlineDestructiveDefault: rgb(244, 179, 178);
-  --fibery-color-colorBgButtonOutlineAccentDefault: rgb(255, 253, 250);
-  --fibery-color-colorBgButtonOutlineAccentHover: rgb(238, 247, 249);
-  --fibery-color-colorBgButtonOutlineNeutralDefault: rgb(255, 253, 250);
-  --fibery-color-colorBgButtonOutlineNeutralHover: rgb(243, 236, 229);
-  --fibery-color-colorBgButtonOutlineDestructiveDefault: rgb(255, 253, 250);
-  --fibery-color-colorBgButtonOutlineDestructiveHover: rgb(255, 232, 231);
-  --fibery-color-colorTextButtonOutlineAccent: rgb(0, 111, 139);
-  --fibery-color-colorTextButtonOutlineAccentActive: rgba(0, 111, 139, 0.8);
-  --fibery-color-colorTextButtonOutlineNeutral: rgb(99, 94, 87);
-  --fibery-color-colorTextButtonOutlineNeutralActive: rgba(27, 22, 17, 0.8);
-  --fibery-color-colorTextButtonOutlineDestructive: rgb(175, 36, 54);
-  --fibery-color-colorTextButtonOutlineDestructiveActive: rgba(175, 36, 54, 0.8);
-  --fibery-color-colorIconButtonOutlineAccent: rgb(0, 111, 139);
-  --fibery-color-colorIconButtonOutlineNeutral: rgb(99, 94, 87);
-  --fibery-color-colorIconButtonOutlineDestructive: rgb(175, 36, 54);
-  --fibery-color-colorBgButtonSoftAccentDefault: rgb(238, 247, 249);
-  --fibery-color-colorBgButtonSoftAccentHover: rgb(213, 233, 240);
-  --fibery-color-colorBgButtonSoftNeutralDefault: rgb(250, 244, 236);
-  --fibery-color-colorBgButtonSoftNeutralHover: rgb(225, 218, 211);
-  --fibery-color-colorBgButtonSoftDestructiveDefault: rgb(255, 232, 231);
-  --fibery-color-colorBgButtonSoftDestructiveHover: rgb(250, 203, 202);
-  --fibery-color-colorTextButtonSoftAccent: rgb(0, 111, 139);
-  --fibery-color-colorTextButtonSoftAccentActive: rgba(0, 111, 139, 0.8);
-  --fibery-color-colorTextButtonSoftNeutral: rgb(99, 94, 87);
-  --fibery-color-colorTextButtonSoftNeutralActive: rgba(99, 94, 87, 0.8);
-  --fibery-color-colorTextButtonSoftDestructive: rgb(175, 36, 54);
-  --fibery-color-colorTextButtonSoftDestructiveActive: rgba(175, 36, 54, 0.8);
-  --fibery-color-colorIconButtonSoftAccent: rgb(0, 111, 139);
-  --fibery-color-colorIconButtonSoftNeutral: rgb(99, 94, 87);
-  --fibery-color-colorIconButtonSoftDestructive: rgb(175, 36, 54);
-  --fibery-color-colorBgButtonGhostAccentDefault: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgButtonGhostAccentHover: rgba(228, 241, 246, 0.8);
-  --fibery-color-colorBgButtonGhostNeutralDefault: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgButtonGhostNeutralHover: rgba(225, 218, 211, 0.5);
-  --fibery-color-colorBgButtonGhostDestructiveDefault: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgButtonGhostDestructiveHover: rgb(255, 232, 231);
-  --fibery-color-colorTextButtonGhostAccent: rgb(0, 111, 139);
-  --fibery-color-colorTextButtonGhostAccentActive: rgba(0, 111, 139, 0.8);
-  --fibery-color-colorTextButtonGhostNeutral: rgb(99, 94, 87);
-  --fibery-color-colorTextButtonGhostNeutralActive: rgba(99, 94, 87, 0.8);
-  --fibery-color-colorTextButtonGhostDestructive: rgb(175, 36, 54);
-  --fibery-color-colorTextButtonGhostDestructiveActive: rgba(175, 36, 54, 0.8);
-  --fibery-color-colorIconButtonGhostAccent: rgb(0, 111, 139);
-  --fibery-color-colorIconButtonGhostNeutral: rgb(99, 94, 87);
-  --fibery-color-colorIconButtonGhostDestructive: rgb(175, 36, 54);
-  --fibery-color-colorBorderAccentFocusRing: rgba(0, 138, 169, 0.3);
-  --fibery-color-colorBorderNeutralFocusRing: rgba(163, 157, 150, 0.3);
-  --fibery-color-colorBorderDestructiveFocusRing: rgba(211, 62, 75, 0.3);
-  --fibery-color-colorBgReactionsDefault: rgb(255, 253, 250);
-  --fibery-color-colorBgReactionsHover: rgb(250, 244, 236);
-  --fibery-color-colorBorderReactionsHover: rgb(204, 198, 191);
-  --fibery-color-colorBgReactionsSelectedDefault: rgb(238, 247, 249);
-  --fibery-color-colorBorderReactionsSelectedDefault: rgb(132, 188, 206);
-  --fibery-color-colorBgReactionsSelectedHover: rgb(249, 252, 253);
-  --fibery-color-colorBorderReactionsSelectedHover: rgb(0, 138, 169);
-  --fibery-color-colorTextReactionsSelected: rgb(0, 126, 159);
-  --fibery-color-colorBgToastDefault: rgb(255, 251, 244);
-  --fibery-color-colorBgDbTabHover: rgb(250, 244, 236);
-  --fibery-color-colorBgDbTabFocus: rgb(232, 226, 219);
-  --fibery-color-colorBgTabHover: rgba(99, 94, 87, 0.1);
-  --fibery-color-colorBgMessageContainer: rgb(250, 244, 236);
-  --fibery-color-colorBgMessageContainerHover: rgb(243, 236, 229);
-  --fibery-color-colorBgEntityAvatarDefault: rgb(250, 252, 253);
-  --fibery-color-colorBgEntityAvatarHover: rgb(238, 247, 249);
-  --fibery-color-colorTextEntityAvatarDefault: rgb(132, 188, 206);
-  --fibery-color-colorTextEntityAvatarHover: rgb(0, 138, 169);
-  --fibery-color-colorBgMessageHighlighted: rgb(255, 253, 250);
-  --fibery-color-colorBgCommentHover: rgb(253, 246, 239);
-  --fibery-color-colorBgCodeEditor: rgb(255, 253, 250);
-  --fibery-color-colorBgEditorImageZoomed: rgb(250, 244, 236);
-  --fibery-color-colorMermaidPrimaryColor: rgb(253, 246, 239);
-  --fibery-color-colorMermaidPrimaryBorderColor: rgb(163, 157, 150);
-  --fibery-color-colorMermaidLineColor: rgb(125, 119, 112);
-  --fibery-color-colorBgWhiteboard: rgb(255, 253, 250);
-  --fibery-color-colorGridDotWhiteboard: rgb(232, 226, 219);
-  --fibery-color-colorSelectionWhiteboardBorderEnabled: rgb(132, 188, 206);
-  --fibery-color-colorHighlightWhiteboardSelection: rgb(132, 188, 206);
-  --fibery-color-colorHighlightWhiteboardSelectionLocked: rgba(163, 157, 150, 0.5);
-  --fibery-color-colorSelectionWhiteboardBorderDisabled: rgba(163, 157, 150, 0.5);
-  --fibery-color-colorPlaceholderWhiteboardDefault: rgba(132, 188, 206, 0.2);
-  --fibery-color-colorLinkPointWhiteboardDefault: rgb(132, 188, 206);
-  --fibery-color-colorLinkPointWhiteboardFillDefault: rgb(255, 253, 250);
-  --fibery-color-colorMapWhiteboardPreviewDefault: rgba(132, 188, 206, 0.4);
-  --fibery-color-colorCardWhiteboardShadowDefault: rgba(99, 94, 87, 0.05);
-  --fibery-color-colorCardWhiteboardBgDefault: rgb(255, 253, 250);
-  --fibery-color-colorCardWhiteboardBorderDefault: rgba(27, 22, 17, 0.2);
-  --fibery-color-colorUnitHeaderWhiteboardDefault: rgba(27, 22, 17, 0.6);
-  --fibery-color-colorUnitWhiteboardBgDefault: rgb(250, 244, 236);
-  --fibery-color-colorUnitWhiteboardBorderDefault: rgba(27, 22, 17, 0.2);
-  --fibery-color-colorSectionWhiteboardBgInactive: rgb(253, 246, 239);
-  --fibery-color-colorSectionWhiteboardBorderInactive: rgb(232, 226, 219);
-  --fibery-color-colorEmbedWhiteboardEditBorder: rgba(135, 191, 179, 0.9);
-  --fibery-color-colorTextWhiteboardDefault: rgb(27, 22, 17);
-  --fibery-color-colorTextWhiteboardDisabled: rgb(163, 157, 150);
-  --fibery-color-colorTextWhiteboardAccent: rgba(27, 22, 17, 0.6);
-  --fibery-color-colorTextWhiteboardInversedDefault: rgb(255, 253, 250);
-  --fibery-color-instrumentsMenuBg: rgb(255, 253, 250);
-  --fibery-color-instrumentsMenuShadow:
+  --colorBgListItemGeneral: rgba(255, 255, 255, 0);
+  --colorBgListItemGeneralHover: rgb(250, 244, 236);
+  --colorBgListItemGeneralFocus: rgb(243, 236, 229);
+  --colorBgListItemGeneralSelected: rgb(213, 233, 240);
+  --colorBgListItemGeneralSelectedHover: rgb(194, 222, 232);
+  --colorBgListItemGeneralSelectedFocus: rgb(194, 222, 232);
+  --colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
+  --colorTextListItemGeneralDisabled: rgb(163, 157, 150);
+  --colorBgListItemGeneralSelectedDisabled: rgb(213, 233, 240);
+  --opacityListItemGeneralDisabled: 0.4;
+  --colorSearchSubtitle: rgb(163, 157, 150);
+  --colorBgSearchPanel: rgb(255, 253, 250);
+  --colorBgSearchRowHover: rgb(243, 236, 229);
+  --colorBgSearchRowCreateHover: rgb(228, 241, 246);
+  --opacitySearchItemDone: 0.4;
+  --colorBgEntityBoxDefault: rgb(255, 253, 250);
+  --shadowStrokeEntityBoxDefault: 0 0 0 1px rgb(237, 231, 224);
+  --shadowEntityBoxDefault: 0 2px 4px 0 rgba(27, 22, 17, 0.05);
+  --colorBgEntityBoxDefaultHover: rgb(255, 253, 250);
+  --shadowEntityBoxDefaultHover: 0 4px 8px 0 rgba(27, 22, 17, 0.1);
+  --colorBgEntityBoxDefaultFocus: rgb(255, 253, 250);
+  --colorOverlayEntityBoxDefaultFocus: rgb(0, 138, 169);
+  --shadowStrokeEntityBoxDefaultFocus: 0 0 0 2px rgba(0, 138, 169, 0.4);
+  --colorBgEntityBoxDefaultFocusHover: rgb(255, 253, 250);
+  --colorOverlayEntityBoxDefaultFocusHover: rgb(0, 138, 169);
+  --shadowStrokeEntityBoxDefaultFocusHover: 0 0 0 2px rgba(0, 138, 169, 0.6);
+  --opacityEntityBoxDefaultDrag: 0.4;
+  --shadowEntityBoxDefaultDrag: 0 8px 12px 0 rgba(27, 22, 17, 0.1);
+  --colorBgEntityBoxSelected: rgb(249, 252, 253);
+  --shadowStrokeEntityBoxSelected: 0 0 0 1px rgba(0, 138, 169, 0.4), 0 0 0 3px rgba(0, 138, 169, 0.4);
+  --colorBgEntityBoxSelectedHover: rgb(238, 247, 249);
+  --shadowStrokeEntityBoxSelectedHover: 0 0 0 1px rgba(0, 138, 169, 0.6), 0 0 0 3px rgba(0, 138, 169, 0.4);
+  --colorBgEntityBoxSelectedDrag: rgb(238, 247, 249);
+  --shadowStrokeEntityBoxSelectedDrag: 0 0 0 1px rgba(0, 138, 169, 0.4), 0 0 0 3px rgba(0, 138, 169, 0.4);
+  --opacityEntityBoxDisabled: 0.65;
+  --opacityEntityBoxDisabledHover: 0.75;
+  --opacityEntityBoxDisabledFocus: 0.75;
+  --opacityEntityBoxDisabledDrag: 0.4;
+  --entityCardBgColor: rgb(255, 253, 250);
+  --entityCardSelectedColor: rgba(253, 246, 239, 0.8);
+  --entityCardHoverColor: rgba(253, 246, 239, 0.8);
+  --entityCardDoneColor: rgba(243, 236, 229, 0.3);
+  --entityCardShadow: 0 0 0 1px rgba(125, 119, 112, 0.1), 0 2px 4px -4px rgba(125, 119, 112, 0.2);
+  --entityCardShadowHover: 0 0 0 1px rgba(125, 119, 112, 0.1), 0 2px 4px -4px rgba(125, 119, 112, 0.2);
+  --colorBgSegmentedControl: rgba(237, 231, 224, 0.8);
+  --colorBgMenuHeaderAvatar: rgb(255, 253, 250);
+  --shadowMenuHeaderAvatar: 0 1px 4px 0 rgba(99, 94, 87, 0.1), 0 0 0 0.5px rgba(237, 231, 224, 0.5);
+  --opacityMenuItemDragged: 0.4;
+  --colorBgMenuItemSelectedDragged: rgb(194, 222, 232);
+  --colorTextMenuItem: rgba(27, 22, 17, 0.9);
+  --colorBgMenuItem: rgba(255, 255, 255, 0);
+  --colorBgMenuItemHover: rgb(237, 231, 224);
+  --colorBgMenuItemFocus: rgb(232, 226, 219);
+  --colorBgMenuItemSelected: rgba(213, 233, 240, 0.8);
+  --colorBgMenuItemSelectedHover: rgba(194, 222, 232, 0.7);
+  --colorBgPinnedFieldsLabel: rgb(99, 94, 87);
+  --colorBgObjectEditorSeparator: rgb(27, 22, 17);
+  --colorBgMenuItemSelectedFocused: rgb(194, 222, 232);
+  --colorBgFieldEditorContainer: rgb(253, 246, 239);
+  --colorBgFieldEditorLinkEqualSign: rgb(232, 226, 219);
+  --allowedDropColor: rgb(243, 236, 229);
+  --relationViewBgColor: rgb(253, 246, 239);
+  --mySpaceIconColor: rgb(129, 133, 137);
+  --mySpaceIconBg: rgba(112, 132, 153, 0.2);
+  --privateIconColor: rgb(116, 168, 101);
+  --privateIconBg: rgba(116, 168, 101, 0.2);
+  --favoritesIconColor: rgb(235, 169, 68);
+  --favoritesIconBg: rgba(235, 169, 68, 0.2);
+  --swatchDefault: #1fbed3;
+  --unitBg: rgb(250, 244, 236);
+  --unitBgHover: rgb(243, 236, 229);
+  --colorBgBadgeNeutral: rgba(237, 231, 224, 0.7);
+  --colorBgBadgeAccent: rgba(213, 233, 240, 0.7);
+  --colorBgBadgeSuccess: rgb(214, 234, 230);
+  --colorBgBadgeWarning: rgb(255, 242, 160);
+  --colorBgBadgeError: rgb(253, 220, 219);
+  --colorTextBadgeNeutral: rgb(99, 94, 87);
+  --colorTextBadgeAccent: rgb(0, 111, 139);
+  --colorTextBadgeSuccess: rgb(0, 116, 101);
+  --colorTextBadgeWarning: rgb(130, 113, 0);
+  --colorTextBadgeError: rgb(175, 36, 54);
+  --badgeBgColor: rgba(121, 118, 113, 0.2);
+  --tooltipBgColor: rgb(50, 45, 43);
+  --todayMarkerColor: rgb(237, 150, 150);
+  --viewBgOverlayColor: rgba(204, 198, 191, 0.2);
+  --floatEditorMenuBg: rgb(255, 251, 244);
+  --floatEditorActiveColor: rgb(0, 111, 139);
+  --commentColor: rgba(248, 231, 135, 0.6);
+  --cellBackgroundColor: rgb(253, 246, 239);
+  --cellBackgroundHoverColor: rgba(232, 226, 219, 0.3);
+  --cellBorderColor: rgba(204, 198, 191, 0.5);
+  --cellPinnedBorderColor: rgba(204, 198, 191, 0.7);
+  --tableRowWarningColor: rgba(248, 231, 135, 0.6);
+  --errorBgColor: rgba(211, 62, 75, 0.2);
+  --errorTextColor: rgb(175, 36, 54);
+  --errorButtonColor: rgb(211, 62, 75);
+  --warningBgColor: rgba(248, 231, 135, 0.6);
+  --warningButtonColor: rgb(130, 113, 0);
+  --infoBox: rgba(255, 247, 185, 0.5);
+  --appCardBgColor: rgb(255, 253, 250);
+  --appCardHoverColor: rgba(255, 251, 244, 0.95);
+  --modalBg: rgba(99, 94, 87, 0.2);
+  --modalContentBg: rgb(255, 253, 250);
+  --progressIconBg: rgba(0, 0, 0, 0.14);
+  --progressIconFill: rgba(0, 0, 0, 0.57);
+  --formBg: rgb(253, 246, 239);
+  --formHeaderShadow: 0 0 6px 0 rgba(125, 119, 112, 0.1);
+  --formEditorFieldBg: rgb(250, 244, 236);
+  --filterGroup1Bg: rgb(253, 246, 239);
+  --filterGroup2Bg: rgb(250, 244, 236);
+  --filterGroupBorder: rgba(0, 0, 0, 0.05);
+  --colorBgNotificationHover: rgb(250, 244, 236);
+  --colorBgNotificationSelected: rgb(238, 247, 249);
+  --colorBgNotificationSelectedHover: rgb(228, 241, 246);
+  --disabledInversedTextColor: rgba(31, 26, 24, 0.25);
+  --success: rgb(0, 144, 126);
+  --danger: rgb(211, 62, 75);
+  --active: rgb(211, 62, 75);
+  --warning: rgb(247, 217, 0);
+  --cardBg: rgb(255, 253, 250);
+  --selectedImageBorder: rgba(0, 0, 0, 0.22);
+  --transparent: rgba(255, 255, 255, 0);
+  --progressBg: rgb(243, 236, 229);
+  --progressText: rgb(99, 94, 87);
+  --progressFillBg: rgb(99, 94, 87);
+  --progressFillText: rgb(255, 253, 250);
+  --progressBarFillNeutral: rgba(163, 157, 150, 0.2);
+  --progressBarFill: rgb(0, 138, 169);
+  --progressBarBg: rgba(0, 138, 169, 0.25);
+  --colorPickerSwatchBorder: rgba(0, 0, 0, 0.14);
+  --colorBorderRichTextMedia: rgba(0, 0, 0, 0.14);
+  --richTextTableBorder: rgba(0, 0, 0, 0.09);
+  --colorBgDropLine: rgb(132, 188, 206);
+  --viewBg: rgb(255, 251, 244);
+  --colorBgViewMetaItem: rgb(255, 253, 250);
+  --collectionViewBg: rgb(255, 251, 244);
+  --collectionViewBorder: 0 0 0 1px rgba(232, 226, 219, 0.6);
+  --viewSecondaryBg: rgb(253, 246, 239);
+  --viewHighlightBg: rgb(238, 247, 249);
+  --boardBg: rgb(255, 251, 244);
+  --boardBgWithOpacity80: rgba(255, 251, 244, 0.8);
+  --boardAxisBgHover: rgb(243, 236, 229);
+  --gridHeaderBgColor: rgb(253, 246, 239);
+  --gridHeaderHoverBgColor: rgb(250, 244, 236);
+  --gridHeaderTextColor: rgb(125, 119, 112);
+  --gridCellBgColor: rgb(255, 253, 250);
+  --gridCellBorderColor: rgb(237, 231, 224);
+  --gridDisabledCellBgColor: rgb(253, 246, 239);
+  --gridSelectedCellBgColor: rgb(238, 247, 249);
+  --gridHighlightedCellBgColor: rgb(228, 241, 246);
+  --gridSelectedCellBorderColor: rgb(194, 222, 232);
+  --gridSelectedPinnedCellBorderColor: rgb(166, 206, 219);
+  --gridDisabledSelectedCellBgColor: rgb(228, 241, 246);
+  --gridActiveCellBorderColor: rgb(132, 188, 206);
+  --timelineEntityHandleColor: rgb(166, 206, 219);
+  --timelineDependencyHoverBgColor: rgb(132, 188, 206);
+  --timelineDependencyOverlapBgColor: rgb(211, 62, 75);
+  --timelineDependencyOverlapHoverBgColor: rgb(175, 36, 54);
+  --timelineCellBgColor: rgb(255, 251, 244);
+  --timelineCellWeekendBgColor: rgb(253, 246, 239);
+  --timelineCellTodayBgColor: rgb(228, 241, 246);
+  --timelineCreateEntityPlaceholderBgColor: rgba(99, 94, 87, 0.2);
+  --colorBgButtonSolidAccentDefault: rgb(0, 138, 169);
+  --colorBgButtonSolidAccentHover: rgb(0, 111, 139);
+  --colorBgButtonSolidNeutralDefault: rgb(27, 22, 17);
+  --colorBgButtonSolidNeutralHover: rgba(27, 22, 17, 0.85);
+  --colorBgButtonSolidDestructiveDefault: rgb(211, 62, 75);
+  --colorBgButtonSolidDestructiveHover: rgb(175, 36, 54);
+  --colorTextButtonSolidAccent: rgb(255, 253, 250);
+  --colorTextButtonSolidAccentActive: rgba(255, 253, 250, 0.8);
+  --colorTextButtonSolidNeutral: rgb(255, 253, 250);
+  --colorTextButtonSolidNeutralActive: rgb(255, 253, 250);
+  --colorTextButtonSolidDestructive: rgb(255, 253, 250);
+  --colorTextButtonSolidDestructiveActive: rgba(255, 253, 250, 0.8);
+  --colorIconButtonSolidAccent: rgb(255, 253, 250);
+  --colorIconButtonSolidNeutral: rgb(255, 253, 250);
+  --colorIconButtonSolidDestructive: rgb(255, 253, 250);
+  --colorBorderButtonOutlineAccentDefault: rgb(132, 188, 206);
+  --colorBorderButtonOutlineNeutralDefault: rgb(204, 198, 191);
+  --colorBorderButtonOutlineDestructiveDefault: rgb(244, 179, 178);
+  --colorBgButtonOutlineAccentDefault: rgb(255, 253, 250);
+  --colorBgButtonOutlineAccentHover: rgb(238, 247, 249);
+  --colorBgButtonOutlineNeutralDefault: rgb(255, 253, 250);
+  --colorBgButtonOutlineNeutralHover: rgb(243, 236, 229);
+  --colorBgButtonOutlineDestructiveDefault: rgb(255, 253, 250);
+  --colorBgButtonOutlineDestructiveHover: rgb(255, 232, 231);
+  --colorTextButtonOutlineAccent: rgb(0, 111, 139);
+  --colorTextButtonOutlineAccentActive: rgba(0, 111, 139, 0.8);
+  --colorTextButtonOutlineNeutral: rgb(99, 94, 87);
+  --colorTextButtonOutlineNeutralActive: rgba(27, 22, 17, 0.8);
+  --colorTextButtonOutlineDestructive: rgb(175, 36, 54);
+  --colorTextButtonOutlineDestructiveActive: rgba(175, 36, 54, 0.8);
+  --colorIconButtonOutlineAccent: rgb(0, 111, 139);
+  --colorIconButtonOutlineNeutral: rgb(99, 94, 87);
+  --colorIconButtonOutlineDestructive: rgb(175, 36, 54);
+  --colorBgButtonSoftAccentDefault: rgb(238, 247, 249);
+  --colorBgButtonSoftAccentHover: rgb(213, 233, 240);
+  --colorBgButtonSoftNeutralDefault: rgb(250, 244, 236);
+  --colorBgButtonSoftNeutralHover: rgb(225, 218, 211);
+  --colorBgButtonSoftDestructiveDefault: rgb(255, 232, 231);
+  --colorBgButtonSoftDestructiveHover: rgb(250, 203, 202);
+  --colorTextButtonSoftAccent: rgb(0, 111, 139);
+  --colorTextButtonSoftAccentActive: rgba(0, 111, 139, 0.8);
+  --colorTextButtonSoftNeutral: rgb(99, 94, 87);
+  --colorTextButtonSoftNeutralActive: rgba(99, 94, 87, 0.8);
+  --colorTextButtonSoftDestructive: rgb(175, 36, 54);
+  --colorTextButtonSoftDestructiveActive: rgba(175, 36, 54, 0.8);
+  --colorIconButtonSoftAccent: rgb(0, 111, 139);
+  --colorIconButtonSoftNeutral: rgb(99, 94, 87);
+  --colorIconButtonSoftDestructive: rgb(175, 36, 54);
+  --colorBgButtonGhostAccentDefault: rgba(255, 255, 255, 0);
+  --colorBgButtonGhostAccentHover: rgba(228, 241, 246, 0.8);
+  --colorBgButtonGhostNeutralDefault: rgba(255, 255, 255, 0);
+  --colorBgButtonGhostNeutralHover: rgba(225, 218, 211, 0.5);
+  --colorBgButtonGhostDestructiveDefault: rgba(255, 255, 255, 0);
+  --colorBgButtonGhostDestructiveHover: rgb(255, 232, 231);
+  --colorTextButtonGhostAccent: rgb(0, 111, 139);
+  --colorTextButtonGhostAccentActive: rgba(0, 111, 139, 0.8);
+  --colorTextButtonGhostNeutral: rgb(99, 94, 87);
+  --colorTextButtonGhostNeutralActive: rgba(99, 94, 87, 0.8);
+  --colorTextButtonGhostDestructive: rgb(175, 36, 54);
+  --colorTextButtonGhostDestructiveActive: rgba(175, 36, 54, 0.8);
+  --colorIconButtonGhostAccent: rgb(0, 111, 139);
+  --colorIconButtonGhostNeutral: rgb(99, 94, 87);
+  --colorIconButtonGhostDestructive: rgb(175, 36, 54);
+  --colorBorderAccentFocusRing: rgba(0, 138, 169, 0.3);
+  --colorBorderNeutralFocusRing: rgba(163, 157, 150, 0.3);
+  --colorBorderDestructiveFocusRing: rgba(211, 62, 75, 0.3);
+  --colorBgReactionsDefault: rgb(255, 253, 250);
+  --colorBgReactionsHover: rgb(250, 244, 236);
+  --colorBorderReactionsHover: rgb(204, 198, 191);
+  --colorBgReactionsSelectedDefault: rgb(238, 247, 249);
+  --colorBorderReactionsSelectedDefault: rgb(132, 188, 206);
+  --colorBgReactionsSelectedHover: rgb(249, 252, 253);
+  --colorBorderReactionsSelectedHover: rgb(0, 138, 169);
+  --colorTextReactionsSelected: rgb(0, 126, 159);
+  --colorBgToggleButtonUnselectedNormal: rgb(255, 253, 250);
+  --colorBgToggleButtonUnselectedHover: rgb(250, 244, 236);
+  --colorBgToggleButtonSelectedNormal: rgb(238, 247, 249);
+  --colorBgToggleButtonSelectedHover: rgb(249, 252, 253);
+  --colorBorderToggleButtonUnselectedNormal: rgb(204, 198, 191);
+  --colorBorderToggleButtonUnselectedHover: rgb(204, 198, 191);
+  --colorBorderToggleButtonSelectedNormal: rgb(132, 188, 206);
+  --colorBorderToggleButtonSelectedHover: rgb(0, 138, 169);
+  --colorTextToggleButtonUnselectedNormal: rgb(99, 94, 87);
+  --colorTextToggleButtonUnselectedHover: rgb(99, 94, 87);
+  --colorTextToggleButtonSelectedNormal: rgb(0, 126, 159);
+  --colorTextToggleButtonSelectedHover: rgb(0, 126, 159);
+  --colorIconToggleButtonUnselectedNormal: rgb(99, 94, 87);
+  --colorIconToggleButtonUnselectedHover: rgb(99, 94, 87);
+  --colorIconToggleButtonSelectedNormal: rgb(0, 111, 139);
+  --colorIconToggleButtonSelectedHover: rgb(0, 111, 139);
+  --colorBgRoundToggleButtonUnselectedNormal: rgb(255, 253, 250);
+  --colorBgRoundToggleButtonUnselectedHover: rgb(250, 244, 236);
+  --colorBgRoundToggleButtonSelectedNormal: rgb(228, 241, 246);
+  --colorBgRoundToggleButtonSelectedHover: rgb(238, 247, 249);
+  --colorBorderRoundToggleButtonUnselectedNormal: rgb(204, 198, 191);
+  --colorBorderRoundToggleButtonUnselectedHover: rgb(204, 198, 191);
+  --colorBorderRoundToggleButtonSelectedNormal: rgb(132, 188, 206);
+  --colorBorderRoundToggleButtonSelectedHover: rgb(0, 138, 169);
+  --colorTextRoundToggleButtonUnselectedNormal: rgb(99, 94, 87);
+  --colorTextRoundToggleButtonUnselectedHover: rgb(99, 94, 87);
+  --colorTextRoundToggleButtonSelectedNormal: rgb(0, 126, 159);
+  --colorTextRoundToggleButtonSelectedHover: rgb(0, 126, 159);
+  --colorIconRoundToggleButtonUnselectedNormal: rgb(99, 94, 87);
+  --colorIconRoundToggleButtonUnselectedHover: rgb(99, 94, 87);
+  --colorIconRoundToggleButtonSelectedNormal: rgb(0, 111, 139);
+  --colorIconRoundToggleButtonSelectedHover: rgb(0, 111, 139);
+  --colorBgToastDefault: rgb(255, 251, 244);
+  --colorBgDbTabHover: rgb(250, 244, 236);
+  --colorBgDbTabFocus: rgb(232, 226, 219);
+  --colorBgTabHover: rgba(99, 94, 87, 0.1);
+  --colorBgMessageContainer: rgb(250, 244, 236);
+  --colorBgMessageContainerHover: rgb(243, 236, 229);
+  --colorBgEntityAvatarDefault: rgb(250, 252, 253);
+  --colorBgEntityAvatarHover: rgb(238, 247, 249);
+  --colorTextEntityAvatarDefault: rgb(132, 188, 206);
+  --colorTextEntityAvatarHover: rgb(0, 138, 169);
+  --colorBgMessageHighlighted: rgb(255, 253, 250);
+  --colorBgCommentHover: rgb(253, 246, 239);
+  --colorBgCodeEditor: rgb(255, 253, 250);
+  --colorBgEditorImageZoomed: rgb(250, 244, 236);
+  --colorMermaidPrimaryColor: rgb(253, 246, 239);
+  --colorMermaidPrimaryBorderColor: rgb(163, 157, 150);
+  --colorMermaidLineColor: rgb(125, 119, 112);
+  --colorBgWhiteboard: rgb(255, 253, 250);
+  --colorGridDotWhiteboard: rgb(232, 226, 219);
+  --colorSelectionWhiteboardBorderEnabled: rgb(132, 188, 206);
+  --colorHighlightWhiteboardSelection: rgb(132, 188, 206);
+  --colorHighlightWhiteboardSelectionLocked: rgba(163, 157, 150, 0.5);
+  --colorSelectionWhiteboardBorderDisabled: rgba(163, 157, 150, 0.5);
+  --colorPlaceholderWhiteboardDefault: rgba(132, 188, 206, 0.2);
+  --colorLinkPointWhiteboardDefault: rgb(132, 188, 206);
+  --colorLinkPointWhiteboardFillDefault: rgb(255, 253, 250);
+  --colorMapWhiteboardPreviewDefault: rgba(132, 188, 206, 0.4);
+  --colorCardWhiteboardShadowDefault: rgba(99, 94, 87, 0.05);
+  --colorCardWhiteboardBgDefault: rgb(255, 253, 250);
+  --colorCardWhiteboardBorderDefault: rgba(27, 22, 17, 0.2);
+  --colorUnitHeaderWhiteboardDefault: rgba(27, 22, 17, 0.6);
+  --colorUnitWhiteboardBgDefault: rgb(250, 244, 236);
+  --colorUnitWhiteboardBorderDefault: rgba(27, 22, 17, 0.2);
+  --colorSectionWhiteboardBgInactive: rgb(253, 246, 239);
+  --colorSectionWhiteboardBorderInactive: rgb(232, 226, 219);
+  --colorUploadPreviewBg: rgba(99, 94, 87, 0.65);
+  --colorEmbedWhiteboardEditBorder: rgba(135, 191, 179, 0.9);
+  --colorTextWhiteboardDefault: rgb(27, 22, 17);
+  --colorTextWhiteboardDisabled: rgb(163, 157, 150);
+  --colorTextWhiteboardAccent: rgba(27, 22, 17, 0.6);
+  --colorTextWhiteboardInversedDefault: rgb(255, 253, 250);
+  --instrumentsMenuBg: rgb(255, 253, 250);
+  --instrumentsMenuShadow:
     0 0 1px 0 rgba(99, 94, 87, 0.2), 0 4px 6px 0 rgba(99, 94, 87, 0.05), 0 3px 12px 0 rgba(99, 94, 87, 0.1);
-  --fibery-color-commentBubbleBg: rgb(255, 253, 250);
-  --fibery-color-commentsPanelShadow:
+  --commentBubbleBg: rgb(255, 253, 250);
+  --commentsPanelShadow:
     0 0 1px 0 rgba(99, 94, 87, 0.2), 0 4px 6px 0 rgba(99, 94, 87, 0.05), 0 3px 12px 0 rgba(99, 94, 87, 0.1);
-  --fibery-color-searchFiltersBg: rgb(255, 251, 244);
-  --fibery-color-selectedColorBorder: rgba(232, 226, 219, 0.25);
-  --fibery-color-colorBgSegmentedControlDefault: rgb(250, 244, 236);
-  --fibery-color-colorBgSegmentedControlActive: rgb(255, 251, 244);
-  --fibery-color-colorBgSegmentedControlHover: rgb(237, 231, 224);
-  --fibery-color-colorBorderSegmentedControlDefault: rgb(232, 226, 219);
-  --fibery-color-colorBgBannerNeutral: rgb(250, 244, 236);
-  --fibery-color-colorBgBannerPrimary: rgb(238, 247, 249);
-  --fibery-color-colorBgBannerWarning: rgb(255, 250, 207);
-  --fibery-color-colorBgBannerError: rgb(255, 241, 240);
-  --fibery-color-colorBgBannerSuccess: rgb(239, 247, 245);
-  --fibery-color-colorIconBannerNeutral: rgb(27, 22, 17);
-  --fibery-color-colorIconBannerAccent: rgb(0, 111, 139);
-  --fibery-color-colorIconBannerWarning: rgb(130, 113, 0);
-  --fibery-color-colorIconBannerError: rgb(175, 36, 54);
-  --fibery-color-colorIconBannerSuccess: rgb(0, 116, 101);
-  --fibery-color-colorTextBannerNeutral: rgb(27, 22, 17);
-  --fibery-color-colorTextBannerAccent: rgb(0, 111, 139);
-  --fibery-color-colorTextBannerWarning: rgb(130, 113, 0);
-  --fibery-color-colorTextBannerError: rgb(175, 36, 54);
-  --fibery-color-colorTextBannerSuccess: rgb(0, 116, 101);
-  --fibery-color-colorBgChargebeeInfoBox: rgb(250, 244, 236);
-  --fibery-color-newCommentHorizontalRulerColor: rgb(237, 150, 150);
-  --fibery-color-colorBgErrorMessage: rgb(237, 150, 150);
-  --fibery-color-colorBorderLogoGrid: rgb(243, 236, 229);
-  --fibery-color-colorBorderLogoGridSubtle: rgba(243, 236, 229, 0.2);
-  --fibery-color-colorBorderLogoGridMedium: rgba(243, 236, 229, 0.4);
-  --fibery-color-colorStrokeLogoDashed: rgb(232, 226, 219);
-  --fibery-color-colorBgLogoCardTransparent: rgb(255, 253, 250);
-  --fibery-color-colorBgLogoCardDark: rgb(204, 198, 191);
-  --fibery-color-colorBgLogoCardMedium: rgb(243, 236, 229);
-  --fibery-color-colorBgSkeletonFrom: rgba(255, 253, 250, 0.05);
-  --fibery-color-colorBgSkeletonTo: rgba(255, 253, 250, 0.1);
-  --fibery-color-colorShadowInsetEdge: rgba(255, 253, 250, 0.05);
-  --fibery-color-colorShadowBorder: rgba(255, 253, 250, 0.1);
-  --fibery-color-colorShadowElevation: rgba(31, 26, 24, 0.1);
-  --fibery-color-colorShadowOutline: rgba(31, 26, 24, 0.2);
-  --fibery-color-colorPlaceholder: rgba(255, 253, 250, 0.4);
-  --fibery-color-colorPlaceholderSubtle: rgba(255, 253, 250, 0.25);
-  --fibery-color-colorBgSubtleLight: rgba(255, 253, 250, 0.05);
-  --fibery-color-colorStrokeSurface: rgb(255, 253, 250);
-  --fibery-color-colorTextMilestone: rgba(31, 26, 24, 0.5);
-  --fibery-color-colorSpinnerIcon: rgba(31, 26, 24, 0.9);
-  --fibery-color-colorSpinnerBg: rgba(31, 26, 24, 0.1);
-  --fibery-color-colorBgLaneSubtle: rgba(31, 26, 24, 0.05);
-  --fibery-color-opacity15: 0.15;
-  --fibery-color-opacity20: 0.2;
-  --fibery-color-opacity25: 0.25;
-  --fibery-color-opacity30: 0.3;
-  --fibery-color-opacity40: 0.4;
-  --fibery-color-opacity50: 0.5;
-  --fibery-color-opacity60: 0.6;
-  --fibery-color-opacity65: 0.65;
-  --fibery-color-opacity70: 0.7;
-  --fibery-color-opacity75: 0.75;
-  --fibery-color-opacity80: 0.8;
-  --fibery-color-opacity85: 0.85;
-  --fibery-color-opacity90: 0.9;
-  --fibery-color-whiteA10: rgba(255, 253, 250, 0.1);
-  --fibery-color-whiteA40: rgba(255, 253, 250, 0.4);
-  --fibery-color-whiteA100: rgb(255, 253, 250);
-  --fibery-color-colorBgFileOverlay: rgba(31, 26, 24, 0.6);
-  --fibery-color-colorBgScrollFade: rgba(255, 253, 250, 0.15);
-  --fibery-color-colorStrokeSelectedOutline: rgba(31, 26, 24, 0.75);
-  --fibery-color-scrollbar: rgba(163, 157, 150, 0.5);
+  --searchFiltersBg: rgb(255, 251, 244);
+  --selectedColorBorder: rgba(232, 226, 219, 0.25);
+  --colorBgSegmentedControlDefault: rgb(250, 244, 236);
+  --colorBgSegmentedControlActive: rgb(255, 251, 244);
+  --colorBgSegmentedControlHover: rgb(237, 231, 224);
+  --colorBorderSegmentedControlDefault: rgb(232, 226, 219);
+  --colorBgBannerNeutral: rgb(250, 244, 236);
+  --colorBgBannerAccent: rgb(238, 247, 249);
+  --colorBgBannerWarning: rgb(255, 250, 207);
+  --colorBgBannerError: rgb(255, 241, 240);
+  --colorBgBannerSuccess: rgb(239, 247, 245);
+  --colorIconBannerNeutral: rgb(99, 94, 87);
+  --colorIconBannerAccent: rgb(0, 111, 139);
+  --colorIconBannerWarning: rgb(130, 113, 0);
+  --colorIconBannerError: rgb(175, 36, 54);
+  --colorIconBannerSuccess: rgb(0, 116, 101);
+  --colorTextBannerNeutral: rgb(27, 22, 17);
+  --colorTextBannerAccent: rgb(0, 111, 139);
+  --colorTextBannerWarning: rgb(130, 113, 0);
+  --colorTextBannerError: rgb(175, 36, 54);
+  --colorTextBannerSuccess: rgb(0, 116, 101);
+  --colorBgChargebeeInfoBox: rgb(250, 244, 236);
+  --newCommentHorizontalRulerColor: rgb(237, 150, 150);
+  --colorBgErrorMessage: rgb(237, 150, 150);
+  --colorBorderLogoGrid: rgb(243, 236, 229);
+  --colorBorderLogoGridSubtle: rgba(243, 236, 229, 0.2);
+  --colorBorderLogoGridMedium: rgba(243, 236, 229, 0.4);
+  --colorStrokeLogoDashed: rgb(232, 226, 219);
+  --colorBgLogoCardTransparent: rgb(255, 253, 250);
+  --colorBgLogoCardDark: rgb(204, 198, 191);
+  --colorBgLogoCardMedium: rgb(243, 236, 229);
+  --colorBgSkeletonFrom: rgba(255, 253, 250, 0.05);
+  --colorBgSkeletonTo: rgba(255, 253, 250, 0.1);
+  --colorShadowInsetEdge: rgba(255, 253, 250, 0.05);
+  --colorShadowBorder: rgba(255, 253, 250, 0.1);
+  --colorShadowElevation: rgba(31, 26, 24, 0.1);
+  --colorShadowOutline: rgba(31, 26, 24, 0.2);
+  --colorPlaceholder: rgba(255, 253, 250, 0.4);
+  --colorPlaceholderSubtle: rgba(255, 253, 250, 0.25);
+  --colorBgSubtleLight: rgba(255, 253, 250, 0.05);
+  --colorStrokeSurface: rgb(255, 253, 250);
+  --colorTextMilestone: rgba(31, 26, 24, 0.5);
+  --colorSpinnerIcon: rgba(31, 26, 24, 0.9);
+  --colorSpinnerBg: rgba(31, 26, 24, 0.1);
+  --colorBgLaneSubtle: rgba(31, 26, 24, 0.05);
+  --opacity15: 0.15;
+  --opacity20: 0.2;
+  --opacity25: 0.25;
+  --opacity30: 0.3;
+  --opacity40: 0.4;
+  --opacity50: 0.5;
+  --opacity60: 0.6;
+  --opacity65: 0.65;
+  --opacity70: 0.7;
+  --opacity75: 0.75;
+  --opacity80: 0.8;
+  --opacity85: 0.85;
+  --opacity90: 0.9;
+  --whiteA10: rgba(255, 253, 250, 0.1);
+  --whiteA40: rgba(255, 253, 250, 0.4);
+  --whiteA100: rgb(255, 253, 250);
+  --colorBgFileOverlay: rgba(31, 26, 24, 0.6);
+  --colorBgScrollFade: rgba(255, 253, 250, 0.15);
+  --colorStrokeSelectedOutline: rgba(31, 26, 24, 0.75);
+  --scrollbar: rgba(163, 157, 150, 0.5);
 }
 :root.warm-palette.dark-theme {
-  --fibery-color-surfaceElevationS: 0 2px 4px 0 rgba(26, 22, 20, 0.05);
-  --fibery-color-surfaceElevationM: 0 4px 8px 0 rgba(255, 255, 254, 0.09);
-  --fibery-color-surfaceElevationL: 0 8px 12px 0 rgba(255, 255, 254, 0.09);
-  --fibery-color-shadow50: 0 0 0 1px rgba(224, 212, 206, 0.1);
-  --fibery-color-shadow100: 0 1px 4px 0 rgba(27, 22, 17, 0.1);
-  --fibery-color-shadow200: 0 2px 6px 0 rgba(27, 22, 17, 0.1);
-  --fibery-color-shadow300: 0 3px 6px -3px rgba(27, 22, 17, 0.1), 0 8px 20px -4px rgba(27, 22, 17, 0.15);
-  --fibery-color-shadow400: 0 0 1px 0 rgba(27, 22, 17, 0.2), 0 16px 40px 0 rgba(27, 22, 17, 0.15);
-  --fibery-color-shadow500: 0 0 1px 0 rgba(27, 22, 17, 0.2), 0 20px 50px 0 rgba(27, 22, 17, 0.15);
-  --fibery-color-shadow600: 0 0 1px 0 rgba(27, 22, 17, 0.2), 0 26px 80px 0 rgba(27, 22, 17, 0.2);
-  --fibery-color-actionMenuShadow:
-    0 0 0 1px rgb(55, 50, 48), 0 4px 6px 0 rgba(26, 22, 20, 0.05), 0 10px 26px 0 rgba(26, 22, 20, 0.15);
-  --fibery-color-shadowPopup:
+  --surfaceElevationS: 0 2px 4px 0 rgba(26, 22, 20, 0.05);
+  --surfaceElevationM: 0 4px 8px 0 rgba(255, 255, 254, 0.09);
+  --surfaceElevationL: 0 8px 12px 0 rgba(255, 255, 254, 0.09);
+  --shadow50: 0 0 0 1px rgba(224, 212, 206, 0.1);
+  --shadow100: 0 1px 4px 0 rgba(27, 22, 17, 0.1);
+  --shadow200: 0 2px 6px 0 rgba(27, 22, 17, 0.1);
+  --shadow300: 0 3px 6px -3px rgba(27, 22, 17, 0.1), 0 8px 20px -4px rgba(27, 22, 17, 0.15);
+  --shadow400: 0 0 1px 0 rgba(27, 22, 17, 0.2), 0 16px 40px 0 rgba(27, 22, 17, 0.15);
+  --shadow500: 0 0 1px 0 rgba(27, 22, 17, 0.2), 0 20px 50px 0 rgba(27, 22, 17, 0.15);
+  --shadow600: 0 0 1px 0 rgba(27, 22, 17, 0.2), 0 26px 80px 0 rgba(27, 22, 17, 0.2);
+  --actionMenuShadow:
     0 0 0 1px rgb(55, 50, 48), 0 4px 6px 0 rgba(26, 22, 20, 0.05), 0 10px 26px 0 rgba(26, 22, 20, 0.15);
-  --fibery-color-shadowSidebar: -3px 0 10px 0 rgba(26, 22, 20, 0.8);
-  --fibery-color-highlightBgYellow: rgb(78, 64, 26);
-  --fibery-color-highlightFgYellow: rgb(215, 184, 106);
-  --fibery-color-highlightFgOnBgYellow: rgb(232, 200, 119);
-  --fibery-color-highlightBgGreen: rgb(53, 71, 39);
-  --fibery-color-highlightFgGreen: rgb(160, 199, 130);
-  --fibery-color-highlightFgOnBgGreen: rgb(175, 216, 146);
-  --fibery-color-highlightBgAquamarine: rgb(41, 80, 60);
-  --fibery-color-highlightFgAquamarine: rgb(124, 205, 160);
-  --fibery-color-highlightFgOnBgAquamarine: rgb(140, 225, 180);
-  --fibery-color-highlightBgAqua: rgb(18, 73, 64);
-  --fibery-color-highlightFgAqua: rgb(98, 205, 183);
-  --fibery-color-highlightFgOnBgAqua: rgb(112, 222, 200);
-  --fibery-color-highlightBgBlue: rgb(47, 66, 94);
-  --fibery-color-highlightFgBlue: rgb(152, 189, 243);
-  --fibery-color-highlightFgOnBgBlue: rgb(175, 206, 248);
-  --fibery-color-highlightBgPurple: rgb(77, 58, 89);
-  --fibery-color-highlightFgPurple: rgb(211, 172, 239);
-  --fibery-color-highlightFgOnBgPurple: rgb(224, 190, 250);
-  --fibery-color-highlightBgPink: rgb(88, 55, 75);
-  --fibery-color-highlightFgPink: rgb(237, 167, 207);
-  --fibery-color-highlightFgOnBgPink: rgb(249, 184, 221);
-  --fibery-color-highlightBgRed: rgb(93, 55, 53);
-  --fibery-color-highlightFgRed: rgb(240, 170, 164);
-  --fibery-color-highlightFgOnBgRed: rgb(246, 190, 185);
-  --fibery-color-highlightBgGrey: rgb(70, 64, 64);
-  --fibery-color-highlightFgGrey: rgb(193, 186, 186);
-  --fibery-color-highlightFgOnBgGrey: rgb(208, 202, 202);
-  --fibery-color-colorPickerCssFilter: none;
-  --fibery-color-mode: dark;
-  --fibery-color-colorAccentBgSubtle: rgba(0, 138, 169, 0.1);
-  --fibery-color-colorAccentBgMild: rgba(0, 138, 169, 0.15);
-  --fibery-color-colorAccentBgMedium: rgba(0, 138, 169, 0.2);
-  --fibery-color-colorAccentBgStrong: rgba(0, 138, 169, 0.3);
-  --fibery-color-colorAccentBgBold: rgba(0, 138, 169, 0.35);
-  --fibery-color-colorAccentBgVivid: rgba(0, 138, 169, 0.6);
-  --fibery-color-colorAccentStroke: rgba(0, 138, 169, 0.25);
-  --fibery-color-colorAccentStrokeHover: rgba(0, 138, 169, 0.4);
-  --fibery-color-colorAccentStrokeFocus: rgba(0, 138, 169, 0.5);
-  --fibery-color-colorAccentSolid: rgba(0, 138, 169, 0.8);
-  --fibery-color-colorAccent: rgb(0, 136, 170);
-  --fibery-color-darkenPrimary: rgb(46, 107, 126);
-  --fibery-color-whiteColor: rgb(255, 253, 250);
-  --fibery-color-blackColor: #1f1a18;
-  --fibery-color-mainBg: rgb(39, 35, 33);
-  --fibery-color-panelBg: rgb(26, 22, 20);
-  --fibery-color-panelBorder: 0 0 0 1px rgba(86, 80, 78, 0.2);
-  --fibery-color-panelContentBg: rgb(26, 22, 20);
-  --fibery-color-dbSettingsSidebarBg: rgb(32, 27, 25);
-  --fibery-color-dbSettingsSidebarItemHover: rgb(45, 40, 38);
-  --fibery-color-dbSettingsSidebarIconBg: rgb(39, 35, 33);
-  --fibery-color-dbSettingsSidebarIconBorder: 0 0 0 1px rgba(117, 111, 109, 0.2);
-  --fibery-color-dbSettingsCardBg: rgb(32, 27, 25);
-  --fibery-color-dbSettingsCardBorder: 0 0 0 1px rgba(55, 50, 48, 0.6);
-  --fibery-color-colorBgRelationContainer: rgb(32, 27, 25);
-  --fibery-color-colorAI: #8056a3;
-  --fibery-color-colorBgAI: rgba(128, 86, 163, 0.1);
-  --fibery-color-colorBgAIFloatingLauncher: rgb(45, 40, 38);
-  --fibery-color-colorBgAIFloatingPanelContent: rgb(39, 35, 33);
-  --fibery-color-colorBgAISidebarContent: rgb(26, 22, 20);
-  --fibery-color-colorBgFloatingPanel: rgb(45, 40, 38);
-  --fibery-color-shadowFloatingPanel: 0 0 0 1px rgb(55, 50, 48), 0 3px 12px 0 rgba(26, 22, 20, 0.5);
-  --fibery-color-pageContentBg: rgb(32, 27, 25);
-  --fibery-color-colorBgPopup: rgb(39, 35, 33);
-  --fibery-color-menuBg: rgb(39, 35, 33);
-  --fibery-color-menuTextColor: rgb(224, 212, 206);
-  --fibery-color-menuItemHoverColor: rgb(55, 50, 48);
-  --fibery-color-menuSelectedTextColor: rgb(253, 246, 239);
-  --fibery-color-menuIconColor: rgba(224, 212, 206, 0.7);
-  --fibery-color-textColor: rgb(224, 212, 206);
-  --fibery-color-textSelectionColor: rgba(0, 136, 170, 0.4);
-  --fibery-color-accentTextColor: rgb(132, 126, 124);
-  --fibery-color-disabledTextColor: rgb(117, 111, 109);
-  --fibery-color-inversedTextColor: rgb(55, 50, 48);
-  --fibery-color-colorTextSecondary: rgba(224, 212, 206, 0.65);
-  --fibery-color-linkColor: #a6b7e3;
-  --fibery-color-linkBorder: 0.5px solid rgba(166, 183, 227, 0.4);
-  --fibery-color-linkHoverColor: #a6b7e3;
-  --fibery-color-linkBorderHover: 0.5px solid rgba(166, 183, 227, 0.75);
-  --fibery-color-codeColor: rgb(237, 150, 150);
-  --fibery-color-codeBgColor: rgb(45, 40, 38);
-  --fibery-color-codeBlockBgColor: rgb(45, 40, 38);
-  --fibery-color-addedDiffTextColor: rgb(128, 192, 180);
-  --fibery-color-removedDiffTextColor: rgb(244, 146, 147);
-  --fibery-color-entityNodeColor: rgb(204, 198, 191);
-  --fibery-color-entityNodeBorder: 0.5px solid rgba(204, 198, 191, 0.4);
-  --fibery-color-entityNodeHoverColor: rgb(225, 218, 211);
-  --fibery-color-entityNodeBorderHover: 0.5px solid rgba(225, 218, 211, 0.8);
-  --fibery-color-entityNodeBgColor: rgb(39, 35, 33);
-  --fibery-color-shortcutTextColor: rgb(166, 159, 157);
-  --fibery-color-shortcutBorder: 1px solid rgba(132, 126, 124, 0.2);
-  --fibery-color-shortcutBorderColor: rgba(132, 126, 124, 0.2);
-  --fibery-color-inputBgColor: rgb(26, 22, 20);
-  --fibery-color-inputDisabledBgColor: rgba(55, 50, 48, 0.3);
-  --fibery-color-inputDisabledBorderColor: 0 0 0 1px rgba(86, 80, 78, 0.3);
-  --fibery-color-inputCopyBgColor: rgb(45, 40, 38);
-  --fibery-color-inputBorderColor: 0 0 0 1px rgba(86, 80, 78, 0.4);
-  --fibery-color-inputBorderHoverColor: 0 0 0 1px rgb(65, 60, 58);
-  --fibery-color-inputBorderFocusColor: 0 0 0 1px rgb(117, 111, 109);
-  --fibery-color-inputBorderBlendMode: lighten;
-  --fibery-color-inputPlaceholderTextColor: rgb(117, 111, 109);
-  --fibery-color-inputErrorBorderColor: 0 0 0 1px rgb(244, 179, 178);
-  --fibery-color-inputErrorBorderHoverColor: 0 0 0 1px rgba(244, 179, 178, 0.4);
-  --fibery-color-inputErrorBorderFocusColor: 0 0 0 1px rgba(244, 179, 178, 0.25);
-  --fibery-color-inputErrorBorderFocusShadow: 0 0 0 3px rgba(244, 179, 178, 0.25);
-  --fibery-color-inputBorderWarningColor: 0 0 0 1px rgb(110, 95, 0);
-  --fibery-color-buttonPrimaryColor: rgb(0, 136, 170);
-  --fibery-color-buttonColor: rgb(132, 126, 124);
-  --fibery-color-buttonPrimaryTextColor: rgb(232, 226, 219);
-  --fibery-color-checkboxColor: rgba(224, 212, 206, 0.7);
-  --fibery-color-colorBorderBlockQuote: rgb(166, 159, 157);
-  --fibery-color-colorBgActionsMenu: rgb(39, 35, 33);
-  --fibery-color-colorBgActionsMenuItemHover: rgb(50, 45, 43);
-  --fibery-color-colorBgActionsMenuItemSelected: rgba(1, 51, 63, 0.8);
-  --fibery-color-colorBgActionsMenuItemSelectedHover: rgba(7, 68, 83, 0.8);
-  --fibery-color-colorBgActionsMenuItemDangerHover: rgba(225, 78, 91, 0.1);
-  --fibery-color-colorBgActionsMenuItemDangerActive: rgba(225, 78, 91, 0.8);
-  --fibery-color-actionMenuBg: rgb(39, 35, 33);
-  --fibery-color-actionMenuInnerBg: rgb(45, 40, 38);
-  --fibery-color-actionMenuHover: rgb(50, 45, 43);
-  --fibery-color-actionMenuInnerHover: rgba(55, 50, 48, 0.5);
-  --fibery-color-actionMenuButtonColor: rgb(32, 27, 25);
-  --fibery-color-actionMenuButtonHoverColor: rgb(39, 35, 33);
-  --fibery-color-actionMenuButtonShadow: 0 0 0 1px rgba(32, 27, 25, 0.1), 0 2px 4px -4px rgba(32, 27, 25, 0.2);
-  --fibery-color-actionMenuSeparatorColor: rgba(255, 253, 250, 0.15);
-  --fibery-color-separatorColor: rgba(255, 253, 250, 0.1);
-  --fibery-color-separatorColorDimmed: rgba(255, 253, 250, 0.05);
-  --fibery-color-separatorBreadcrumbsColor: rgb(86, 80, 78);
-  --fibery-color-borderSeparatorDimmed: 0.5px solid rgba(255, 253, 250, 0.05);
-  --fibery-color-borderSeparator: 0.5px solid rgba(255, 253, 250, 0.1);
-  --fibery-color-borderSeparatorMedium: 0.5px solid rgba(255, 253, 250, 0.15);
-  --fibery-color-borderSeparatorStrong: 0.5px solid rgba(255, 253, 250, 0.25);
-  --fibery-color-borderMedia: 0.5px solid rgba(0, 0, 0, 0.14);
-  --fibery-color-borderSolidSeparator: 1px solid rgba(255, 253, 250, 0.1);
-  --fibery-color-borderSolidSeparatorDimmed: 1px solid rgba(255, 253, 250, 0.05);
-  --fibery-color-borderSolidFilterGroup: 1px solid rgba(255, 255, 254, 0.03);
-  --fibery-color-borderSolidGrid: 1px solid rgb(55, 50, 48);
-  --fibery-color-borderSolidOutlineNeutral: 1px solid rgb(65, 60, 58);
-  --fibery-color-borderSolidMedia: 1px solid rgba(0, 0, 0, 0.14);
-  --fibery-color-borderSolidCommentBubble: 1px solid rgb(55, 50, 48);
-  --fibery-color-borderBlockQuote: 3px solid rgb(166, 159, 157);
-  --fibery-color-shadowCardDefault: 0 0 0 1px rgba(86, 80, 78, 0.4), 0 1px 4px 0 rgba(27, 22, 17, 0.1);
-  --fibery-color-shadowCardHover: 0 0 0 1px rgba(86, 80, 78, 0.4), 0 2px 6px 0 rgba(27, 22, 17, 0.1);
-  --fibery-color-shadowCardInset: inset 0 0 0 1px rgba(86, 80, 78, 0.4);
-  --fibery-color-iconColor: rgba(224, 212, 206, 0.7);
-  --fibery-color-appIconColor: rgba(253, 246, 239, 0.7);
-  --fibery-color-appIconBgColor: rgba(253, 246, 239, 0.5);
-  --fibery-color-mentionBgColor: rgba(65, 60, 58, 0.4);
-  --fibery-color-colorBgSelectMenu: rgb(39, 35, 33);
-  --fibery-color-shadowSelectMenu:
+  --shadowPopup: 0 0 0 1px rgb(55, 50, 48), 0 4px 6px 0 rgba(26, 22, 20, 0.05), 0 10px 26px 0 rgba(26, 22, 20, 0.15);
+  --shadowSidebar: -3px 0 10px 0 rgba(26, 22, 20, 0.8);
+  --highlightBgYellow: rgb(78, 64, 26);
+  --highlightFgYellow: rgb(215, 184, 106);
+  --highlightFgOnBgYellow: rgb(232, 200, 119);
+  --highlightBgGreen: rgb(53, 71, 39);
+  --highlightFgGreen: rgb(160, 199, 130);
+  --highlightFgOnBgGreen: rgb(175, 216, 146);
+  --highlightBgAquamarine: rgb(41, 80, 60);
+  --highlightFgAquamarine: rgb(124, 205, 160);
+  --highlightFgOnBgAquamarine: rgb(140, 225, 180);
+  --highlightBgAqua: rgb(18, 73, 64);
+  --highlightFgAqua: rgb(98, 205, 183);
+  --highlightFgOnBgAqua: rgb(112, 222, 200);
+  --highlightBgBlue: rgb(47, 66, 94);
+  --highlightFgBlue: rgb(152, 189, 243);
+  --highlightFgOnBgBlue: rgb(175, 206, 248);
+  --highlightBgPurple: rgb(77, 58, 89);
+  --highlightFgPurple: rgb(211, 172, 239);
+  --highlightFgOnBgPurple: rgb(224, 190, 250);
+  --highlightBgPink: rgb(88, 55, 75);
+  --highlightFgPink: rgb(237, 167, 207);
+  --highlightFgOnBgPink: rgb(249, 184, 221);
+  --highlightBgRed: rgb(93, 55, 53);
+  --highlightFgRed: rgb(240, 170, 164);
+  --highlightFgOnBgRed: rgb(246, 190, 185);
+  --highlightBgGrey: rgb(70, 64, 64);
+  --highlightFgGrey: rgb(193, 186, 186);
+  --highlightFgOnBgGrey: rgb(208, 202, 202);
+  --colorPickerCssFilter: none;
+  --colorAccentBgSubtle: rgba(0, 138, 169, 0.1);
+  --colorAccentBgMild: rgba(0, 138, 169, 0.15);
+  --colorAccentBgMedium: rgba(0, 138, 169, 0.2);
+  --colorAccentBgStrong: rgba(0, 138, 169, 0.3);
+  --colorAccentBgBold: rgba(0, 138, 169, 0.35);
+  --colorAccentBgVivid: rgba(0, 138, 169, 0.6);
+  --colorAccentStroke: rgba(0, 138, 169, 0.25);
+  --colorAccentStrokeHover: rgba(0, 138, 169, 0.4);
+  --colorAccentStrokeFocus: rgba(0, 138, 169, 0.5);
+  --colorAccentSolid: rgba(0, 138, 169, 0.8);
+  --colorAccent: rgb(0, 136, 170);
+  --darkenPrimary: rgb(46, 107, 126);
+  --whiteColor: rgb(255, 253, 250);
+  --blackColor: #1f1a18;
+  --mainBg: rgb(39, 35, 33);
+  --panelBg: rgb(26, 22, 20);
+  --panelBorder: 0 0 0 1px rgba(86, 80, 78, 0.2);
+  --panelContentBg: rgb(26, 22, 20);
+  --dbSettingsSidebarBg: rgb(32, 27, 25);
+  --dbSettingsSidebarItemHover: rgb(45, 40, 38);
+  --dbSettingsSidebarIconBg: rgb(39, 35, 33);
+  --dbSettingsSidebarIconBorder: 0 0 0 1px rgba(117, 111, 109, 0.2);
+  --dbSettingsCardBg: rgb(32, 27, 25);
+  --dbSettingsCardBorder: 0 0 0 1px rgba(55, 50, 48, 0.6);
+  --colorBgRelationContainer: rgb(32, 27, 25);
+  --colorAI: #8056a3;
+  --colorBgAI: rgba(128, 86, 163, 0.1);
+  --colorBgAIFloatingLauncher: rgb(45, 40, 38);
+  --colorBgAIFloatingPanelContent: rgb(39, 35, 33);
+  --colorBgAISidebarContent: rgb(26, 22, 20);
+  --colorBgFloatingPanel: rgb(45, 40, 38);
+  --shadowFloatingPanel: 0 0 0 1px rgb(55, 50, 48), 0 3px 12px 0 rgba(26, 22, 20, 0.5);
+  --pageContentBg: rgb(32, 27, 25);
+  --colorBgPopup: rgb(39, 35, 33);
+  --menuBg: rgb(39, 35, 33);
+  --menuTextColor: rgb(224, 212, 206);
+  --menuItemHoverColor: rgb(55, 50, 48);
+  --menuSelectedTextColor: rgb(253, 246, 239);
+  --menuIconColor: rgba(224, 212, 206, 0.7);
+  --textColor: rgb(224, 212, 206);
+  --textSelectionColor: rgba(0, 136, 170, 0.4);
+  --accentTextColor: rgb(132, 126, 124);
+  --disabledTextColor: rgb(117, 111, 109);
+  --inversedTextColor: rgb(55, 50, 48);
+  --colorTextSecondary: rgba(224, 212, 206, 0.65);
+  --linkColor: #a6b7e3;
+  --linkBorder: 0.5px solid rgba(166, 183, 227, 0.4);
+  --linkHoverColor: #a6b7e3;
+  --linkBorderHover: 0.5px solid rgba(166, 183, 227, 0.75);
+  --codeColor: rgb(237, 150, 150);
+  --codeBgColor: rgb(45, 40, 38);
+  --codeBlockBgColor: rgb(45, 40, 38);
+  --addedDiffTextColor: rgb(128, 192, 180);
+  --removedDiffTextColor: rgb(244, 146, 147);
+  --entityNodeColor: rgb(204, 198, 191);
+  --entityNodeBorder: 0.5px solid rgba(204, 198, 191, 0.4);
+  --entityNodeHoverColor: rgb(225, 218, 211);
+  --entityNodeBorderHover: 0.5px solid rgba(225, 218, 211, 0.8);
+  --entityNodeBgColor: rgb(39, 35, 33);
+  --shortcutTextColor: rgb(166, 159, 157);
+  --shortcutBorder: 1px solid rgba(132, 126, 124, 0.2);
+  --shortcutBorderColor: rgba(132, 126, 124, 0.2);
+  --inputBgColor: rgb(26, 22, 20);
+  --inputDisabledBgColor: rgba(55, 50, 48, 0.3);
+  --inputDisabledBorderColor: 0 0 0 1px rgba(86, 80, 78, 0.3);
+  --inputCopyBgColor: rgb(45, 40, 38);
+  --inputBorderColor: 0 0 0 1px rgba(86, 80, 78, 0.4);
+  --inputBorderHoverColor: 0 0 0 1px rgb(65, 60, 58);
+  --inputBorderFocusColor: 0 0 0 1px rgb(117, 111, 109);
+  --inputBorderBlendMode: lighten;
+  --inputPlaceholderTextColor: rgb(117, 111, 109);
+  --inputErrorBorderColor: 0 0 0 1px rgb(244, 179, 178);
+  --inputErrorBorderHoverColor: 0 0 0 1px rgba(244, 179, 178, 0.4);
+  --inputErrorBorderFocusColor: 0 0 0 1px rgba(244, 179, 178, 0.25);
+  --inputErrorBorderFocusShadow: 0 0 0 3px rgba(244, 179, 178, 0.25);
+  --inputBorderWarningColor: 0 0 0 1px rgb(110, 95, 0);
+  --buttonPrimaryColor: rgb(0, 136, 170);
+  --buttonColor: rgb(132, 126, 124);
+  --buttonPrimaryTextColor: rgb(232, 226, 219);
+  --checkboxColor: rgba(224, 212, 206, 0.7);
+  --colorBorderBlockQuote: rgb(166, 159, 157);
+  --colorBgActionsMenu: rgb(39, 35, 33);
+  --colorBgActionsMenuItemHover: rgb(50, 45, 43);
+  --colorBgActionsMenuItemSelected: rgba(1, 51, 63, 0.8);
+  --colorBgActionsMenuItemSelectedHover: rgba(7, 68, 83, 0.8);
+  --colorBgActionsMenuItemDangerHover: rgba(225, 78, 91, 0.1);
+  --colorBgActionsMenuItemDangerActive: rgba(225, 78, 91, 0.8);
+  --actionMenuBg: rgb(39, 35, 33);
+  --actionMenuInnerBg: rgb(45, 40, 38);
+  --actionMenuHover: rgb(50, 45, 43);
+  --actionMenuInnerHover: rgba(55, 50, 48, 0.5);
+  --actionMenuButtonColor: rgb(32, 27, 25);
+  --actionMenuButtonHoverColor: rgb(39, 35, 33);
+  --actionMenuButtonShadow: 0 0 0 1px rgba(32, 27, 25, 0.1), 0 2px 4px -4px rgba(32, 27, 25, 0.2);
+  --actionMenuSeparatorColor: rgba(255, 253, 250, 0.15);
+  --separatorColor: rgba(255, 253, 250, 0.1);
+  --separatorColorDimmed: rgba(255, 253, 250, 0.05);
+  --separatorBreadcrumbsColor: rgb(86, 80, 78);
+  --borderSeparatorDimmed: 0.5px solid rgba(255, 253, 250, 0.05);
+  --borderSeparator: 0.5px solid rgba(255, 253, 250, 0.1);
+  --borderSeparatorMedium: 0.5px solid rgba(255, 253, 250, 0.15);
+  --borderSeparatorStrong: 0.5px solid rgba(255, 253, 250, 0.25);
+  --borderMedia: 0.5px solid rgba(0, 0, 0, 0.14);
+  --borderSolidSeparator: 1px solid rgba(255, 253, 250, 0.1);
+  --borderSolidSeparatorDimmed: 1px solid rgba(255, 253, 250, 0.05);
+  --borderSolidFilterGroup: 1px solid rgba(255, 255, 254, 0.03);
+  --borderSolidGrid: 1px solid rgb(55, 50, 48);
+  --borderSolidOutlineNeutral: 1px solid rgb(65, 60, 58);
+  --borderSolidMedia: 1px solid rgba(0, 0, 0, 0.14);
+  --borderSolidCommentBubble: 1px solid rgb(55, 50, 48);
+  --borderBlockQuote: 3px solid rgb(166, 159, 157);
+  --shadowCardDefault: 0 0 0 1px rgba(86, 80, 78, 0.4), 0 1px 4px 0 rgba(27, 22, 17, 0.1);
+  --shadowCardHover: 0 0 0 1px rgba(86, 80, 78, 0.4), 0 2px 6px 0 rgba(27, 22, 17, 0.1);
+  --shadowCardInset: inset 0 0 0 1px rgba(86, 80, 78, 0.4);
+  --iconColor: rgba(224, 212, 206, 0.7);
+  --colorIconDestructive: rgb(244, 146, 147);
+  --appIconColor: rgba(253, 246, 239, 0.7);
+  --appIconBgColor: rgba(253, 246, 239, 0.5);
+  --mentionBgColor: rgba(65, 60, 58, 0.4);
+  --colorBgSelectMenu: rgb(39, 35, 33);
+  --shadowSelectMenu:
     0 0 0 1px rgb(55, 50, 48), 0 4px 6px 0 rgba(26, 22, 20, 0.05), 0 10px 26px 0 rgba(26, 22, 20, 0.15);
-  --fibery-color-colorBgListItemGeneral: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgListItemGeneralHover: rgb(45, 40, 38);
-  --fibery-color-colorBgListItemGeneralFocus: rgb(55, 50, 48);
-  --fibery-color-colorBgListItemGeneralSelected: rgb(4, 58, 72);
-  --fibery-color-colorBgListItemGeneralSelectedHover: rgb(7, 68, 83);
-  --fibery-color-colorBgListItemGeneralSelectedFocus: rgb(7, 68, 83);
-  --fibery-color-colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
-  --fibery-color-colorTextListItemGeneralDisabled: rgb(117, 111, 109);
-  --fibery-color-colorBgListItemGeneralSelectedDisabled: rgb(4, 58, 72);
-  --fibery-color-opacityListItemGeneralDisabled: 0.4;
-  --fibery-color-colorSearchSubtitle: rgb(117, 111, 109);
-  --fibery-color-colorBgSearchPanel: rgb(32, 27, 25);
-  --fibery-color-colorBgSearchRowHover: rgb(39, 35, 33);
-  --fibery-color-colorBgSearchRowCreateHover: rgb(1, 51, 63);
-  --fibery-color-opacitySearchItemDone: 0.4;
-  --fibery-color-colorBgEntityBoxDefault: rgb(39, 35, 33);
-  --fibery-color-shadowStrokeEntityBoxDefault: 0 0 0 1px rgb(50, 45, 43);
-  --fibery-color-shadowEntityBoxDefault: 0 2px 4px 0 rgba(26, 22, 20, 0.05);
-  --fibery-color-colorBgEntityBoxDefaultHover: rgb(45, 40, 38);
-  --fibery-color-shadowEntityBoxDefaultHover: 0 4px 8px 0 rgba(26, 22, 20, 0.1);
-  --fibery-color-colorBgEntityBoxDefaultFocus: rgb(39, 35, 33);
-  --fibery-color-colorOverlayEntityBoxDefaultFocus: rgb(0, 136, 170);
-  --fibery-color-shadowStrokeEntityBoxDefaultFocus: 0 0 0 2px rgba(0, 136, 170, 0.4);
-  --fibery-color-colorBgEntityBoxDefaultFocusHover: rgb(45, 40, 38);
-  --fibery-color-colorOverlayEntityBoxDefaultFocusHover: rgb(0, 136, 170);
-  --fibery-color-shadowStrokeEntityBoxDefaultFocusHover: 0 0 0 2px rgba(0, 136, 170, 0.6);
-  --fibery-color-opacityEntityBoxDefaultDrag: 0.4;
-  --fibery-color-shadowEntityBoxDefaultDrag: 0 8px 12px 0 rgba(26, 22, 20, 0.1);
-  --fibery-color-colorBgEntityBoxSelected: rgb(8, 44, 54);
-  --fibery-color-shadowStrokeEntityBoxSelected: 0 0 0 1px rgb(0, 136, 170), 0 0 0 3px rgba(0, 136, 170, 0.4);
-  --fibery-color-colorBgEntityBoxSelectedHover: rgb(8, 44, 54);
-  --fibery-color-shadowStrokeEntityBoxSelectedHover: 0 0 0 1px rgb(0, 136, 170), 0 0 0 3px rgba(0, 136, 170, 0.4);
-  --fibery-color-colorBgEntityBoxSelectedDrag: rgb(8, 44, 54);
-  --fibery-color-shadowStrokeEntityBoxSelectedDrag: 0 0 0 1px rgb(0, 136, 170), 0 0 0 3px rgba(0, 136, 170, 0.4);
-  --fibery-color-opacityEntityBoxDisabled: 0.65;
-  --fibery-color-opacityEntityBoxDisabledHover: 0.75;
-  --fibery-color-opacityEntityBoxDisabledFocus: 0.75;
-  --fibery-color-opacityEntityBoxDisabledDrag: 0.4;
-  --fibery-color-entityCardBgColor: rgb(50, 45, 43);
-  --fibery-color-entityCardSelectedColor: rgba(55, 50, 48, 0.5);
-  --fibery-color-entityCardHoverColor: rgba(55, 50, 48, 0.5);
-  --fibery-color-entityCardDoneColor: rgba(50, 45, 43, 0.3);
-  --fibery-color-entityCardShadow: 0 0 0 1px rgba(32, 27, 25, 0.1), 0 2px 4px -4px rgba(32, 27, 25, 0.2);
-  --fibery-color-entityCardShadowHover: 0 0 0 1px rgba(32, 27, 25, 0.1), 0 2px 4px -4px rgba(32, 27, 25, 0.2);
-  --fibery-color-colorBgSegmentedControl: rgba(32, 27, 25, 0.8);
-  --fibery-color-colorBgMenuHeaderAvatar: rgb(32, 27, 25);
-  --fibery-color-shadowMenuHeaderAvatar: 0 0 0 1px rgba(117, 111, 109, 0.2);
-  --fibery-color-opacityMenuItemDragged: 0.4;
-  --fibery-color-colorBgMenuItemSelectedDragged: rgb(7, 68, 83);
-  --fibery-color-colorTextMenuItem: rgba(224, 212, 206, 0.9);
-  --fibery-color-colorBgMenuItem: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgMenuItemHover: rgb(50, 45, 43);
-  --fibery-color-colorBgMenuItemFocus: rgb(55, 50, 48);
-  --fibery-color-colorBgMenuItemSelected: rgb(8, 44, 54);
-  --fibery-color-colorBgMenuItemSelectedHover: rgb(4, 58, 72);
-  --fibery-color-colorBgPinnedFieldsLabel: rgb(166, 159, 157);
-  --fibery-color-colorBgObjectEditorSeparator: rgb(224, 212, 206);
-  --fibery-color-colorBgMenuItemSelectedFocused: rgb(4, 58, 72);
-  --fibery-color-colorBgFieldEditorContainer: rgb(39, 35, 33);
-  --fibery-color-colorBgFieldEditorLinkEqualSign: rgb(32, 27, 25);
-  --fibery-color-allowedDropColor: rgb(45, 40, 38);
-  --fibery-color-relationViewBgColor: rgb(39, 35, 33);
-  --fibery-color-mySpaceIconColor: rgb(129, 133, 137);
-  --fibery-color-mySpaceIconBg: rgba(112, 132, 153, 0.2);
-  --fibery-color-privateIconColor: rgb(116, 168, 101);
-  --fibery-color-privateIconBg: rgba(116, 168, 101, 0.2);
-  --fibery-color-favoritesIconColor: rgb(235, 169, 68);
-  --fibery-color-favoritesIconBg: rgba(235, 169, 68, 0.2);
-  --fibery-color-swatchDefault: #1fbed3;
-  --fibery-color-unitBg: rgb(55, 50, 48);
-  --fibery-color-unitBgHover: rgb(65, 60, 58);
-  --fibery-color-colorBgBadgeNeutral: rgba(45, 40, 38, 0.8);
-  --fibery-color-colorBgBadgeAccent: rgba(1, 51, 63, 0.8);
-  --fibery-color-colorBgBadgeSuccess: rgb(8, 61, 53);
-  --fibery-color-colorBgBadgeWarning: rgb(58, 50, 0);
-  --fibery-color-colorBgBadgeError: rgb(91, 26, 32);
-  --fibery-color-colorTextBadgeNeutral: rgb(166, 159, 157);
-  --fibery-color-colorTextBadgeAccent: rgb(124, 189, 210);
-  --fibery-color-colorTextBadgeSuccess: rgb(128, 192, 180);
-  --fibery-color-colorTextBadgeWarning: rgb(227, 198, 0);
-  --fibery-color-colorTextBadgeError: rgb(244, 146, 147);
-  --fibery-color-badgeBgColor: rgba(121, 118, 113, 0.2);
-  --fibery-color-tooltipBgColor: rgb(55, 50, 48);
-  --fibery-color-todayMarkerColor: rgb(104, 33, 39);
-  --fibery-color-viewBgOverlayColor: rgba(26, 22, 20, 0.6);
-  --fibery-color-floatEditorMenuBg: rgb(55, 50, 48);
-  --fibery-color-floatEditorActiveColor: rgb(124, 189, 210);
-  --fibery-color-commentColor: rgba(248, 216, 0, 0.4);
-  --fibery-color-cellBackgroundColor: rgb(32, 27, 25);
-  --fibery-color-cellBackgroundHoverColor: rgba(55, 50, 48, 0.3);
-  --fibery-color-cellBorderColor: rgba(117, 111, 109, 0.5);
-  --fibery-color-cellPinnedBorderColor: rgba(117, 111, 109, 0.7);
-  --fibery-color-tableRowWarningColor: rgba(248, 216, 0, 0.4);
-  --fibery-color-errorBgColor: rgba(213, 50, 71, 0.6);
-  --fibery-color-errorTextColor: rgb(244, 179, 178);
-  --fibery-color-errorButtonColor: rgb(225, 78, 91);
-  --fibery-color-warningBgColor: rgba(110, 95, 0, 0.6);
-  --fibery-color-warningButtonColor: rgb(227, 198, 0);
-  --fibery-color-infoBox: rgba(248, 216, 0, 0.2);
-  --fibery-color-appCardBgColor: rgb(32, 27, 25);
-  --fibery-color-appCardHoverColor: rgb(32, 27, 25);
-  --fibery-color-modalBg: rgba(32, 27, 25, 0.5);
-  --fibery-color-modalContentBg: rgb(39, 35, 33);
-  --fibery-color-progressIconBg: rgba(255, 255, 254, 0.18);
-  --fibery-color-progressIconFill: rgba(255, 255, 254, 0.59);
-  --fibery-color-formBg: rgb(32, 27, 25);
-  --fibery-color-formHeaderShadow: 0 0 6px 0 rgba(26, 22, 20, 0.4);
-  --fibery-color-formEditorFieldBg: rgb(45, 40, 38);
-  --fibery-color-filterGroup1Bg: rgb(55, 50, 48);
-  --fibery-color-filterGroup2Bg: rgb(65, 60, 58);
-  --fibery-color-filterGroupBorder: rgba(255, 255, 254, 0.03);
-  --fibery-color-colorBgNotificationHover: rgb(32, 27, 25);
-  --fibery-color-colorBgNotificationSelected: rgb(13, 32, 38);
-  --fibery-color-colorBgNotificationSelectedHover: rgb(8, 44, 54);
-  --fibery-color-disabledInversedTextColor: rgba(255, 253, 250, 0.25);
-  --fibery-color-success: rgb(0, 143, 125);
-  --fibery-color-danger: rgb(225, 78, 91);
-  --fibery-color-active: rgb(225, 78, 91);
-  --fibery-color-warning: rgb(110, 95, 0);
-  --fibery-color-cardBg: rgb(55, 50, 48);
-  --fibery-color-selectedImageBorder: rgba(255, 255, 254, 0.59);
-  --fibery-color-transparent: rgba(255, 255, 255, 0);
-  --fibery-color-progressBg: rgb(243, 236, 229);
-  --fibery-color-progressText: rgb(99, 94, 87);
-  --fibery-color-progressFillBg: rgb(99, 94, 87);
-  --fibery-color-progressFillText: rgb(255, 253, 250);
-  --fibery-color-progressBarFillNeutral: rgba(117, 111, 109, 0.2);
-  --fibery-color-progressBarFill: rgb(22, 152, 183);
-  --fibery-color-progressBarBg: rgba(22, 152, 183, 0.25);
-  --fibery-color-colorPickerSwatchBorder: rgba(0, 0, 0, 0.14);
-  --fibery-color-colorBorderRichTextMedia: rgba(0, 0, 0, 0.14);
-  --fibery-color-richTextTableBorder: rgba(255, 255, 254, 0.18);
-  --fibery-color-colorBgDropLine: rgb(0, 106, 135);
-  --fibery-color-viewBg: rgb(26, 22, 20);
-  --fibery-color-colorBgViewMetaItem: rgb(32, 27, 25);
-  --fibery-color-collectionViewBg: rgb(32, 27, 25);
-  --fibery-color-collectionViewBorder: 0 0 0 1px rgba(86, 80, 78, 0.3);
-  --fibery-color-viewSecondaryBg: rgb(32, 27, 25);
-  --fibery-color-viewHighlightBg: rgb(8, 44, 54);
-  --fibery-color-boardBg: rgb(26, 22, 20);
-  --fibery-color-boardBgWithOpacity80: rgba(26, 22, 20, 0.8);
-  --fibery-color-boardAxisBgHover: rgb(45, 40, 38);
-  --fibery-color-gridHeaderBgColor: rgb(39, 35, 33);
-  --fibery-color-gridHeaderHoverBgColor: rgb(45, 40, 38);
-  --fibery-color-gridHeaderTextColor: rgb(166, 159, 157);
-  --fibery-color-gridCellBgColor: rgb(32, 27, 25);
-  --fibery-color-gridCellBorderColor: rgb(55, 50, 48);
-  --fibery-color-gridDisabledCellBgColor: rgb(39, 35, 33);
-  --fibery-color-gridSelectedCellBgColor: rgb(8, 44, 54);
-  --fibery-color-gridHighlightedCellBgColor: rgb(4, 58, 72);
-  --fibery-color-gridSelectedCellBorderColor: rgb(0, 85, 107);
-  --fibery-color-gridSelectedPinnedCellBorderColor: rgb(0, 85, 107);
-  --fibery-color-gridDisabledSelectedCellBgColor: rgb(4, 58, 72);
-  --fibery-color-gridActiveCellBorderColor: rgb(0, 136, 170);
-  --fibery-color-timelineEntityHandleColor: rgb(0, 85, 107);
-  --fibery-color-timelineDependencyHoverBgColor: rgb(0, 106, 135);
-  --fibery-color-timelineDependencyOverlapBgColor: rgb(213, 50, 71);
-  --fibery-color-timelineDependencyOverlapHoverBgColor: rgb(244, 146, 147);
-  --fibery-color-timelineCellBgColor: rgb(26, 22, 20);
-  --fibery-color-timelineCellWeekendBgColor: rgb(32, 27, 25);
-  --fibery-color-timelineCellTodayBgColor: rgb(13, 32, 38);
-  --fibery-color-timelineCreateEntityPlaceholderBgColor: rgb(65, 60, 58);
-  --fibery-color-colorBgButtonSolidAccentDefault: rgb(0, 136, 170);
-  --fibery-color-colorBgButtonSolidAccentHover: rgb(22, 152, 183);
-  --fibery-color-colorBgButtonSolidNeutralDefault: rgb(224, 212, 206);
-  --fibery-color-colorBgButtonSolidNeutralHover: rgb(255, 253, 250);
-  --fibery-color-colorBgButtonSolidDestructiveDefault: rgb(213, 50, 71);
-  --fibery-color-colorBgButtonSolidDestructiveHover: rgb(225, 78, 91);
-  --fibery-color-colorTextButtonSolidAccent: rgb(255, 253, 250);
-  --fibery-color-colorTextButtonSolidAccentActive: rgba(255, 253, 250, 0.8);
-  --fibery-color-colorTextButtonSolidNeutral: rgb(32, 27, 25);
-  --fibery-color-colorTextButtonSolidNeutralActive: rgba(32, 27, 25, 0.8);
-  --fibery-color-colorTextButtonSolidDestructive: rgb(255, 253, 250);
-  --fibery-color-colorTextButtonSolidDestructiveActive: rgba(255, 253, 250, 0.8);
-  --fibery-color-colorIconButtonSolidAccent: rgb(255, 253, 250);
-  --fibery-color-colorIconButtonSolidNeutral: rgb(86, 80, 78);
-  --fibery-color-colorIconButtonSolidDestructive: rgb(255, 253, 250);
-  --fibery-color-colorBorderButtonOutlineAccentDefault: rgb(0, 106, 135);
-  --fibery-color-colorBorderButtonOutlineNeutralDefault: rgb(65, 60, 58);
-  --fibery-color-colorBorderButtonOutlineDestructiveDefault: rgb(136, 27, 42);
-  --fibery-color-colorBgButtonOutlineAccentDefault: rgb(26, 22, 20);
-  --fibery-color-colorBgButtonOutlineAccentHover: rgb(8, 44, 54);
-  --fibery-color-colorBgButtonOutlineNeutralDefault: rgb(26, 22, 20);
-  --fibery-color-colorBgButtonOutlineNeutralHover: rgb(45, 40, 38);
-  --fibery-color-colorBgButtonOutlineDestructiveDefault: rgb(26, 22, 20);
-  --fibery-color-colorBgButtonOutlineDestructiveHover: rgb(80, 21, 27);
-  --fibery-color-colorTextButtonOutlineAccent: rgb(124, 189, 210);
-  --fibery-color-colorTextButtonOutlineAccentActive: rgba(124, 189, 210, 0.8);
-  --fibery-color-colorTextButtonOutlineNeutral: rgb(166, 159, 157);
-  --fibery-color-colorTextButtonOutlineNeutralActive: rgba(224, 212, 206, 0.8);
-  --fibery-color-colorTextButtonOutlineDestructive: rgb(244, 146, 147);
-  --fibery-color-colorTextButtonOutlineDestructiveActive: rgba(244, 146, 147, 0.8);
-  --fibery-color-colorIconButtonOutlineAccent: rgb(124, 189, 210);
-  --fibery-color-colorIconButtonOutlineNeutral: rgb(166, 159, 157);
-  --fibery-color-colorIconButtonOutlineDestructive: rgb(244, 146, 147);
-  --fibery-color-colorBgButtonSoftAccentDefault: rgb(1, 51, 63);
-  --fibery-color-colorBgButtonSoftAccentHover: rgb(7, 68, 83);
-  --fibery-color-colorBgButtonSoftNeutralDefault: rgb(39, 35, 33);
-  --fibery-color-colorBgButtonSoftNeutralHover: rgb(65, 60, 58);
-  --fibery-color-colorBgButtonSoftDestructiveDefault: rgb(80, 21, 27);
-  --fibery-color-colorBgButtonSoftDestructiveHover: rgb(104, 33, 39);
-  --fibery-color-colorTextButtonSoftAccent: rgb(124, 189, 210);
-  --fibery-color-colorTextButtonSoftAccentActive: rgba(124, 189, 210, 0.8);
-  --fibery-color-colorTextButtonSoftNeutral: rgb(166, 159, 157);
-  --fibery-color-colorTextButtonSoftNeutralActive: rgba(166, 159, 157, 0.8);
-  --fibery-color-colorTextButtonSoftDestructive: rgb(244, 146, 147);
-  --fibery-color-colorTextButtonSoftDestructiveActive: rgba(244, 146, 147, 0.8);
-  --fibery-color-colorIconButtonSoftAccent: rgb(124, 189, 210);
-  --fibery-color-colorIconButtonSoftNeutral: rgb(166, 159, 157);
-  --fibery-color-colorIconButtonSoftDestructive: rgb(244, 146, 147);
-  --fibery-color-colorBgButtonGhostAccentDefault: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgButtonGhostAccentHover: rgba(1, 51, 63, 0.8);
-  --fibery-color-colorBgButtonGhostNeutralDefault: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgButtonGhostNeutralHover: rgba(55, 50, 48, 0.8);
-  --fibery-color-colorBgButtonGhostDestructiveDefault: rgba(255, 255, 255, 0);
-  --fibery-color-colorBgButtonGhostDestructiveHover: rgb(80, 21, 27);
-  --fibery-color-colorTextButtonGhostAccent: rgb(124, 189, 210);
-  --fibery-color-colorTextButtonGhostAccentActive: rgba(124, 189, 210, 0.8);
-  --fibery-color-colorTextButtonGhostNeutral: rgb(166, 159, 157);
-  --fibery-color-colorTextButtonGhostNeutralActive: rgba(166, 159, 157, 0.8);
-  --fibery-color-colorTextButtonGhostDestructive: rgb(244, 146, 147);
-  --fibery-color-colorTextButtonGhostDestructiveActive: rgba(244, 146, 147, 0.8);
-  --fibery-color-colorIconButtonGhostAccent: rgb(124, 189, 210);
-  --fibery-color-colorIconButtonGhostNeutral: rgb(166, 159, 157);
-  --fibery-color-colorIconButtonGhostDestructive: rgb(244, 146, 147);
-  --fibery-color-colorBorderAccentFocusRing: rgba(0, 138, 169, 0.3);
-  --fibery-color-colorBorderNeutralFocusRing: rgba(163, 157, 150, 0.3);
-  --fibery-color-colorBorderDestructiveFocusRing: rgba(211, 62, 75, 0.3);
-  --fibery-color-colorBgReactionsDefault: rgb(32, 27, 25);
-  --fibery-color-colorBgReactionsHover: rgb(55, 50, 48);
-  --fibery-color-colorBorderReactionsHover: rgb(117, 111, 109);
-  --fibery-color-colorBgReactionsSelectedDefault: rgb(0, 106, 135);
-  --fibery-color-colorBorderReactionsSelectedDefault: rgb(0, 106, 135);
-  --fibery-color-colorBgReactionsSelectedHover: rgb(0, 126, 159);
-  --fibery-color-colorBorderReactionsSelectedHover: rgb(0, 126, 159);
-  --fibery-color-colorTextReactionsSelected: rgb(224, 212, 206);
-  --fibery-color-colorBgToastDefault: rgb(26, 22, 20);
-  --fibery-color-colorBgDbTabHover: rgb(45, 40, 38);
-  --fibery-color-colorBgDbTabFocus: rgb(55, 50, 48);
-  --fibery-color-colorBgTabHover: rgba(166, 159, 157, 0.1);
-  --fibery-color-colorBgMessageContainer: rgb(39, 35, 33);
-  --fibery-color-colorBgMessageContainerHover: rgb(45, 40, 38);
-  --fibery-color-colorBgEntityAvatarDefault: rgb(16, 25, 28);
-  --fibery-color-colorBgEntityAvatarHover: rgb(8, 44, 54);
-  --fibery-color-colorTextEntityAvatarDefault: rgb(0, 106, 135);
-  --fibery-color-colorTextEntityAvatarHover: rgb(0, 136, 170);
-  --fibery-color-colorBgMessageHighlighted: rgb(32, 27, 25);
-  --fibery-color-colorBgCommentHover: rgb(32, 27, 25);
-  --fibery-color-colorBgCodeEditor: rgb(39, 35, 33);
-  --fibery-color-colorBgEditorImageZoomed: rgb(55, 50, 48);
-  --fibery-color-colorMermaidPrimaryColor: rgb(86, 80, 78);
-  --fibery-color-colorMermaidPrimaryBorderColor: rgb(117, 111, 109);
-  --fibery-color-colorMermaidLineColor: rgb(117, 111, 109);
-  --fibery-color-colorBgWhiteboard: rgb(26, 22, 20);
-  --fibery-color-colorGridDotWhiteboard: rgb(55, 50, 48);
-  --fibery-color-colorSelectionWhiteboardBorderEnabled: rgb(0, 106, 135);
-  --fibery-color-colorHighlightWhiteboardSelection: rgb(0, 106, 135);
-  --fibery-color-colorHighlightWhiteboardSelectionLocked: rgba(117, 111, 109, 0.5);
-  --fibery-color-colorSelectionWhiteboardBorderDisabled: rgba(117, 111, 109, 0.5);
-  --fibery-color-colorPlaceholderWhiteboardDefault: rgba(0, 106, 135, 0.2);
-  --fibery-color-colorLinkPointWhiteboardDefault: rgb(0, 106, 135);
-  --fibery-color-colorLinkPointWhiteboardFillDefault: #2d2623;
-  --fibery-color-colorMapWhiteboardPreviewDefault: rgba(0, 106, 135, 0.4);
-  --fibery-color-colorCardWhiteboardShadowDefault: rgba(166, 159, 157, 0.05);
-  --fibery-color-colorCardWhiteboardBgDefault: rgb(50, 45, 43);
-  --fibery-color-colorCardWhiteboardBorderDefault: rgba(224, 212, 206, 0.2);
-  --fibery-color-colorUnitHeaderWhiteboardDefault: rgba(224, 212, 206, 0.6);
-  --fibery-color-colorUnitWhiteboardBgDefault: rgb(55, 50, 48);
-  --fibery-color-colorUnitWhiteboardBorderDefault: rgba(224, 212, 206, 0.25);
-  --fibery-color-colorSectionWhiteboardBgInactive: rgb(32, 27, 25);
-  --fibery-color-colorSectionWhiteboardBorderInactive: rgb(55, 50, 48);
-  --fibery-color-colorEmbedWhiteboardEditBorder: rgba(0, 112, 97, 0.9);
-  --fibery-color-colorTextWhiteboardDefault: rgb(224, 212, 206);
-  --fibery-color-colorTextWhiteboardDisabled: rgb(117, 111, 109);
-  --fibery-color-colorTextWhiteboardAccent: rgba(26, 22, 20, 0.6);
-  --fibery-color-colorTextWhiteboardInversedDefault: rgb(255, 253, 250);
-  --fibery-color-instrumentsMenuBg: rgb(45, 40, 38);
-  --fibery-color-instrumentsMenuShadow:
+  --colorBgListItemGeneral: rgba(255, 255, 255, 0);
+  --colorBgListItemGeneralHover: rgb(45, 40, 38);
+  --colorBgListItemGeneralFocus: rgb(55, 50, 48);
+  --colorBgListItemGeneralSelected: rgb(4, 58, 72);
+  --colorBgListItemGeneralSelectedHover: rgb(7, 68, 83);
+  --colorBgListItemGeneralSelectedFocus: rgb(7, 68, 83);
+  --colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
+  --colorTextListItemGeneralDisabled: rgb(117, 111, 109);
+  --colorBgListItemGeneralSelectedDisabled: rgb(4, 58, 72);
+  --opacityListItemGeneralDisabled: 0.4;
+  --colorSearchSubtitle: rgb(117, 111, 109);
+  --colorBgSearchPanel: rgb(32, 27, 25);
+  --colorBgSearchRowHover: rgb(39, 35, 33);
+  --colorBgSearchRowCreateHover: rgb(1, 51, 63);
+  --opacitySearchItemDone: 0.4;
+  --colorBgEntityBoxDefault: rgb(39, 35, 33);
+  --shadowStrokeEntityBoxDefault: 0 0 0 1px rgb(50, 45, 43);
+  --shadowEntityBoxDefault: 0 2px 4px 0 rgba(26, 22, 20, 0.05);
+  --colorBgEntityBoxDefaultHover: rgb(45, 40, 38);
+  --shadowEntityBoxDefaultHover: 0 4px 8px 0 rgba(26, 22, 20, 0.1);
+  --colorBgEntityBoxDefaultFocus: rgb(39, 35, 33);
+  --colorOverlayEntityBoxDefaultFocus: rgb(0, 136, 170);
+  --shadowStrokeEntityBoxDefaultFocus: 0 0 0 2px rgba(0, 136, 170, 0.4);
+  --colorBgEntityBoxDefaultFocusHover: rgb(45, 40, 38);
+  --colorOverlayEntityBoxDefaultFocusHover: rgb(0, 136, 170);
+  --shadowStrokeEntityBoxDefaultFocusHover: 0 0 0 2px rgba(0, 136, 170, 0.6);
+  --opacityEntityBoxDefaultDrag: 0.4;
+  --shadowEntityBoxDefaultDrag: 0 8px 12px 0 rgba(26, 22, 20, 0.1);
+  --colorBgEntityBoxSelected: rgb(8, 44, 54);
+  --shadowStrokeEntityBoxSelected: 0 0 0 1px rgb(0, 136, 170), 0 0 0 3px rgba(0, 136, 170, 0.4);
+  --colorBgEntityBoxSelectedHover: rgb(8, 44, 54);
+  --shadowStrokeEntityBoxSelectedHover: 0 0 0 1px rgb(0, 136, 170), 0 0 0 3px rgba(0, 136, 170, 0.4);
+  --colorBgEntityBoxSelectedDrag: rgb(8, 44, 54);
+  --shadowStrokeEntityBoxSelectedDrag: 0 0 0 1px rgb(0, 136, 170), 0 0 0 3px rgba(0, 136, 170, 0.4);
+  --opacityEntityBoxDisabled: 0.65;
+  --opacityEntityBoxDisabledHover: 0.75;
+  --opacityEntityBoxDisabledFocus: 0.75;
+  --opacityEntityBoxDisabledDrag: 0.4;
+  --entityCardBgColor: rgb(50, 45, 43);
+  --entityCardSelectedColor: rgba(55, 50, 48, 0.5);
+  --entityCardHoverColor: rgba(55, 50, 48, 0.5);
+  --entityCardDoneColor: rgba(50, 45, 43, 0.3);
+  --entityCardShadow: 0 0 0 1px rgba(32, 27, 25, 0.1), 0 2px 4px -4px rgba(32, 27, 25, 0.2);
+  --entityCardShadowHover: 0 0 0 1px rgba(32, 27, 25, 0.1), 0 2px 4px -4px rgba(32, 27, 25, 0.2);
+  --colorBgSegmentedControl: rgba(32, 27, 25, 0.8);
+  --colorBgMenuHeaderAvatar: rgb(32, 27, 25);
+  --shadowMenuHeaderAvatar: 0 0 0 1px rgba(117, 111, 109, 0.2);
+  --opacityMenuItemDragged: 0.4;
+  --colorBgMenuItemSelectedDragged: rgb(7, 68, 83);
+  --colorTextMenuItem: rgba(224, 212, 206, 0.9);
+  --colorBgMenuItem: rgba(255, 255, 255, 0);
+  --colorBgMenuItemHover: rgb(50, 45, 43);
+  --colorBgMenuItemFocus: rgb(55, 50, 48);
+  --colorBgMenuItemSelected: rgb(8, 44, 54);
+  --colorBgMenuItemSelectedHover: rgb(4, 58, 72);
+  --colorBgPinnedFieldsLabel: rgb(166, 159, 157);
+  --colorBgObjectEditorSeparator: rgb(224, 212, 206);
+  --colorBgMenuItemSelectedFocused: rgb(4, 58, 72);
+  --colorBgFieldEditorContainer: rgb(39, 35, 33);
+  --colorBgFieldEditorLinkEqualSign: rgb(32, 27, 25);
+  --allowedDropColor: rgb(45, 40, 38);
+  --relationViewBgColor: rgb(39, 35, 33);
+  --mySpaceIconColor: rgb(129, 133, 137);
+  --mySpaceIconBg: rgba(112, 132, 153, 0.2);
+  --privateIconColor: rgb(116, 168, 101);
+  --privateIconBg: rgba(116, 168, 101, 0.2);
+  --favoritesIconColor: rgb(235, 169, 68);
+  --favoritesIconBg: rgba(235, 169, 68, 0.2);
+  --swatchDefault: #1fbed3;
+  --unitBg: rgb(55, 50, 48);
+  --unitBgHover: rgb(65, 60, 58);
+  --colorBgBadgeNeutral: rgba(45, 40, 38, 0.8);
+  --colorBgBadgeAccent: rgba(1, 51, 63, 0.8);
+  --colorBgBadgeSuccess: rgb(8, 61, 53);
+  --colorBgBadgeWarning: rgb(58, 50, 0);
+  --colorBgBadgeError: rgb(91, 26, 32);
+  --colorTextBadgeNeutral: rgb(166, 159, 157);
+  --colorTextBadgeAccent: rgb(124, 189, 210);
+  --colorTextBadgeSuccess: rgb(128, 192, 180);
+  --colorTextBadgeWarning: rgb(227, 198, 0);
+  --colorTextBadgeError: rgb(244, 146, 147);
+  --badgeBgColor: rgba(121, 118, 113, 0.2);
+  --tooltipBgColor: rgb(55, 50, 48);
+  --todayMarkerColor: rgb(104, 33, 39);
+  --viewBgOverlayColor: rgba(26, 22, 20, 0.6);
+  --floatEditorMenuBg: rgb(55, 50, 48);
+  --floatEditorActiveColor: rgb(124, 189, 210);
+  --commentColor: rgba(248, 216, 0, 0.4);
+  --cellBackgroundColor: rgb(32, 27, 25);
+  --cellBackgroundHoverColor: rgba(55, 50, 48, 0.3);
+  --cellBorderColor: rgba(117, 111, 109, 0.5);
+  --cellPinnedBorderColor: rgba(117, 111, 109, 0.7);
+  --tableRowWarningColor: rgba(248, 216, 0, 0.4);
+  --errorBgColor: rgba(213, 50, 71, 0.6);
+  --errorTextColor: rgb(244, 179, 178);
+  --errorButtonColor: rgb(225, 78, 91);
+  --warningBgColor: rgba(110, 95, 0, 0.6);
+  --warningButtonColor: rgb(227, 198, 0);
+  --infoBox: rgba(248, 216, 0, 0.2);
+  --appCardBgColor: rgb(32, 27, 25);
+  --appCardHoverColor: rgb(32, 27, 25);
+  --modalBg: rgba(32, 27, 25, 0.5);
+  --modalContentBg: rgb(39, 35, 33);
+  --progressIconBg: rgba(255, 255, 254, 0.18);
+  --progressIconFill: rgba(255, 255, 254, 0.59);
+  --formBg: rgb(32, 27, 25);
+  --formHeaderShadow: 0 0 6px 0 rgba(26, 22, 20, 0.4);
+  --formEditorFieldBg: rgb(45, 40, 38);
+  --filterGroup1Bg: rgb(55, 50, 48);
+  --filterGroup2Bg: rgb(65, 60, 58);
+  --filterGroupBorder: rgba(255, 255, 254, 0.03);
+  --colorBgNotificationHover: rgb(32, 27, 25);
+  --colorBgNotificationSelected: rgb(13, 32, 38);
+  --colorBgNotificationSelectedHover: rgb(8, 44, 54);
+  --disabledInversedTextColor: rgba(255, 253, 250, 0.25);
+  --success: rgb(0, 143, 125);
+  --danger: rgb(225, 78, 91);
+  --active: rgb(225, 78, 91);
+  --warning: rgb(110, 95, 0);
+  --cardBg: rgb(55, 50, 48);
+  --selectedImageBorder: rgba(255, 255, 254, 0.59);
+  --transparent: rgba(255, 255, 255, 0);
+  --progressBg: rgb(243, 236, 229);
+  --progressText: rgb(99, 94, 87);
+  --progressFillBg: rgb(99, 94, 87);
+  --progressFillText: rgb(255, 253, 250);
+  --progressBarFillNeutral: rgba(117, 111, 109, 0.2);
+  --progressBarFill: rgb(22, 152, 183);
+  --progressBarBg: rgba(22, 152, 183, 0.25);
+  --colorPickerSwatchBorder: rgba(0, 0, 0, 0.14);
+  --colorBorderRichTextMedia: rgba(0, 0, 0, 0.14);
+  --richTextTableBorder: rgba(255, 255, 254, 0.18);
+  --colorBgDropLine: rgb(0, 106, 135);
+  --viewBg: rgb(26, 22, 20);
+  --colorBgViewMetaItem: rgb(32, 27, 25);
+  --collectionViewBg: rgb(32, 27, 25);
+  --collectionViewBorder: 0 0 0 1px rgba(86, 80, 78, 0.3);
+  --viewSecondaryBg: rgb(32, 27, 25);
+  --viewHighlightBg: rgb(8, 44, 54);
+  --boardBg: rgb(26, 22, 20);
+  --boardBgWithOpacity80: rgba(26, 22, 20, 0.8);
+  --boardAxisBgHover: rgb(45, 40, 38);
+  --gridHeaderBgColor: rgb(39, 35, 33);
+  --gridHeaderHoverBgColor: rgb(45, 40, 38);
+  --gridHeaderTextColor: rgb(166, 159, 157);
+  --gridCellBgColor: rgb(32, 27, 25);
+  --gridCellBorderColor: rgb(55, 50, 48);
+  --gridDisabledCellBgColor: rgb(39, 35, 33);
+  --gridSelectedCellBgColor: rgb(8, 44, 54);
+  --gridHighlightedCellBgColor: rgb(4, 58, 72);
+  --gridSelectedCellBorderColor: rgb(0, 85, 107);
+  --gridSelectedPinnedCellBorderColor: rgb(0, 85, 107);
+  --gridDisabledSelectedCellBgColor: rgb(4, 58, 72);
+  --gridActiveCellBorderColor: rgb(0, 136, 170);
+  --timelineEntityHandleColor: rgb(0, 85, 107);
+  --timelineDependencyHoverBgColor: rgb(0, 106, 135);
+  --timelineDependencyOverlapBgColor: rgb(213, 50, 71);
+  --timelineDependencyOverlapHoverBgColor: rgb(244, 146, 147);
+  --timelineCellBgColor: rgb(26, 22, 20);
+  --timelineCellWeekendBgColor: rgb(32, 27, 25);
+  --timelineCellTodayBgColor: rgb(13, 32, 38);
+  --timelineCreateEntityPlaceholderBgColor: rgb(65, 60, 58);
+  --colorBgButtonSolidAccentDefault: rgb(0, 136, 170);
+  --colorBgButtonSolidAccentHover: rgb(22, 152, 183);
+  --colorBgButtonSolidNeutralDefault: rgb(224, 212, 206);
+  --colorBgButtonSolidNeutralHover: rgb(255, 253, 250);
+  --colorBgButtonSolidDestructiveDefault: rgb(213, 50, 71);
+  --colorBgButtonSolidDestructiveHover: rgb(225, 78, 91);
+  --colorTextButtonSolidAccent: rgb(255, 253, 250);
+  --colorTextButtonSolidAccentActive: rgba(255, 253, 250, 0.8);
+  --colorTextButtonSolidNeutral: rgb(32, 27, 25);
+  --colorTextButtonSolidNeutralActive: rgba(32, 27, 25, 0.8);
+  --colorTextButtonSolidDestructive: rgb(255, 253, 250);
+  --colorTextButtonSolidDestructiveActive: rgba(255, 253, 250, 0.8);
+  --colorIconButtonSolidAccent: rgb(255, 253, 250);
+  --colorIconButtonSolidNeutral: rgb(86, 80, 78);
+  --colorIconButtonSolidDestructive: rgb(255, 253, 250);
+  --colorBorderButtonOutlineAccentDefault: rgb(0, 106, 135);
+  --colorBorderButtonOutlineNeutralDefault: rgb(65, 60, 58);
+  --colorBorderButtonOutlineDestructiveDefault: rgb(136, 27, 42);
+  --colorBgButtonOutlineAccentDefault: rgb(26, 22, 20);
+  --colorBgButtonOutlineAccentHover: rgb(8, 44, 54);
+  --colorBgButtonOutlineNeutralDefault: rgb(26, 22, 20);
+  --colorBgButtonOutlineNeutralHover: rgb(45, 40, 38);
+  --colorBgButtonOutlineDestructiveDefault: rgb(26, 22, 20);
+  --colorBgButtonOutlineDestructiveHover: rgb(80, 21, 27);
+  --colorTextButtonOutlineAccent: rgb(124, 189, 210);
+  --colorTextButtonOutlineAccentActive: rgba(124, 189, 210, 0.8);
+  --colorTextButtonOutlineNeutral: rgb(166, 159, 157);
+  --colorTextButtonOutlineNeutralActive: rgba(224, 212, 206, 0.8);
+  --colorTextButtonOutlineDestructive: rgb(244, 146, 147);
+  --colorTextButtonOutlineDestructiveActive: rgba(244, 146, 147, 0.8);
+  --colorIconButtonOutlineAccent: rgb(124, 189, 210);
+  --colorIconButtonOutlineNeutral: rgb(166, 159, 157);
+  --colorIconButtonOutlineDestructive: rgb(244, 146, 147);
+  --colorBgButtonSoftAccentDefault: rgb(1, 51, 63);
+  --colorBgButtonSoftAccentHover: rgb(7, 68, 83);
+  --colorBgButtonSoftNeutralDefault: rgb(39, 35, 33);
+  --colorBgButtonSoftNeutralHover: rgb(65, 60, 58);
+  --colorBgButtonSoftDestructiveDefault: rgb(80, 21, 27);
+  --colorBgButtonSoftDestructiveHover: rgb(104, 33, 39);
+  --colorTextButtonSoftAccent: rgb(124, 189, 210);
+  --colorTextButtonSoftAccentActive: rgba(124, 189, 210, 0.8);
+  --colorTextButtonSoftNeutral: rgb(166, 159, 157);
+  --colorTextButtonSoftNeutralActive: rgba(166, 159, 157, 0.8);
+  --colorTextButtonSoftDestructive: rgb(244, 146, 147);
+  --colorTextButtonSoftDestructiveActive: rgba(244, 146, 147, 0.8);
+  --colorIconButtonSoftAccent: rgb(124, 189, 210);
+  --colorIconButtonSoftNeutral: rgb(166, 159, 157);
+  --colorIconButtonSoftDestructive: rgb(244, 146, 147);
+  --colorBgButtonGhostAccentDefault: rgba(255, 255, 255, 0);
+  --colorBgButtonGhostAccentHover: rgba(1, 51, 63, 0.8);
+  --colorBgButtonGhostNeutralDefault: rgba(255, 255, 255, 0);
+  --colorBgButtonGhostNeutralHover: rgba(55, 50, 48, 0.8);
+  --colorBgButtonGhostDestructiveDefault: rgba(255, 255, 255, 0);
+  --colorBgButtonGhostDestructiveHover: rgb(80, 21, 27);
+  --colorTextButtonGhostAccent: rgb(124, 189, 210);
+  --colorTextButtonGhostAccentActive: rgba(124, 189, 210, 0.8);
+  --colorTextButtonGhostNeutral: rgb(166, 159, 157);
+  --colorTextButtonGhostNeutralActive: rgba(166, 159, 157, 0.8);
+  --colorTextButtonGhostDestructive: rgb(244, 146, 147);
+  --colorTextButtonGhostDestructiveActive: rgba(244, 146, 147, 0.8);
+  --colorIconButtonGhostAccent: rgb(124, 189, 210);
+  --colorIconButtonGhostNeutral: rgb(166, 159, 157);
+  --colorIconButtonGhostDestructive: rgb(244, 146, 147);
+  --colorBorderAccentFocusRing: rgba(0, 138, 169, 0.3);
+  --colorBorderNeutralFocusRing: rgba(163, 157, 150, 0.3);
+  --colorBorderDestructiveFocusRing: rgba(211, 62, 75, 0.3);
+  --colorBgReactionsDefault: rgb(32, 27, 25);
+  --colorBgReactionsHover: rgb(55, 50, 48);
+  --colorBorderReactionsHover: rgb(117, 111, 109);
+  --colorBgReactionsSelectedDefault: rgb(0, 106, 135);
+  --colorBorderReactionsSelectedDefault: rgb(0, 106, 135);
+  --colorBgReactionsSelectedHover: rgb(0, 126, 159);
+  --colorBorderReactionsSelectedHover: rgb(0, 126, 159);
+  --colorTextReactionsSelected: rgb(224, 212, 206);
+  --colorBgToggleButtonUnselectedNormal: rgb(32, 27, 25);
+  --colorBgToggleButtonUnselectedHover: rgb(55, 50, 48);
+  --colorBgToggleButtonSelectedNormal: rgb(0, 106, 135);
+  --colorBgToggleButtonSelectedHover: rgb(0, 126, 159);
+  --colorBorderToggleButtonUnselectedNormal: rgb(117, 111, 109);
+  --colorBorderToggleButtonUnselectedHover: rgb(117, 111, 109);
+  --colorBorderToggleButtonSelectedNormal: rgb(0, 106, 135);
+  --colorBorderToggleButtonSelectedHover: rgb(0, 126, 159);
+  --colorTextToggleButtonUnselectedNormal: rgb(166, 159, 157);
+  --colorTextToggleButtonUnselectedHover: rgb(166, 159, 157);
+  --colorTextToggleButtonSelectedNormal: rgb(224, 212, 206);
+  --colorTextToggleButtonSelectedHover: rgb(224, 212, 206);
+  --colorIconToggleButtonUnselectedNormal: rgb(166, 159, 157);
+  --colorIconToggleButtonUnselectedHover: rgb(166, 159, 157);
+  --colorIconToggleButtonSelectedNormal: rgb(124, 189, 210);
+  --colorIconToggleButtonSelectedHover: rgb(124, 189, 210);
+  --colorBgRoundToggleButtonUnselectedNormal: rgb(32, 27, 25);
+  --colorBgRoundToggleButtonUnselectedHover: rgb(55, 50, 48);
+  --colorBgRoundToggleButtonSelectedNormal: rgb(0, 106, 135);
+  --colorBgRoundToggleButtonSelectedHover: rgb(0, 126, 159);
+  --colorBorderRoundToggleButtonUnselectedNormal: rgb(117, 111, 109);
+  --colorBorderRoundToggleButtonUnselectedHover: rgb(117, 111, 109);
+  --colorBorderRoundToggleButtonSelectedNormal: rgb(0, 106, 135);
+  --colorBorderRoundToggleButtonSelectedHover: rgb(0, 126, 159);
+  --colorTextRoundToggleButtonUnselectedNormal: rgb(166, 159, 157);
+  --colorTextRoundToggleButtonUnselectedHover: rgb(166, 159, 157);
+  --colorTextRoundToggleButtonSelectedNormal: rgb(224, 212, 206);
+  --colorTextRoundToggleButtonSelectedHover: rgb(224, 212, 206);
+  --colorIconRoundToggleButtonUnselectedNormal: rgb(166, 159, 157);
+  --colorIconRoundToggleButtonUnselectedHover: rgb(166, 159, 157);
+  --colorIconRoundToggleButtonSelectedNormal: rgb(124, 189, 210);
+  --colorIconRoundToggleButtonSelectedHover: rgb(124, 189, 210);
+  --colorBgToastDefault: rgb(26, 22, 20);
+  --colorBgDbTabHover: rgb(45, 40, 38);
+  --colorBgDbTabFocus: rgb(55, 50, 48);
+  --colorBgTabHover: rgba(166, 159, 157, 0.1);
+  --colorBgMessageContainer: rgb(39, 35, 33);
+  --colorBgMessageContainerHover: rgb(45, 40, 38);
+  --colorBgEntityAvatarDefault: rgb(16, 25, 28);
+  --colorBgEntityAvatarHover: rgb(8, 44, 54);
+  --colorTextEntityAvatarDefault: rgb(0, 106, 135);
+  --colorTextEntityAvatarHover: rgb(0, 136, 170);
+  --colorBgMessageHighlighted: rgb(32, 27, 25);
+  --colorBgCommentHover: rgb(32, 27, 25);
+  --colorBgCodeEditor: rgb(39, 35, 33);
+  --colorBgEditorImageZoomed: rgb(55, 50, 48);
+  --colorMermaidPrimaryColor: rgb(86, 80, 78);
+  --colorMermaidPrimaryBorderColor: rgb(117, 111, 109);
+  --colorMermaidLineColor: rgb(117, 111, 109);
+  --colorBgWhiteboard: rgb(26, 22, 20);
+  --colorGridDotWhiteboard: rgb(55, 50, 48);
+  --colorSelectionWhiteboardBorderEnabled: rgb(0, 106, 135);
+  --colorHighlightWhiteboardSelection: rgb(0, 106, 135);
+  --colorHighlightWhiteboardSelectionLocked: rgba(117, 111, 109, 0.5);
+  --colorSelectionWhiteboardBorderDisabled: rgba(117, 111, 109, 0.5);
+  --colorPlaceholderWhiteboardDefault: rgba(0, 106, 135, 0.2);
+  --colorLinkPointWhiteboardDefault: rgb(0, 106, 135);
+  --colorLinkPointWhiteboardFillDefault: #2d2623;
+  --colorMapWhiteboardPreviewDefault: rgba(0, 106, 135, 0.4);
+  --colorCardWhiteboardShadowDefault: rgba(166, 159, 157, 0.05);
+  --colorCardWhiteboardBgDefault: rgb(50, 45, 43);
+  --colorCardWhiteboardBorderDefault: rgba(224, 212, 206, 0.2);
+  --colorUnitHeaderWhiteboardDefault: rgba(224, 212, 206, 0.6);
+  --colorUnitWhiteboardBgDefault: rgb(55, 50, 48);
+  --colorUnitWhiteboardBorderDefault: rgba(224, 212, 206, 0.25);
+  --colorSectionWhiteboardBgInactive: rgb(32, 27, 25);
+  --colorSectionWhiteboardBorderInactive: rgb(55, 50, 48);
+  --colorUploadPreviewBg: rgba(32, 27, 25, 0.85);
+  --colorEmbedWhiteboardEditBorder: rgba(0, 112, 97, 0.9);
+  --colorTextWhiteboardDefault: rgb(224, 212, 206);
+  --colorTextWhiteboardDisabled: rgb(117, 111, 109);
+  --colorTextWhiteboardAccent: rgba(26, 22, 20, 0.6);
+  --colorTextWhiteboardInversedDefault: rgb(255, 253, 250);
+  --instrumentsMenuBg: rgb(45, 40, 38);
+  --instrumentsMenuShadow:
     0 0 1px 0 rgb(55, 50, 48), 0 4px 6px 0 rgba(26, 22, 20, 0.05), 0 3px 12px 0 rgba(26, 22, 20, 0.15);
-  --fibery-color-commentBubbleBg: rgb(55, 50, 48);
-  --fibery-color-commentsPanelShadow:
+  --commentBubbleBg: rgb(55, 50, 48);
+  --commentsPanelShadow:
     0 0 1px 0 rgb(55, 50, 48), 0 4px 6px 0 rgba(26, 22, 20, 0.05), 0 3px 12px 0 rgba(26, 22, 20, 0.15);
-  --fibery-color-searchFiltersBg: rgb(32, 27, 25);
-  --fibery-color-selectedColorBorder: rgba(232, 226, 219, 0.25);
-  --fibery-color-colorBgSegmentedControlDefault: rgb(26, 22, 20);
-  --fibery-color-colorBgSegmentedControlActive: rgb(55, 50, 48);
-  --fibery-color-colorBgSegmentedControlHover: rgb(45, 40, 38);
-  --fibery-color-colorBorderSegmentedControlDefault: rgb(65, 60, 58);
-  --fibery-color-colorBgBannerNeutral: rgb(39, 35, 33);
-  --fibery-color-colorBgBannerPrimary: rgb(8, 44, 54);
-  --fibery-color-colorBgBannerWarning: rgb(43, 36, 0);
-  --fibery-color-colorBgBannerError: rgb(67, 22, 25);
-  --fibery-color-colorBgBannerSuccess: rgb(11, 46, 40);
-  --fibery-color-colorIconBannerNeutral: rgb(224, 212, 206);
-  --fibery-color-colorIconBannerAccent: rgb(124, 189, 210);
-  --fibery-color-colorIconBannerWarning: rgb(227, 198, 0);
-  --fibery-color-colorIconBannerError: rgb(244, 146, 147);
-  --fibery-color-colorIconBannerSuccess: rgb(128, 192, 180);
-  --fibery-color-colorTextBannerNeutral: rgb(224, 212, 206);
-  --fibery-color-colorTextBannerAccent: rgb(124, 189, 210);
-  --fibery-color-colorTextBannerWarning: rgb(227, 198, 0);
-  --fibery-color-colorTextBannerError: rgb(244, 146, 147);
-  --fibery-color-colorTextBannerSuccess: rgb(128, 192, 180);
-  --fibery-color-colorBgChargebeeInfoBox: rgb(26, 22, 20);
-  --fibery-color-newCommentHorizontalRulerColor: rgb(237, 150, 150);
-  --fibery-color-colorBgErrorMessage: rgb(237, 150, 150);
-  --fibery-color-colorBorderLogoGrid: rgb(45, 40, 38);
-  --fibery-color-colorBorderLogoGridSubtle: rgb(45, 40, 38);
-  --fibery-color-colorBorderLogoGridMedium: rgb(45, 40, 38);
-  --fibery-color-colorStrokeLogoDashed: rgb(86, 80, 78);
-  --fibery-color-colorBgLogoCardTransparent: rgb(32, 27, 25);
-  --fibery-color-colorBgLogoCardDark: rgb(86, 80, 78);
-  --fibery-color-colorBgLogoCardMedium: rgb(45, 40, 38);
-  --fibery-color-colorBgSkeletonFrom: rgba(31, 26, 24, 0.05);
-  --fibery-color-colorBgSkeletonTo: rgba(31, 26, 24, 0.1);
-  --fibery-color-colorShadowInsetEdge: rgba(31, 26, 24, 0.05);
-  --fibery-color-colorShadowBorder: rgba(31, 26, 24, 0.1);
-  --fibery-color-colorShadowElevation: rgba(255, 253, 250, 0.1);
-  --fibery-color-colorShadowOutline: rgba(255, 253, 250, 0.2);
-  --fibery-color-colorPlaceholder: rgba(31, 26, 24, 0.4);
-  --fibery-color-colorPlaceholderSubtle: rgba(31, 26, 24, 0.25);
-  --fibery-color-colorBgSubtleLight: rgba(31, 26, 24, 0.05);
-  --fibery-color-colorStrokeSurface: #1f1a18;
-  --fibery-color-colorTextMilestone: rgba(255, 253, 250, 0.5);
-  --fibery-color-colorSpinnerIcon: rgba(255, 253, 250, 0.9);
-  --fibery-color-colorSpinnerBg: rgba(255, 253, 250, 0.1);
-  --fibery-color-colorBgLaneSubtle: rgba(255, 253, 250, 0.05);
-  --fibery-color-opacity15: 0.15;
-  --fibery-color-opacity20: 0.2;
-  --fibery-color-opacity25: 0.25;
-  --fibery-color-opacity30: 0.3;
-  --fibery-color-opacity40: 0.4;
-  --fibery-color-opacity50: 0.5;
-  --fibery-color-opacity60: 0.6;
-  --fibery-color-opacity65: 0.65;
-  --fibery-color-opacity70: 0.7;
-  --fibery-color-opacity75: 0.75;
-  --fibery-color-opacity80: 0.8;
-  --fibery-color-opacity85: 0.85;
-  --fibery-color-opacity90: 0.9;
-  --fibery-color-whiteA10: rgba(31, 26, 24, 0.1);
-  --fibery-color-whiteA40: rgba(31, 26, 24, 0.4);
-  --fibery-color-whiteA100: #1f1a18;
-  --fibery-color-colorBgFileOverlay: rgba(31, 26, 24, 0.6);
-  --fibery-color-colorBgScrollFade: rgba(31, 26, 24, 0.15);
-  --fibery-color-colorStrokeSelectedOutline: rgba(255, 253, 250, 0.75);
-  --fibery-color-scrollbar: rgba(65, 60, 58, 0.5);
+  --searchFiltersBg: rgb(32, 27, 25);
+  --selectedColorBorder: rgba(232, 226, 219, 0.25);
+  --colorBgSegmentedControlDefault: rgb(26, 22, 20);
+  --colorBgSegmentedControlActive: rgb(55, 50, 48);
+  --colorBgSegmentedControlHover: rgb(45, 40, 38);
+  --colorBorderSegmentedControlDefault: rgb(65, 60, 58);
+  --colorBgBannerNeutral: rgb(39, 35, 33);
+  --colorBgBannerAccent: rgb(8, 44, 54);
+  --colorBgBannerWarning: rgb(43, 36, 0);
+  --colorBgBannerError: rgb(67, 22, 25);
+  --colorBgBannerSuccess: rgb(11, 46, 40);
+  --colorIconBannerNeutral: rgb(166, 159, 157);
+  --colorIconBannerAccent: rgb(124, 189, 210);
+  --colorIconBannerWarning: rgb(227, 198, 0);
+  --colorIconBannerError: rgb(244, 146, 147);
+  --colorIconBannerSuccess: rgb(128, 192, 180);
+  --colorTextBannerNeutral: rgb(224, 212, 206);
+  --colorTextBannerAccent: rgb(124, 189, 210);
+  --colorTextBannerWarning: rgb(227, 198, 0);
+  --colorTextBannerError: rgb(244, 146, 147);
+  --colorTextBannerSuccess: rgb(128, 192, 180);
+  --colorBgChargebeeInfoBox: rgb(26, 22, 20);
+  --newCommentHorizontalRulerColor: rgb(237, 150, 150);
+  --colorBgErrorMessage: rgb(237, 150, 150);
+  --colorBorderLogoGrid: rgb(45, 40, 38);
+  --colorBorderLogoGridSubtle: rgb(45, 40, 38);
+  --colorBorderLogoGridMedium: rgb(45, 40, 38);
+  --colorStrokeLogoDashed: rgb(86, 80, 78);
+  --colorBgLogoCardTransparent: rgb(32, 27, 25);
+  --colorBgLogoCardDark: rgb(86, 80, 78);
+  --colorBgLogoCardMedium: rgb(45, 40, 38);
+  --colorBgSkeletonFrom: rgba(31, 26, 24, 0.05);
+  --colorBgSkeletonTo: rgba(31, 26, 24, 0.1);
+  --colorShadowInsetEdge: rgba(31, 26, 24, 0.05);
+  --colorShadowBorder: rgba(31, 26, 24, 0.1);
+  --colorShadowElevation: rgba(255, 253, 250, 0.1);
+  --colorShadowOutline: rgba(255, 253, 250, 0.2);
+  --colorPlaceholder: rgba(31, 26, 24, 0.4);
+  --colorPlaceholderSubtle: rgba(31, 26, 24, 0.25);
+  --colorBgSubtleLight: rgba(31, 26, 24, 0.05);
+  --colorStrokeSurface: #1f1a18;
+  --colorTextMilestone: rgba(255, 253, 250, 0.5);
+  --colorSpinnerIcon: rgba(255, 253, 250, 0.9);
+  --colorSpinnerBg: rgba(255, 253, 250, 0.1);
+  --colorBgLaneSubtle: rgba(255, 253, 250, 0.05);
+  --opacity15: 0.15;
+  --opacity20: 0.2;
+  --opacity25: 0.25;
+  --opacity30: 0.3;
+  --opacity40: 0.4;
+  --opacity50: 0.5;
+  --opacity60: 0.6;
+  --opacity65: 0.65;
+  --opacity70: 0.7;
+  --opacity75: 0.75;
+  --opacity80: 0.8;
+  --opacity85: 0.85;
+  --opacity90: 0.9;
+  --whiteA10: rgba(31, 26, 24, 0.1);
+  --whiteA40: rgba(31, 26, 24, 0.4);
+  --whiteA100: #1f1a18;
+  --colorBgFileOverlay: rgba(31, 26, 24, 0.6);
+  --colorBgScrollFade: rgba(31, 26, 24, 0.15);
+  --colorStrokeSelectedOutline: rgba(255, 253, 250, 0.75);
+  --scrollbar: rgba(65, 60, 58, 0.5);
 }