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

# Appearance

> Customize the look and feel of the Planasonix interface.

Appearance settings control how Planasonix renders in your browser so long sessions stay comfortable and you can focus on dense graphs or logs.

## Light and dark mode

Toggle **light**, **dark**, or **system** mode. System follows your OS preference and updates when your environment changes (for example, automatic night mode).

<Tabs>
  <Tab title="Light mode">
    Prefer light backgrounds in bright offices or when sharing your screen in well-lit rooms.
  </Tab>

  <Tab title="Dark mode">
    Reduce eye strain for evening on-call work; verify color-coded statuses remain distinguishable for your vision.
  </Tab>
</Tabs>

## Sidebar visibility

Collapse or expand the **sidebar** to reclaim horizontal space on smaller laptops. The UI remembers your last choice per device when local storage is allowed.

## Theme settings

Some workspaces apply **branded themes** (accent colors, logos) from the organization template. You may still choose light/dark variants on top of brand colors. If contrast feels low, report accessibility issues to your admin—do not rely on unofficial browser extensions that inject CSS into production UIs.

<AccordionGroup>
  <Accordion title="Reduced motion">
    If animations distract you, enable reduced motion in your OS; Planasonix respects prefers-reduced-motion where supported.
  </Accordion>

  <Accordion title="Font scaling">
    Use browser zoom for temporary scaling; persistent needs may warrant OS-level text size adjustments.
  </Accordion>
</AccordionGroup>

## Related topics

<CardGroup cols={2}>
  <Card title="Notifications" icon="bell" href="/settings/notifications">
    Tune how alerts reach you regardless of theme.
  </Card>

  <Card title="Session policy" icon="clock" href="/settings/session-policy">
    Org-wide security constraints that affect all users.
  </Card>
</CardGroup>