Feature guide · appearance

Translate color without losing the plot.

The Electron appearance editor keeps a continuous picker and many color-space representations in sync, locally and visibly.

Behavior

Settings provides HEX, HEX8, RGB, RGBA, alpha, HSL, HSV, HWB, CIELab, LCH, OKLab, OKLCH, CMYK, and common CSS-name fields. Changing one representation converts the same color, preserves alpha, updates the live accent, and reports sRGB gamut clipping. Every rendered surface can open an anchored editor from right-click or the keyboard context-menu path; each target stores font family, weight, scale, letter spacing, line height, radius, colors, and a resettable override. Built-in and user-saved presets are exported with the profile.

Configuration

Open the appearance editor, use the color field or edit a representation, then use its adjacent copy action when you need the value elsewhere. Use the preset controls for a global theme or right-click a target for a per-element override. The result is persisted with the local profile.

Failure modes

Invalid input remains visible and receives inline validity feedback without replacing the current appearance. Unknown CSS names are rejected. Out-of-gamut values are identified before display clamping.

Security

Parsing and conversion are local renderer operations. No color value is uploaded or executed; clipboard writes happen only from a user-activated copy control.

Verification

The real renderer self-test round-trips every numeric representation and a named CSS color, then applies and checks a per-target typography override and built-in preset. The off-screen capture shows the appearance editor and translator, and the contract check requires that screenshot.

Suggested articles

Electron manual client · History filters and export · Memory checkpoints