--- layout: docs title: "Themes | worker-cookie" nav_order: 4 permalink: /themes ---

## Themes

Each theme sets the visual style of the banner. Set `theme` in your `[banner.<locale>]` config.

### hacker

Monospace, neon green on dark — retro terminal aesthetic

theme = "hacker"
> NOTICE
We use cookies to improve your experience. Essential cookies are always enabled.

### minimal

Serif title, clean white background, dark top border

theme = "minimal"
Cookie Notice
We use cookies to improve your experience. Essential cookies are always enabled.

### dark-elegant

Deep navy with red accent bar — sophisticated dark UI

theme = "dark-elegant"
Cookie Preferences
We use cookies to improve your experience. Essential cookies are always enabled.

### sky

Light blue tones with strong blue border — friendly and open

theme = "sky"
Cookie Notice
We use cookies to improve your experience. Essential cookies are always enabled.

### sage

Soft green palette — calm and natural

theme = "sage"
Cookie Notice
We use cookies to improve your experience. Essential cookies are always enabled.

### fire

Bold red with white text — high contrast and attention-grabbing

theme = "fire"
Cookie Notice
We use cookies to improve your experience. Essential cookies are always enabled.

### earth

Warm brown with gold text — earthy and grounded

theme = "earth"
Cookie Notice
We use cookies to improve your experience. Essential cookies are always enabled.

## Positions

The `style` field controls where the banner appears on screen. Set `style` in your `[banner.<locale>]` config.

### Centre modal

`style = "centre"`
> NOTICE
We use cookies.

### Bottom bar

`style = "bottom"`
> We use cookies.

### Top bar

`style = "top"`
> We use cookies.

### Box — bottom right

`style = "box-bottom-right"`
> We use cookies.

### Box — bottom left

`style = "box-bottom-left"`
> We use cookies.

Overlay opacity The `overlay_opacity` field (0–100) sets how dark the background overlay appears. It only has a visible effect with `style = "centre"` — all other styles suppress the overlay. Set it to `0` for non-centre styles.

Settings button After the visitor makes a choice, a cookie settings button appears fixed in the bottom-right corner. Clicking it re-opens the banner so they can change their mind.