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.