> ## Documentation Index
> Fetch the complete documentation index at: https://docs.360-search.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Themes, Dark Mode, and Cursor Styles in 360 Search

> Personalize 360 Search with 6 color themes, a dark mode toggle, and 6 unique cursor styles — all saved automatically to your preferences.

360 Search is built to feel like yours. You can swap between six hand-crafted color themes, flip on dark mode, and choose a cursor style that matches how you browse — all without touching a config file. Every choice you make is saved instantly, so your 360 always looks the way you left it.

## Color Themes

360 ships with six themes, each defined by a distinct two-color gradient that tints the interface's accent colors, buttons, and highlights. To apply a theme, open **Settings** → **360 Preferences** → **Theme** and click the swatch you want.

| Theme        | Colors              |
| ------------ | ------------------- |
| **Ocean**    | Blue → Violet       |
| **Midnight** | Dark Slate → Slate  |
| **Sunset**   | Orange → Pink       |
| **Mint**     | Emerald → Cyan      |
| **Neon**     | Cyan → Lime         |
| **Mono**     | Slate → Light Slate |

<Tip>
  **Ocean** is the default theme and works well in both light and dark mode. If you prefer something cooler and more subdued at night, try **Midnight** — its deep slate tones pair especially well with dark mode for late-night browsing.
</Tip>

## Dark Mode

Dark mode switches the entire 360 interface — backgrounds, cards, sidebars, and text — from light to dark in one click. To toggle it, go to **Settings** → **360 Preferences** → **Theme** and click the **Dark Mode** switch.

Dark mode and your chosen color theme work independently. You can run any of the six themes in either light or dark mode.

## Cursor Styles

360 offers six cursor styles beyond the standard browser pointer. Each style is rendered as a custom overlay element so it works consistently regardless of your operating system.

<CardGroup cols={2}>
  <Card title="Default" icon="arrow-pointer">
    The standard browser pointer. Uses your browser's built-in cursor rendering — no custom overlay applied.
  </Card>

  <Card title="Dot" icon="circle-dot">
    A minimal filled dot that follows your pointer. Clean and unobtrusive, ideal for distraction-free browsing.
  </Card>

  <Card title="Ring" icon="circle">
    A hollow ring or halo that trails around your pointer with a slight delay, giving movement a smooth, fluid feel.
  </Card>

  <Card title="Cross" icon="crosshairs">
    A precision crosshair with horizontal and vertical lines centered on your pointer. Great for reading dense content.
  </Card>

  <Card title="Blob" icon="droplet">
    A soft, rounded blob that morphs slightly as you move. Playful and tactile.
  </Card>

  <Card title="System" icon="desktop">
    Defers entirely to your operating system cursor, including any custom cursor you have set at the OS level.
  </Card>
</CardGroup>

### Cursor Color Picker

For **Dot**, **Ring**, **Cross**, and **Blob** styles, you can choose any color using the cursor color picker in **Settings** → **360 Preferences** → **Cursor Style**. Click the color swatch next to **Cursor Color**, pick your color, and the change applies immediately. Hit **Reset** to return to the default color.

<Note>
  The **Default** and **System** cursor styles use your browser or OS rendering and are not affected by the cursor color picker.
</Note>

## How to Apply Customizations

<Steps>
  <Step title="Open Settings">
    Click the gear icon **⚙** in the top bar on any 360 page, or navigate directly to [360-search.com/settings](https://360-search.com/settings).
  </Step>

  <Step title="Go to 360 Preferences">
    Select **360 Preferences** in the settings sidebar (look for the 🎨 icon).
  </Step>

  <Step title="Choose your theme, mode, and cursor">
    Click a theme swatch to apply it, toggle **Dark Mode** on or off, and select a cursor style from the grid. All changes take effect immediately.
  </Step>

  <Step title="Done — preferences are saved automatically">
    There is no save button. Every change is persisted to your account (if signed in) or to your browser's local storage (if signed out).
  </Step>
</Steps>