theming

Designing a mail for clients that will invert its palette without asking, where a near-black behaves better than black and a logo needs a ground it survives on.

Google's 2025 update to Material 3: springier motion, emphasized typography, updated dynamic colour themes, and responsive components that stretch to hug the display.

Google's personalization layer where the system derives an app's entire color scheme from the user's wallpaper, so every app shifts together.

Fluent's opaque app background material, subtly tinted with the user's desktop wallpaper colour and going neutral when the window loses focus.

The colour an organisation owns in a customer's memory, carried into a product as the seed for its palette rather than used directly on every surface.

Nudging an outside colour's hue toward the current scheme so a fixed brand or status colour sits inside a generated palette without looking imported.

A named job in the interface, such as surface or outline or on-primary, that components style themselves against instead of reaching for a palette value.

The declaration that a page or element supports light or dark rendering, which also tells the browser which palette to use for scrollbars and form controls.

A complete named set of colour values a product can swap in whole, so light, dark, high contrast and per-tenant branding are the same mechanism.

A named colour decision stored once and referenced everywhere, so retheming is a change to the value rather than an edit at every place it is used.

A muted companion to an accent, light enough to fill a chip or a card behind ordinary text, so an accent can shade a region without shouting.

A second palette built on dark surfaces with light foregrounds, derived from the light one by rebalancing lightness and saturation rather than by inverting it.

The older dark theme technique of laying white over a surface at an opacity that rises with elevation, because shadows are nearly invisible on dark backgrounds.

The moment a page paints in the wrong theme before the stored preference is applied, showing a light flash to a reader who chose dark.

An operating system mode that replaces a page's palette with a small user-chosen set of system colours, overriding almost everything an author specified.

Material's colour space of hue, chroma and tone, which borrows hue and chroma from CAM16 and lightness from CIELAB so tone alone predicts contrast.

The convention that hover, active and selected are the next steps along the same scale rather than separate colours, so states are derived from one ramp.

A surface and text pair deliberately flipped against the current theme, so a snackbar or tooltip reads as a foreign object that arrived from outside the page.

A CSS function that takes two colours and returns the one matching the page's current colour scheme, collapsing a theme's light and dark values into one declaration.

A colour defined by what it sits on, such as on-primary or on-surface, so every fill ships with the foreground guaranteed to be readable against it.

The role that draws boundaries, split into a stronger value for edges that must be seen and a weaker one for dividers that only need to hint at structure.

A raw palette value named for what it is, like blue-500, sitting under the semantic layer that names colours for what they do.

The thumb and track colours of a scrollbar, which a page can set explicitly or leave to the declared colour scheme so the browser draws its own dark variant.

The single input colour an algorithm expands into a whole scheme, so a palette becomes something derived from one decision rather than picked swatch by swatch.

The highlight painted behind text a reader has selected, which a page can restyle and thereby break the contrast the operating system had guaranteed.

A colour named for the job it does rather than the colour it is, so that "danger" or "surface" can be repointed without renaming anything that uses it.

A translucent sheet of the content colour laid over a control at a fixed opacity per state, so hover, focus and pressed are one rule instead of three palettes.

A colour deliberately excluded from theming because it sits on something that never changes, such as a label over a photo or a fixed brand mark.

The small fixed set of colours a product reserves for outcome, typically success, warning, danger and info, so meaning is consistent wherever it appears.

The colour of a plane that content sits on, defined as a set of stacked levels so a card on a page and a sheet on a card are told apart by value.

A wash of the primary colour blended into a surface in proportion to its elevation, so height reads as a colour shift rather than only as a shadow.

A CSS keyword such as Canvas, CanvasText or LinkText that resolves to a colour chosen by the operating system rather than by the page.

A dark palette whose background is pure black rather than near black, which switches OLED pixels off entirely but makes elements look like they float in a void.

A user preference for more contrast than a theme's default, honoured by strengthening borders, text, and state colours rather than by shifting hues.

A whole-screen colour inversion applied by the OS, which flips a design nobody tested upside down and turns every shadow into a highlight.

A user preference asking for opaque surfaces instead of blur and translucency, honoured by swapping frosted layers for solid fills.