Appearance & dark mode on Gemini

Set Theme to Dark in Settings, then see dark settings, side menu, Gems, home typing, a chat with an image answer, Library, a Canvas document and the side menu with a chat selected.

Editable

GeminiiOS14 steps

Import this flow

Every app’s free flow imports free, no card needed.

See all appearance & dark mode flows across apps

Step 1 of 14

Scroll to Theme row

Settings 4

How you get here: Changes in place

Import this flow

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

All 14 steps

Use ← → to step through

Every step, in order

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

1
Scroll to Theme row
Settings 4
Changes in place
2
Choose Dark, scroll to end
Dark Mode 1
Changes in place
3
Scroll to top
Dark Mode 2
Changes in place
4
Close Settings
Dark Mode 3
Closes
5
Tap Customise in side menu
Dark Mode 4
Slides in from the right
6
Tap New chat and type
Dark Mode 5
Changes in place
7
Send prompt
Dark Mode 6
Slides in from the right
8
Answer arrives
Dark Mode 7
Changes in place
9
Scroll answer
Dark Mode 8
Changes in place
10
Tap Library in side menu
Dark Mode 9
Slides in from the right
11
Open document from Library
Dark Mode 10
Slides in from the right
12
Scroll document
Dark Mode 11
Changes in place
13
Tap back from document
Dark Mode 12
Goes back
14
Open side menu from chat
Dark Mode 13
Changes in place

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