ContextQMD
Back to Zulip

Dark theme

starlight_help/src/content/docs/dark-theme.mdx

12.01.3 KB
Original Source

import {TabItem, Tabs} from "@astrojs/starlight/components";

import FlattenedSteps from "../../components/FlattenedSteps.astro"; import MobileSettings from "../include/_MobileSettings.mdx"; import PersonalMenu from "../include/_PersonalMenu.mdx";

Zulip provides both a light theme and a dark theme, which is great for working in a dark space.

Manage color theme

<Tabs> <TabItem label="Desktop/Web"> <FlattenedSteps> <PersonalMenu /> 
  1. Select the desired theme using the row of icons in the middle of the menu.
</FlattenedSteps>
</TabItem> <TabItem label="Mobile"> <FlattenedSteps> <MobileSettings /> 
  1. Select the desired theme.
</FlattenedSteps>
</TabItem> </Tabs>

The default is Automatic (for the desktop and web apps) or System (for the mobile apps). This setting detects which theme to use based on the color scheme used by your device's operating system.

You can also specify Light or Dark if you'd like Zulip to use the same color scheme regardless of your operating system configuration.