Studio and Graph › Settings
Theme
Every colour the application uses, and which changes apply live rather than on the next launch.
An intro line on the page itself sets the rule for everything below it:
"Viewport, graph, and document-tab colours apply live; the rest of the app chrome (surfaces / text / overlays) applies on the next launch."
In other words: recolour the viewport, the graph canvas or a document tab and you see it immediately. Recolour general app chrome - panel surfaces, text, buttons, most overlays - and it takes a restart to show everywhere. Where the app states a row's own timing explicitly, this page says so under that row; otherwise, go by the rule above.
A Reset to defaults button restores the built-in theme in one click. Its tooltip:
"Restore the built-in 'Graphite + Azure' theme. Live colours update immediately; restart for the full app chrome."
It resets every colour on this page, plus the viewport colours documented on Camera and Display (Background Color, Wireframe Color).
Accent
| Label | What it colours | Default |
|---|---|---|
| Accent colour | The one highlight colour, used everywhere focus matters: selected-tab underline, input focus rings, checkboxes, selection rectangles and "active" toggles. | #3D82F7 |
Surfaces
All of these apply on next launch.
| Label | What it colours | Default |
|---|---|---|
| Window background | The darkest surface - the window backdrop seen behind the panels and in the gaps between them. | #0D0E10 |
| Header & menu bar | Background of the top menu bar and the document-tab strip. | #131417 |
| Panel background | The main panel fill behind the viewport, graph and details panels. | #181A1E |
| Elevated (cards) | Raised card surfaces, and the fallback for any control without its own colour. | #23262B |
Interaction overlays
| Label | What it colours | Default |
|---|---|---|
| Hover (alpha) | Translucent overlay drawn on a control while the mouse is over it. | white at 5% |
| Pressed (alpha) | Translucent overlay drawn while a control is being clicked. | white at 9% |
| Active / selected (alpha) | Translucent overlay marking the active or selected item, e.g. the current tab. | white at 7% |
| Divider lines (alpha) | The thin separator lines under the toolbar and between detail categories. | white at 6% |
| Control borders (alpha) | The hairline outline around buttons, text fields, dropdowns and checkboxes. Applies on next launch. | 0.147, 0.168, 0.216 at 25% |
Controls (each independent)
All of these apply on next launch.
| Label | What it colours | Default |
|---|---|---|
| Toolbar background | The main toolbar strip. | #131417 |
| Button background | Fill of flat / secondary buttons. | #23262B |
| Text box background | Fill of editable text fields. | #23262B |
| Number field background | Fill of numeric spin boxes. | #23262B |
| Checkbox background | Fill of an unchecked checkbox. | #23262B |
| Dropdown button background | Fill of a closed combo box. | #23262B |
| Dropdown menu background | Background of an open dropdown list. | #1F2228 |
| Dropdown selection | Highlight behind the hovered / selected item in a dropdown list (kept opaque). | 0.016, 0.147, 0.084 |
| Right-click menu background | Background of the graph's right-click Add Node menu. | #1F2228 |
Text
| Label | What it colours | Default |
|---|---|---|
| Primary text | Main, most-readable text colour for labels and values. Applies on next launch. | #ECEEF2 |
| Secondary text | Less-important text - section sub-labels and inactive items. | #9AA3B0 |
| Muted / disabled text | Dimmed text - disabled controls, hints and placeholder notes. | #61666F |
Feedback (status colours)
| Label | What it colours | Default |
|---|---|---|
| Success - green | Good / "on" state: high FPS, the Mirror action, the timeline start handle. | #4FB86A |
| Warning - amber | Attention / medium state: mid-range FPS and the light-direction marker. | #E0A24E |
| Error - red | Bad / destructive: low FPS, the Delete action, the timeline end handle. | #E0616A |
| Info - azure | Neutral-positive: the Invert action and new graph comments. | #5B9BFF |
| Dropdown popup background (alpha) | Background fill of the popup that opens under combo boxes and dropdowns. | #15171B at 96% |
Panel tabs
All of these take effect after restarting the app.
| Label | What it colours | Default |
|---|---|---|
| Active tab background | Background of the active tab chip in the panel tab bars (Viewport, Target Viewport, Graph, Details, Agentic, Scene). | #1C1F24 |
| Inactive tab background | Background of the inactive tab chips. | #1D2023 |
| Inactive tab label | Label colour of the inactive tab chips. | #6B7079 |
| Active tab underline | The accent line on the active tab chip. A tab that is already open when you change this may need reopening to pick it up. | #3D82F7 |
3D viewport
Applies live, except the two pane-badge rows below, which apply on next launch.
| Label | What it colours | Default |
|---|---|---|
| Show symmetry plane | Checkbox. Draws the mirror-plane indicator (border, grid and translucent fill) while sculpt symmetry is on; symmetry itself keeps working when this is off. | on |
| Symmetry plane (alpha) | The mirror-plane grid shown over the mesh while symmetry is enabled. | #45C6E6 at 50% |
| Orientation gizmo - X | X-axis colour of the orientation gizmo in the viewport corner. | #ED5A5A |
| Orientation gizmo - Y | Y-axis colour of the orientation gizmo. | #54C56C |
| Orientation gizmo - Z | Z-axis colour of the orientation gizmo. | #4F8CF6 |
| SOURCE pane badge (alpha) | Background of the SOURCE label in the left preview pane. Applies on next launch. | #1C4C82 at 92% |
| TARGET pane badge (alpha) | Background of the TARGET label in the right preview pane. Applies on next launch. | #7E2D32 at 92% |
| Stylus pressure bar (alpha) | Fill, glow and outline of the pen-pressure capsule at the left edge of the Source pane while a pen is on the tablet. | #FBBF24 |
| Stylus bar track (alpha) | The dark capsule behind the pressure fill. | #0D0E10 at 62% |
Graph editor
| Label | What it colours | Default |
|---|---|---|
| Canvas background | The graph editor backdrop behind the node grid. Applies live. | #0A0B0D |
| Grid - fine lines | The closely-spaced minor grid lines on the graph canvas. | #141619 |
| Grid - bold lines | The bolder major grid lines every few cells. | #1C1F24 |
| Node background | The flat fill colour behind every node card. Only affects nodes drawn after you make the change - nodes already on screen keep their old fill until redrawn. | 0.008, 0.0097, 0.0116 |
| Node title tint | Tints every node's title bar. White keeps the per-category colours (green inputs, red outputs, teal mesh...); pick a colour to shift or desaturate all of them at once. Same drawn-after-this-change timing as Node background. | white |
| Node outline (alpha) | The 1px border that lifts each node off the canvas. Selected nodes use the Accent colour instead. | 0.047, 0.058, 0.072 at 90% |
| Marquee fill (alpha) | Interior of the drag-select rectangle in the graph. | #3D82F7 at 15% |
| Marquee border (alpha) | Outline of the drag-select rectangle. | #3D82F7 at 90% |
| Node message - error | Background of a node's message strip when it reports an error. | #C2454E |
| Node message - warning | Background of a node's message strip when it reports a warning. | #B07F33 |
| Node message - info | Background of a node's message strip for informational notes. | #3A6FB5 |
Floating tool panel
| Label | What it colours | Default |
|---|---|---|
| Panel background (alpha) | Body fill of the inspector panel that floats over the viewport for the active tool. Applies on next launch. | #15171B at 95% |
| Panel outline (alpha) | Thin border around the floating tool panel. | white at 10% |
| Header background (alpha) | Fill of the tool panel's title strip. | #1E2127 at 97% |
| Header outline (alpha) | Border under the tool panel's title strip. | white at 7% |
| Title text | Colour of the tool panel's title and chevron. | #ECEEF2 |
Details panel
| Label | What it colours | Default |
|---|---|---|
| Property row tint (alpha) | Subtle background tint of even property rows - the row striping. Applies on next launch. | white at 2% |
| Property row tint (alt) (alpha) | Background tint of alternate property rows. | white at 5% |
| Vector field - X (red) | The red X label/bar on vector and colour property fields, e.g. Location X. | #E0616A |
| Vector field - Y (green) | The green Y label/bar on vector and colour property fields. | #57BE6E |
| Vector field - Z (blue) | The blue Z label/bar on vector and colour property fields. | #3D82F7 |
| Vector field - W (yellow) | The yellow W/alpha label/bar on 4-component property fields. | #D6A848 |
Timeline (frame range)
| Label | What it colours | Default |
|---|---|---|
| Input row background | Background behind the Start/End frame spin boxes. Applies live. | #141619 |
| Backdrop | The timeline's outer backdrop. | #0A0B0D |
| Scrub track | The horizontal track bar the frame range sits on. | #15171B |
| Frame ticks | The tick marks along the timeline. | #363B43 |
| Frame numbers | The frame-number labels under the ticks. | #797F89 |
| Selected range fill (alpha) | Interior of the selected Start to End range. | #3D82F7 at 30% |
| Selected range border | Outline of the selected range. | #3D82F7 |
| Start-frame handle | The draggable Start-frame handle. | #4FB86A |
| End-frame handle | The draggable End-frame handle. | #DB5C66 |
Landmarks
| Label | What it colours | Default |
|---|---|---|
| Unpaired landmark | Colour of a landmark that has no matching point on the other mesh yet. | 1.0, 0.3, 0.0 |
| Correspondence highlight | Highlight colour linking a landmark to its matched correspondence. | 0.0, 0.7, 1.0 |
Code editor (syntax highlighting)
All of these apply live.
| Label | What it colours | Default |
|---|---|---|
| Code text | Default text colour in the Wrangle node's expression editor. | 0.70, 0.73, 0.78 |
| Code keyword | Language keywords in the expression editor, e.g. float, vector. | 0.25, 0.42, 1.00 |
| Code function | Built-in function names in the expression editor. | 0.95, 0.75, 0.22 |
| Code attribute | Attribute and channel names, e.g. @P, swizzle components. | 1.00, 0.38, 0.12 |
| Code number | Numeric literals in the expression editor. | 0.35, 0.85, 0.35 |
| Code comment | Comments in the expression editor. | 0.28, 0.38, 0.28 |
| Code operator | Operators and punctuation in the expression editor. | 0.55, 0.60, 0.68 |
One more syntax colour, for string literals, exists in the underlying settings but has no row on this page, so it is not user-editable from Theme.