Open Dev Kit Documentation :: General :: Theme Info
Root.ThemeInfoAllows interaction with stylesheets
Properties
- Name String
- name of the theme
- Control Background Color Color
- Default fill for containers, labels, toggles, canvases, panels, and sliders.
- Control Border Light Color Color
- Lit edge of beveled control borders, simulates top-left light source.
- Control Border Dark Color Color
- Shadow edge of beveled control borders, opposite the light source.
- Control Text Color Color
- Primary text color for labels, toggles, and button captions.
- Button Background Color Color
- Resting fill for push buttons, darker than controls to appear recessed.
- Button Border Light Color Color
- Bright bevel edge on buttons, gives the raised look.
- Button Border Dark Color Color
- Dark bevel edge on buttons, pairs with light edge for depth.
- Toggle Check Image Tint Color Color
- Tint color for checkbox images.
- Input Background Color Color
- Fill for editable fields, canvases, and preview areas. Darker to signal interactivity.
- Input Text Color Color
- Typed text in textboxes and input fields. Pure white for readability on dark fields.
- Listbox Background Color Color
- Base fill for all listbox variants.
- Listbox Hovering Background Color Color
- Translucent highlight when the cursor hovers over a list item.
- Listbox Hovering Border Color Color
- Border shown around a hovered list item.
- Listbox Selected Background Color Color
- Translucent fill marking the currently selected list item.
- Listbox Selected Border Color Color
- Solid border outlining the selected list item.
- Listbox Category Background Color Color
- Fill for category group headers in collapsible lists.
- Listbox Category Text Color Color
- Text color for category headers, dark on lighter background for contrast.
- Listbox Category Border Color Color
- Border separating category headers from list items.
- Listbox Expand Collapse Tint Color Color
- Tint applied to expand/collapse arrow icons in category headers.
- Listbox Text Color Color
- Primary text color for list items.
- Listbox Text Description Color Color
- Secondary text for item descriptions or subtitles.
- Listbox Text Error Color Color
- Text color for items in an error state, maps to TextColor3.
- Listbox Selected Text Color Color
- Text color for the currently selected item, full white for emphasis.
- Listbox Watermark Image Tint Color Color
- Subtle overlay tint for listbox background images, nearly transparent.
- Scrollbar Background Color Color
- Scrollbar track fill behind the thumb.
- Scrollbar Foreground Color Color
- Scrollbar thumb, the draggable portion.
- Scrollbar Arrow Color Color
- Color of the up/down arrow buttons at scrollbar ends.
- Icon Tint Color Color
- Tint applied to toolbar and listbox icons, near-white for visibility on dark backgrounds.
- Notebook Background Color Color
- Fill for the tab strip and notebook body area.
- Notebook Tab Color Color
- Inactive tab fill, recessed relative to the selected tab.
- Notebook Selected Tab Color Color
- Active tab fill, brighter to connect visually with the page content below.
- Notebook Text Color Color
- Label text on inactive tabs.
- Notebook Selected Text Color Color
- Label text on the active tab, full white for emphasis.
- Notebook Arrow Color Color
- Tab overflow navigation arrows and close button color.
- Error Color Color
- Red text color for error labels and diagnostics.
- Progress Background Color Color
- Track fill behind the progress bar.
- Progress Foreground Color Color
- Progress bar fill color indicating loading completion.
- Scripter Node Listing Instance Width Double
- Pixel width of instance node entries in the node listing panel.
- Scripter Node Listing Function Width Double
- Pixel width of function node entries in the node listing panel.
- Scripter Background Color Color
- Canvas background of the script editor workspace.
- Scripter Nested Background Color Color
- Background tint for nodes that contain other nodes, such as loops or sub-scripts.
- Scripter Node Color Color
- Default body fill of a script node.
- Scripter Node Highlight Color Color
- Highlight overlay on a hovered node.
- Scripter Selected Node Color Color
- Body fill of a selected node, light blue to distinguish from default.
- Scripter Selected Node Highlight Color Color
- Highlight overlay on a hovered selected node.
- Scripter Executing Node Color Color
- Body fill of a node currently being executed, green to signal active.
- Scripter Executing Node Highlight Color Color
- Highlight overlay on a hovered executing node.
- Scripter Error Node Color Color
- Body fill of a node in an error state, red-tinted to flag problems.
- Scripter Error Node Highlight Color Color
- Highlight overlay on a hovered error node.
- Scripter Wave Glow Color Color
- Warm amber pulse that ripples through connected nodes every 5 seconds, distinct from selection blue, executing green, and error red.
- Scripter Node Title Color Color
- Text color for the node title rendered on the node body.
- Scripter Node Description Color Color
- Text color for the node description beneath the title.
- Scripter Node Comment Color Color
- Text color for comments on script nodes.
- Scripter Insert Color Color
- Color of the insert block shown below nodes with open connections, click to add a new node.
- Scripter Selected Insert Color Color
- Insert block color when hovered or active, matching the selection blue.
- Scripter Connection Color Color
- Default wire color for established connections between nodes.
- Scripter Connection Cold Color Color
- Wire color for disconnected or dangling connections.
- Scripter Connection Hot Color Color
- Wire color while actively dragging to create a new connection.
- Scripter Marquee Background Color Color
- Translucent fill of the drag-selection rectangle.
- Scripter Marquee Border Color Color
- Border of the drag-selection rectangle.
- Scripter Tooltip Background Color Color
- Warm beige fill for tooltip popups, semi-transparent.
- Scripter Tooltip Border Color Color
- Dark border framing tooltips.
- Scripter Tooltip Text Color Color
- Text color inside tooltips, black on beige for legibility.
- Document Window Marquee Background Color Color
- Translucent fill of the drag-selection rectangle.
- Document Window Marquee Border Color Color
- Border of the drag-selection rectangle.
- Document Window Container Border Color Vertical Color
- Blue border drawn around vertical layout containers.
- Document Window Container Border Color Horizontal Color
- Green border drawn around horizontal layout containers.
- Document Window Container Border Color Grid Color
- Yellow border drawn around grid layout containers.
- Document Window Container Border Color Flex Grid Color
- Yellow border drawn around flex-grid layout containers.
- Document Window Grip Fixed Background Color Color
- Fill for resize grips on fixed-size elements.
- Document Window Grip Fixed Border Color Color
- Border for resize grips on fixed-size elements.
- Document Window Grip Dynamic Background Color Color
- Fill for resize grips on dynamically-sized elements.
- Document Window Grip Dynamic Border Color Color
- Border for resize grips on dynamically-sized elements.
- Document Window Grip Window Background Color Color
- Fill for resize grips on floating window elements.
- Document Window Grip Window Border Color Color
- Border for resize grips on floating window elements.
- Document Scene Object Highlight Hovered Color Color
- Overlay tint on scene objects when hovered.
- Document Scene Object Highlight Selected Color Color
- Overlay tint on scene objects when selected.
- Document Scene Object Highlight Hovered Selected Color Color
- Overlay tint on scene objects when both hovered and selected.
- Document Scene Marquee Background Color Color
- Translucent fill of the scene drag-selection rectangle.
- Document Scene Marquee Border Color Color
- Border of the scene drag-selection rectangle.
- Document Scene Grid Primary X Color Color
- Primary X-axis grid line color, red per 3D convention.
- Document Scene Grid Primary Y Color Color
- Primary Y-axis grid line color, green per 3D convention.
- Document Scene Grid Primary Z Color Color
- Primary Z-axis grid line color, blue per 3D convention.
- Document Scene Grid Secondary X Color Color
- Faint subdivision lines along the X-axis.
- Document Scene Grid Secondary Y Color Color
- Faint subdivision lines along the Y-axis.
- Document Scene Grid Secondary Z Color Color
- Subdivision lines along the Z-axis, more visible as the ground plane.
- Document Scene Grid Editing Plane Color Color
- Translucent fill indicating the active editing plane.
- Document Scene Grid Editing Tile Color Color
- Tile highlight on the grid when snapping or placing objects.
- Document Keybinds Button Background Color Color
- Default fill for keybind buttons in the key mapping editor.
- Document Keybinds Button Background Selected Color Color
- Fill for the actively selected keybind button, blue to indicate focus.
- Document Keybinds Button Text Color Color
- Text color on keybind buttons at rest.
- Document Keybinds Button Text Selected Color Color
- Text color on the selected keybind button.
- Document Sprite Timeline Bar Color Color
- Background bar of the sprite animation timeline.
- Document Sprite Timeline Scrubber Color Color
- Playhead scrubber marking the current frame position.
- Document Sprite Timeline Node Position Color Color
- Keyframe marker color for position tracks, red.
- Document Sprite Timeline Node Scale Color Color
- Keyframe marker color for scale tracks, green.
- Document Sprite Timeline Node Orientation Color Color
- Keyframe marker color for orientation tracks, blue.
- Document Sprite Timeline Node Color Color Color
- Keyframe marker color for color tracks, yellow.
If you think anything is missing, please feel free to: submit documentation feedback on this page