# DRIFT — Background

Replaces DRIFT's solid background with an image or video across the entire store. This is a **DRIFT Studio** feature.

## How to access

**Theme settings → DRIFT — Background**

## Settings

### Enable image/video background

Master switch. When off, DRIFT uses solid backgrounds (light: `#FAFAFA`, dark: `#0A0A0A`).

### Background image

Used for both light and dark modes. If a dark mode image is also uploaded, this becomes the light mode image.

### Dark mode image (optional)

Overrides the background image when the site is in dark mode. Leave empty to use one image for both modes.

### Video URL

Direct URL to an MP4 file. Upload your video to **Settings → Files** in the Shopify admin and paste the public URL here. The video autoplays muted and loops. If both an image and a video are set, the image displays on top.

### Background blur

Range from 0 to 20 pixels. Blurs the background media so site content stays the focus.

### Invert media in dark mode

Inverts the colors of the background image or video when the site is in dark mode. Lets you use one image for both modes without uploading a separate dark version. Works best with graphics, patterns, and illustrations.

### Auto overlay

Adds a mode-aware color overlay on top of the background for better text readability. Light mode gets a light overlay, dark mode gets a dark overlay.

### Overlay opacity

Range from 0% to 100%. How strong the overlay is. Higher values hide more of the background.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.webexp.dev/drift/drift-studio/theme-settings/background.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.