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

# Switch Between Light, Dark, and System Mode in Bloc

> Bloc supports light mode, dark mode, and a system-matched theme. Change your appearance preference from the Settings page at any time.

Bloc lets you choose how the app looks so you can work comfortably in any environment. Whether you prefer a bright white interface, an eye-friendly dark background, or want the app to automatically match your device's current setting, you can switch your preference at any time from Settings.

## Theme Options

Bloc offers three appearance modes:

<CardGroup cols={3}>
  <Card title="Light" icon="sun">
    A clean white interface with dark text — ideal for well-lit environments or daytime use.
  </Card>

  <Card title="Dark" icon="moon">
    A dark background with light text — easier on the eyes in low-light settings.
  </Card>

  <Card title="System" icon="monitor">
    Automatically follows your operating system's light or dark mode setting, switching whenever your OS does.
  </Card>
</CardGroup>

## How to Change Your Theme

<Steps>
  <Step title="Open Settings">
    Click the **gear icon** in the sidebar (desktop) or the bottom navigation bar (mobile).
  </Step>

  <Step title="Find the Appearance card">
    Scroll to the **Appearance** section on the Settings page.
  </Step>

  <Step title="Select your preferred theme">
    Click **Light**, **Dark**, or **System** in the three-button toggle. Bloc applies the change instantly — no page reload needed.
  </Step>
</Steps>

<Tip>
  **System** is the default theme when you first use Bloc. It automatically switches between light and dark as your device's theme changes — for example, following a scheduled sunrise/sunset setting on your phone or laptop. Choose System if you want Bloc to always match your OS without any manual switching.
</Tip>