# Dark theme

GrainBits ships with both a light and a dark theme, so your site looks great whether your readers are settling in for a late-night read or scrolling through on a sunny afternoon.

#### Automatic theme detection

By default, GrainBits follows your visitor's system settings. If their device is in dark mode, your site loads in dark mode. If it's in light mode, your site loads in light mode. No setup needed on your end—it just works.

#### Manual theme switching

For visitors who want to override their system settings, GrainBits includes a theme switcher in the top navigation. A quick tap or click flips the site between light and dark, regardless of what their device is doing.

<figure><img src="/files/iYfreMZ2bP9UR0eyvLG8" alt=""><figcaption></figcaption></figure>

Once a visitor makes a choice, the browser remembers it across sessions, so they'll land on their preferred theme every time they return. To change it again, they just use the switcher, and the new preference takes over.

{% hint style="info" %}
Tints shape the look of your site in light mode. Dark mode uses its own dedicated palette, designed to feel calm and easy on the eyes no matter which tint you've chosen for the light theme.
{% endhint %}


---

# 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://thefinebits.gitbook.io/grainbits/theme-settings/dark-theme.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.