Skip to content

Appearance & dark mode on Claude

In settings Appearance, tap the Dark tile, close settings, open Chats from the drawer while it loads, then open a chat with the response notifications card.

Editable

ClaudeiOS4 steps

See all appearance & dark mode flows across apps

Play the flow

Claude flow, step 1: Settings 5

Step 1 of 4

Open Appearance in settings

Settings 5

How you get here: Slides in from the right

Import this flow

Open the SuperDuper UI plugin in Figma to paste these 4 screens into your file as editable layers.

All 4 steps

Every step, in order

Each screen in the order it was recorded, with how the user got there.

  1. Claude flow, step 1: Settings 5
    1

    Open Appearance in settings

    Settings 5

    Slides in from the right

  2. Claude flow, step 2: Dark Mode 1
    2

    Tap the Dark tile

    Dark Mode 1

    Changes in place

  3. Claude flow, step 3: Dark Mode 12
    3

    Close settings, tap Chats

    Dark Mode 12

    Switches tab

  4. Claude flow, step 4: Dark Mode 5
    4

    Open a chat

    Dark Mode 5

    Slides in from the right

Not affiliated with, endorsed or sponsored by Claude. Claude is a trade mark of its owner. Recreated for design reference and education. Rights holders: contact us

More flows from Claude

Sign up

12 screens

Editable
1Open the app
2App finishes launching
3Tap Continue with Google
4Complete web sign-in

Steps 1–4 of 12, in recording order

Open flow

Create

10 screens

Editable
1Go back to chat, ask
2Open drawer, tap Projects
3Tap New project, type
4Save, tap Instructions

Steps 1–4 of 10, in recording order

Open flow

Get real flows
free in Figma

All of WhatsApp, and a complete flow from every app. No card needed.