Skip to content
Entangle UI
Search
Ctrl
K
Cancel
GitHub
Select theme
Dark
Light
Auto
Getting Started
Introduction
Installation
Quick Start
Docs for LLMs
Guides
Accessibility
Animations
Styling
Theming
Components
Primitives
Avatar
Badge
Button
Checkbox
Code
Collapsible
Icon
IconButton
Input
Kbd
Link
Paper
HoverCard
Popover
Radio
Switch
Text
TextArea
Tooltip
Viewport
VisuallyHidden
Layout
Accordion
Card
Divider
Flex
Grid
ListItem
PageHeader
PanelSurface
ScrollArea
Spacer
SplitPane
Stack
Controls
CartesianPicker
ColorPicker
Combobox
CurveEditor
FileUploader
MultiSelect
NumberInput
Select
Slider
TagInput
TreeView
VectorInput
Navigation
Breadcrumbs
ContextMenu
Menu
Pagination
SegmentedControl
Tabs
Feedback
Alert
CommandPalette
Dialog
Drawer
EmptyState
LogView
ProgressBar
Skeleton
Spinner
Stat
Toast
Data
DataTable
Shell
AppShell
MenuBar
Toolbar
StatusBar
FloatingPanel
Editor
AssetBrowser
ChatPanel
Minimap
NodeGraph
PropertyInspector
Timeline
TransformControl
ViewportGizmo
Hooks
Overview
useBreakpoint
useClickOutside
useClipboard
useControlledState
useDebouncedCallback
useDebouncedValue
useDisclosure
useFocusTrap
useHotkey
useIntersectionObserver
useKeyboard
useListboxNav
useMediaQuery
useMergedRef
useResizeObserver
useTheme
useThrottledCallback
Showcase
Full Editor
Animation Editor
Icons
API Reference
Interfaces
AddGroupOptions
AppShellContextValue
AssetBrowserBaseProps
AssetBrowserHandle
AssetBrowserLabels
AssetFilterState
AssetItem
AssetItemActions
AssetItemState
AssetPathSegment
AssetSortState
BaseComponent
BreakpointMap
CardBaseProps
CardBodyBaseProps
CardFooterBaseProps
CardHeaderBaseProps
CardMediaBaseProps
CartesianPickerInfo
ChatAttachmentData
ChatMessageData
ChatMessageListScrollApi
ChatToolCallData
ColorPaletteProps
ColorPreset
ComboboxBaseProps
ComboboxOption
CommandItem
CommandPaletteBaseProps
CommandPaletteRenderItemState
CoordinateSpaceOption
CurveBackgroundInfo
CurveBottomBarInfo
CurveData
CurveKeyframe
CurvePreset
DataTableBaseProps
DataTableColumn
DataTableRowRenderInfo
DataTableSortState
DebouncedCallback
DrawerBaseProps
DrawerBodyBaseProps
DrawerCloseButtonBaseProps
DrawerContextValue
DrawerFooterBaseProps
DrawerHeaderBaseProps
DuplicateNodesOptions
FileUploaderBaseProps
FileUploaderItem
FileUploaderRenderItemState
FloatingManagerProps
FloatingPanelSize
FuzzyMatch
GizmoAxisConfig
GizmoHitRegion
GizmoOrientation
HighlightSegment
HoverCardBaseProps
HoverCardContentBaseProps
HoverCardContextValue
HoverCardTriggerBaseProps
KeyboardContextProviderProps
LogEntry
LogEntryRenderInfo
LogLevelDefinition
LogViewBaseProps
LogViewClearProps
LogViewCopyProps
LogViewFooterProps
LogViewHandle
LogViewLabels
LogViewSearchProps
LogViewSlotProps
LogViewToolbarProps
MenuHandle
MinimapCircleItem
MinimapContextValue
MinimapCornerProps
MinimapCustomItem
MinimapDrawInfo
MinimapFooterProps
MinimapGeometryState
MinimapHandle
MinimapHoverState
MinimapInteractionConfig
MinimapLineItem
MinimapNavigateInfo
MinimapRectItem
MinimapSlotMarker
MinimapTitleProps
MultiSelectBaseProps
MultiSelectOption
MultiSelectOptionGroup
NodeGraphBackgroundSlotProps
NodeGraphBind
NodeGraphConnectEndInfo
NodeGraphConnectionValidationInfo
NodeGraphConnectStartInfo
NodeGraphContextMenuInfo
NodeGraphDataState
NodeGraphEdge
NodeGraphGroup
NodeGraphHandle
NodeGraphHoverState
NodeGraphMeasuredSize
NodeGraphMinimapNodeStyle
NodeGraphMinimapSlotProps
NodeGraphNode
NodeGraphNodeSectionProps
NodeGraphPinProps
NodeGraphPortPosition
NodeGraphPortRef
NodeGraphPortSlotProps
NodeGraphPortVisualProps
NodeGraphRenderCtx
NodeGraphSelection
NodeGraphSlotMarker
OrbitDelta
PaginationBaseProps
PaginationItem
Palette
PaletteColor
PaletteShade
PanelConfig
Position
ProjectedArm
PropertyUndoEntry
ResolvedLogEntry
SelectOptionGroup
SelectOptionItem
StatBaseProps
StatDelta
TagInputBaseProps
TagInputRenderTagState
ThemeProviderProps
ThrottledCallback
TimelineContextValue
TimelineDragState
TimelineDrawInfo
TimelineFooterProps
TimelineGeometryState
TimelineGroup
TimelineHandle
TimelineKeyframeRef
TimelineMinimapProps
TimelinePlayheadState
TimelineSelectedTangentMode
TimelineSlotMarker
TimelineToolbarProps
TimelineTrack
TimelineTrackHeaderInfo
TimelineTrackScaleProps
TimelineView
ToastData
TooltipCollisionConfig
TransformLabelsConfig
TransformPrecisionConfig
TransformShowConfig
TransformStepConfig
TransformUnitsConfig
TransformValue
TreeNodeData
TreeNodeState
TypeMatchValidatorOptions
UseBreakpointReturn
UseChatInputOptions
UseChatInputReturn
UseChatMessagesOptions
UseChatMessagesReturn
UseChatScrollOptions
UseChatScrollReturn
UseClickOutsideOptions
UseClipboardOptions
UseClipboardReturn
UseControlledStateOptions
UseDebouncedCallbackOptions
UseDisclosureOptions
UseDisclosureReturn
UseFocusTrapOptions
UseHotkeyOptions
UseIntersectionObserverOptions
UseIntersectionObserverReturn
UseListboxNavOptions
UseListboxNavReturn
UseMediaQueryOptions
UseNodeGraphOptions
UseNodeGraphReturn
UsePropertyUndoOptions
UsePropertyUndoReturn
UseResizeObserverOptions
UseThemeReturn
UseThrottledCallbackOptions
UseToastReturn
VanillaThemeProviderProps
Vec3
ViewportContextValue
ViewportHandle
ViewportLayerDrawInfo
ViewportMinimapProps
ViewportPanConfig
ViewportPanEndInfo
ViewportSelectionConfig
ViewportSelectionEvent
ViewportSize
ViewportTransform
ViewportZoomConfig
WorldRect
Type Aliases
AccordionContentProps
AccordionItemProps
AccordionProps
AccordionSize
AccordionTriggerProps
AccordionVariant
AlertActionsProps
AlertAppearance
AlertDescriptionProps
AlertProps
AlertTitleProps
AlertVariant
AllKeys
AppShellProps
AppShellSlotProps
AppShellToolbarSlotProps
AssetBrowserProps
AssetKind
AssetNavigationSource
AssetSelectionReason
AssetSortField
AssetThumbnailSize
AssetType
AssetView
AvatarColor
AvatarGroupProps
AvatarProps
AvatarShape
AvatarSize
AvatarStatus
BadgeColor
BadgeProps
BadgeSize
BadgeVariant
Brand
BreadcrumbEllipsisProps
BreadcrumbItemProps
BreadcrumbSeparatorProps
BreadcrumbsProps
BreadcrumbsSize
Breakpoint
BuiltInLogLevel
ButtonProps
ButtonSize
ButtonVariant
CardBodyProps
CardFooterAlign
CardFooterProps
CardHeaderProps
CardMediaProps
CardProps
CardVariant
CartesianPickerProps
CartesianPickerSize
ChatActionBarProps
ChatAttachmentChipProps
ChatBubbleProps
ChatCodeBlockProps
ChatContextChipProps
ChatEmptyStateProps
ChatInputProps
ChatInputToolbarProps
ChatMarkdownRendererProps
ChatMessageListProps
ChatMessageProps
ChatMessageRole
ChatMessageStatus
ChatPanelDensity
ChatPanelProps
ChatToolCallProps
ChatToolCallStatus
ChatTypingIndicatorProps
CheckboxGroupProps
CheckboxProps
CheckboxSize
CheckboxVariant
CircularProgressProps
CircularProgressSize
ClipboardStatus
CodeProps
CodeSize
CollapsibleProps
CollapsibleSize
CollisionAvoidance
ColorFormat
ColorInputMode
ColorPickerProps
ColorPickerSize
ColorSwatchProps
ComboboxProps
ComboboxSize
ComboboxVariant
CommandPaletteProps
ContextMenuContentProps
ContextMenuProps
ContextMenuTriggerProps
CoordinateSpace
CurveEditorProps
CurveEditorSize
DarkThemeValues
DataTableAlign
DataTableDensity
DataTableProps
DataTableSelectionMode
DataTableSelectionState
DataTableSortDirection
DataTableVirtualizationMode
DeepPartial
DeepReadonly
DialogBodyProps
DialogFooterProps
DialogHeaderProps
DialogProps
DialogSize
DividerOrientation
DividerProps
DividerSpacing
DividerVariant
DrawerAnchor
DrawerBodyProps
DrawerCloseButtonProps
DrawerFooterAlign
DrawerFooterProps
DrawerHeaderProps
DrawerProps
DrawerSize
EmptyStateProps
EmptyStateVariant
EyeDropperProps
FileUploaderItemStatus
FileUploaderProps
FileUploaderRejectReason
FileUploaderSize
FlexAlign
FlexAlignContent
FlexDirection
FlexJustify
FlexProps
FlexSpacing
FlexWrap
FloatingPanelProps
FormHelperTextProps
FormLabelProps
GizmoAxisColorPreset
GizmoPresetView
GizmoUpAxis
GridProps
GridSize
GridSpacing
HoverCardContentProps
HoverCardProps
HoverCardTriggerProps
IconProps
IconSize
InputProps
InputSize
InputWrapperProps
KbdProps
KbdSize
KbdVariant
KeyboardState
KeyCode
KeyOf
LightThemeValues
LinkColor
LinkProps
LinkSize
LinkUnderline
LinkVariant
ListItemDensity
ListItemProps
LiteralUnion
LogLevel
LogLevelConfig
LogViewBodyProps
LogViewDensity
LogViewLevelFilterProps
LogViewProps
LogViewSelectionMode
LogViewVirtualizationMode
MenuAlign
MenuBarItemProps
MenuBarMenuProps
MenuBarProps
MenuBarSeparatorProps
MenuBarSize
MenuBarSubProps
MenuCheckboxItemProps
MenuContentProps
MenuGroupProps
MenuItemProps
MenuRadioGroupProps
MenuRadioItemProps
MenuRootProps
MenuSeparatorProps
MenuSide
MenuSubProps
MenuSubTriggerProps
MenuTriggerProps
MinimapCornerSide
MinimapFooterPlacement
MinimapItem
MinimapNavigatePhase
MinimapProps
MinimapSlotKind
MinimapTitlePlacement
ModifierKeys
MultiSelectProps
MultiSelectSize
MultiSelectVariant
NodeGraphGroupResizeHandle
NodeGraphInteractionState
NodeGraphLayerName
NodeGraphNodeInput
NodeGraphPortShape
NodeGraphPortSide
NodeGraphProps
NodeGraphSlotKind
NodeGraphTarget
NonEmptyArray
NumberInputProps
PageHeaderProps
PageHeaderSize
PaginationItemAriaLabelGetter
PaginationItemType
PaginationProps
PaginationSize
PanelSize
PanelSurfaceBodyProps
PanelSurfaceFooterProps
PanelSurfaceHeaderProps
PanelSurfaceProps
PanelSurfaceSize
PaperElevation
PaperNestLevel
PaperProps
PaperSpacing
Platform
PopoverCloseProps
PopoverContentProps
PopoverPlacement
PopoverProps
PopoverTriggerProps
Prettify
ProgressBarColor
ProgressBarLabelPosition
ProgressBarProps
ProgressBarSize
PropertyGroupProps
PropertyInspectorSize
PropertyPanelProps
PropertyRowProps
PropertySectionProps
RadioGroupOrientation
RadioGroupProps
RadioLabelPosition
RadioProps
RadioSize
RequireFields
ResolvedThemeValues
ScrollAreaDirection
ScrollAreaProps
ScrollbarVisibility
SegmentedControlItemProps
SegmentedControlOrientation
SegmentedControlProps
SegmentedControlSize
SegmentedControlVariant
SelectProps
SelectSize
SelectVariant
Size
SkeletonAnimation
SkeletonGroupProps
SkeletonLayoutProps
SkeletonLayoutVariant
SkeletonProps
SkeletonShape
SliderProps
SpinnerColor
SpinnerProps
SpinnerSize
SpinnerVariant
SplitDirection
SplitPanePanelProps
SplitPaneProps
StatDeltaDirection
StatDeltaSemantics
StatProps
StatSize
StatusBarItemProps
StatusBarProps
StatusBarSectionProps
StatusBarSectionSide
StatusBarSize
StatusBarVariant
StrictExclude
SwitchProps
SwitchSize
TabListProps
TabPanelProps
TabProps
TabsProps
TabsSize
TabsVariant
TagInputProps
TagInputSeparator
TagInputSize
TagInputVariant
TangentMode
TextAlign
TextAreaProps
TextAreaResize
TextAreaSize
TextColor
TextElement
TextLineHeight
TextProps
TextSize
TextVariant
TextWeight
ThemeValues
ThemeVariant
ThemeVars
TimelineDragKind
TimelineInfinity
TimelineLoop
TimelineMode
TimelineProps
TimelineSelection
TimelineSlotKind
ToastPosition
ToastProviderProps
ToastSeverity
ToolbarButtonProps
ToolbarButtonVariant
ToolbarGroupProps
ToolbarOrientation
ToolbarPosition
ToolbarProps
ToolbarSeparatorProps
ToolbarSize
ToolbarSpacerProps
ToolbarToggleProps
TooltipCollisionStrategy
TooltipPlacement
TooltipProps
TransformControlProps
TreeSelectionMode
TreeViewProps
TreeViewSize
ValueOf
Variant
VectorColorPreset
VectorDimension
VectorInputProps
VectorInputSize
VectorLabelPreset
ViewportGizmoProps
ViewportGizmoSize
ViewportLayerProps
ViewportMinimapPlacement
ViewportModifier
ViewportMouseButton
ViewportOverlayProps
ViewportProps
ViewportWorldProps
VisuallyHiddenElement
VisuallyHiddenProps
Variables
Accordion
AccordionContent
AccordionItem
AccordionTrigger
AddIcon
AiChatIcon
AiSparklesIcon
Alert
AlertActions
AlertDescription
AlertTitle
animBlink
animFadeIn
animPulse
animSpin
animWave
AppShell
ArchiveIcon
ArrowDownIcon
ArrowLeftIcon
ArrowRightIcon
ArrowUpIcon
AssetBrowser
Avatar
AvatarGroup
Badge
blinkKeyframe
BookmarkIcon
BreadcrumbEllipsis
BreadcrumbItem
Breadcrumbs
BreadcrumbSeparator
BREAKPOINT_ORDER
breakpoints
BugIcon
BuildingIcon
Button
CalendarIcon
Card
CartesianPicker
ChatActionBar
ChatAttachmentChip
ChatBubble
ChatCodeBlock
ChatContextChip
ChatEmptyState
ChatInput
ChatInputToolbar
ChatMarkdownRenderer
ChatMessage
ChatMessageList
ChatPanel
ChatToolCall
ChatTypingIndicator
Checkbox
CheckboxGroup
CheckIcon
ChevronDownIcon
ChevronLeftIcon
ChevronRightIcon
ChevronUpIcon
CircleIcon
CircularProgress
ClockIcon
CloseIcon
CloudUploadIcon
Code
CodeIcon
Collapsible
ColorPalette
ColorPicker
ColorSwatch
CommandPalette
ContextMenu
CopyIcon
CURVE_PRESETS
CurveEditor
CutIcon
darkThemeValues
DataTable
DEFAULT_ASSET_BROWSER_LABELS
DEFAULT_LOG_VIEW_LABELS
Dialog
DialogBody
DialogClose
DialogFooter
DialogHeader
Divider
DotsHorizontalIcon
DotsVerticalIcon
DownloadIcon
Drawer
EARTH_PALETTE
EditIcon
EmptyState
ErrorIcon
ExternalLinkIcon
EyeDropper
EyeDropperIcon
EyeIcon
fadeInKeyframe
FileTextIcon
FilterIcon
FirstIcon
Flex
FloatingManager
FloatingPanel
FolderCogIcon
FolderIcon
FolderOpenIcon
FormHelperText
FormLabel
FullscreenIcon
GitBranchIcon
Grid
GridIcon
HeartIcon
HelpIcon
HomeIcon
HoverCard
Icon
IconButton
InfoIcon
Input
InputWrapper
Kbd
KeyboardContextProvider
LastIcon
lightThemeClass
lightThemeValues
Link
LinkIcon
ListIcon
ListItem
LockIcon
LogView
MATERIAL_PALETTE
MaximizeIcon
Menu
MenuBar
MenuIcon
Minimap
MINIMAP_SLOT
MinimapCorner
MinimapFooter
MinimapTitle
MinimizeIcon
MinusIcon
MONOCHROME_PALETTE
NEON_PALETTE
NODE_GRAPH_SLOT
NodeGraph
NodeGraphBackground
NodeGraphMinimap
NodeGraphPort
PageHeader
Pagination
PanelSurface
Paper
PasteIcon
PASTEL_PALETTE
PauseIcon
PinIcon
PlayIcon
Popover
PopoverClose
PopoverContent
PopoverTrigger
PROFESSIONAL_PALETTES
ProgressBar
PropertyGroup
PropertyPanel
PropertyRow
PropertySection
pulseKeyframe
Radio
RadioGroup
RedoIcon
RefreshIcon
RobotIcon
SaveIcon
ScrollArea
SearchIcon
SegmentedControl
SegmentedControlItem
SendIcon
SettingsIcon
Skeleton
SkeletonGroup
SkeletonLayout
SKIN_TONES_PALETTE
Slider
SortIcon
Spacer
spinKeyframe
Spinner
SplitPane
SplitPanePanel
Stack
StarIcon
Stat
StatusBar
StopIcon
SuccessIcon
Switch
Tab
TabList
TabPanel
Tabs
TagIcon
TAILWIND_PALETTE
TangentAlignedIcon
TangentAutoIcon
TangentFreeIcon
TangentLinearIcon
TangentMirroredIcon
TangentStepIcon
TerminalIcon
Text
TextArea
ThemeProvider
Timeline
TIMELINE_SLOT
TimelineFooter
TimelineMinimap
TimelineToolbar
TimelineTrackScale
ToastProvider
Toolbar
Tooltip
TransformControl
TrashIcon
UndoIcon
UnlinkIcon
UnlockIcon
UploadIcon
UserIcon
UsersIcon
VanillaThemeProvider
vars
ViewportGizmo
ViewportLayer
ViewportOverlay
ViewportWorld
VINTAGE_PALETTE
VisuallyHidden
WarningIcon
waveKeyframe
ZoomInIcon
ZoomOutIcon
Functions
axisToPresetView
cn
Combobox
computeBoundsFromItems
computeCenterTransform
computeFitTransform
computeZoomTowardPivot
createCustomTheme
createLightTheme
createLinearCurve
createTypeMatchValidator
defaultFormatTimestamp
domainToCanvas
duplicateNodes
edgesConnectedToPort
entriesToText
entryToText
eulerToRotationMatrix
evaluateCurve
FileUploader
framesToTimecode
generateEdgeId
generateNodeId
getHighlightSegments
getKeyGlyph
getPlatform
getViewportPointerPosition
gizmoHitTest
isKeyPressed
isModifierKey
LogViewBody
LogViewClear
LogViewCopy
LogViewFooter
LogViewLevelFilter
LogViewSearch
LogViewToolbar
MultiSelect
NodeGraphNodeSection
NodeGraphPin
NodeGraphPortVisual
normalizeRect
NumberInput
parseShortcut
presetViewToOrientation
projectAxes
projectToCanvas
quaternionToEuler
sampleCurve
screenToWorld
Select
selectedTangentMode
setSelectedTangentMode
TagInput
TreeView
useAppShell
useBreakpoint
useChatInput
useChatMessages
useChatScroll
useClickOutside
useClipboard
useControlledState
useDebouncedCallback
useDebouncedValue
useDisclosure
useEffectsOnKeyboard
useFocusTrap
useHotkey
useIntersectionObserver
useKeyboard
useKeyboardContext
useLatest
useListboxNav
useLogViewStats
useMediaQuery
useMergedRef
useMinimapContext
useMinimapDragState
useMinimapGeometry
useMinimapHover
useNodeGraph
useNodeGraphData
useNodeGraphHover
useNodeGraphInteraction
useNodeGraphSelection
useNodeGraphStore
usePropertyUndo
useResizeObserver
useTheme
useThrottledCallback
useTimelineContext
useTimelineGeometry
useTimelinePlayhead
useTimelineSelectedTangentMode
useTimelineSelection
useToast
useViewportContext
VectorInput
Viewport
ViewportMinimap
worldToScreen
References
cx
GitHub
Select theme
Dark
Light
Auto
ThemeValues
ThemeValues
=
DarkThemeValues
Defined in:
src/theme/createCustomTheme.ts:11