Theme catalog
Every RoGenie theme by category, which ones are animated showcase themes and what their effects look like, each theme's main colours, and the genie's colours on every theme.
On this page
This page lists every theme in the app. It is built from the theme code the app itself runs, so the names, effects and colours here are exactly what Settings › Appearance shows. To pick a theme or turn the genie's theme colours off, see Themes and your genie.
At a glance
- RoGenie has 65 themes in 8 categories: Signature, Light, Dark, Neon, Nature, Color, Editor and Special.
- 16 animated showcase themes: Sunlit Marble, Prismatic Daydream, Blueprint Day, Midnight, Dark Matter, Tron Grid, Neon Magenta, Matrix, Cyberpunk, Synthwave 84, Laser Grid, Aurora Borealis, Volcanic, Nebula, Dracula and Midnight Purple. Every other theme has a still background.
- RoGenie Classic is the default theme. Neither it nor RoGenie Night is a showcase theme.
- Each theme's main colours are its background, its panels, its accent (links, highlights and focus rings) and its buttons. Colour names are approximate; the hex value is exact.
The default genie
The official genie, as drawn in the RoGenie mascot art:
| Part | Colour | Hex |
|---|---|---|
| Skin | Genie cyan | #03A3DE |
| Turban and vest | Crimson | #B51E2A |
| Trim, jewellery and the grant pose's sparkles | Gold | #E8BE23 |
| Gem on the turban | Emerald | #22D147 |
| Outline | Near-black ink | #010101 |
| Sticker rim around the genie-head logo | Off-white | #FDFDFA |
The genie wears these colours on RoGenie Classic, on RoGenie Night, on every theme listed below as "Official colours", and everywhere when Match the genie to the theme is off.
How the genie matches a theme
With Match the genie to the theme on (the default, in Settings › Appearance), the built-in genie takes on the theme's colours wherever its own would clash. The genie's head beside the RoGenie logo and on RoGenie's messages changes with it. A custom mascot always keeps its own colours.
- The art is never redrawn: only its colours change.
- The skin always stays genie cyan.
- The turban and vest take the theme's main colour, or its deeper shade, its red or its gold: the first one that clearly differs from the cyan skin. They stay dark enough to read against the outline.
- The trim stays gold unless gold would not stand out against the new turban and vest. Then it takes the theme's red or pink, or silver.
- The gem stays emerald unless the turban is green too. Then it turns gold, cyan or silver.
- A theme keeps the official genie when its main colour is grey, black or white, when none of its colours stands apart from the cyan skin, or when the colour the genie would wear is a red close to its own crimson. RoGenie Classic and RoGenie Night always keep it.
These themes keep the official genie: RoGenie Classic, RoGenie Night, Blueprint Day, Paper, Cloud, Studio Light, Midnight, Charcoal, Dark Matter, Abyss, Shadow, Onyx, Pitch Black, Electric Blue, Ocean Deep, Volcanic, Coral Reef, Sapphire, Ruby, Steel, Ice, Solarized Dark, Nord, One Dark Pro, Material Dark, Palenight, Crimson Tide and Roblox Studio.
Showcase themes
A showcase theme animates its background, drawn in the theme's own colours. In the theme gallery the showcase themes come first, under Showcase, each with a Live badge; hover or focus a card to preview its effect. With Glow effects off, or when your device asks for reduced motion, the animation stops on a still frame.
Sunlit Marble
- Category: Light
- Style: Light theme, animated (a showcase theme)
- Animated effect: Warm sunbeams fan in from the top left and slowly brighten and dim, with specks of dust drifting up through the light.
- Main colours: background off-white
#FFFBEB, panels white#FFFFFF, accent orange#E67E22, buttons orange#E67E22 - Genie on this theme: Turban and vest deep orange
#C2410C; skin, trim and gem stay official
Prismatic Daydream
- Category: Light
- Style: Light theme, animated (a showcase theme)
- Animated effect: Iridescent rainbow light leaks over the page, with drifting glass shards that have rainbow edges, and glints of light.
- Main colours: background white
#FFFFFF, panels white#FFFFFF, accent violet#8B5CF6, buttons violet#8B5CF6 - Genie on this theme: Turban and vest violet
#8B5CF6; skin, trim and gem stay official
Blueprint Day
- Category: Light
- Style: Light theme, animated (a showcase theme)
- Animated effect: Blueprint drafting paper drifts slowly across the whole screen, every fourth grid line bold, while a dashed compass arc turns around its crosshair.
- Main colours: background off-white
#F8FAFC, panels white#FFFFFF, accent deep blue#2563EB, buttons deep blue#2563EB - Genie on this theme: Official colours
Midnight
- Category: Dark
- Style: Dark theme, animated (a showcase theme)
- Animated effect: A night sky turning slowly around a point just off the top right corner, each star drifting along its own arc. Stars twinkle at four depths, a crescent moon hangs in the genie's corner, and shooting stars cross every few seconds.
- Main colours: background near-black
#06060F, panels very dark indigo#0A0A22, accent indigo#6366F1, buttons violet#A78BFA - Genie on this theme: Official colours
Dark Matter
- Category: Dark
- Style: Dark theme, animated (a showcase theme)
- Animated effect: A vortex fills the screen: particles orbit the middle, the inner ones faster, and spiral slowly inward until they are swallowed and reappear at the rim, each leaving a short trail.
- Main colours: background black
#020408, panels near-black#060C18, accent cyan#22D3EE, buttons light cyan#67E8F9 - Genie on this theme: Official colours
Tron Grid
- Category: Neon
- Style: Dark theme, animated (a showcase theme)
- Animated effect: A floor of glowing grid tiles glides toward you under a sky that fades to night above the horizon, with a glow breathing on the horizon, a slow scanline and a dark vignette.
- Main colours: background near-black
#000808, panels near-black#000C0C, accent bright cyan#00FFEE, buttons bright cyan#00FFEE - Genie on this theme: Turban and vest orange
#FF6600; skin, trim and gem stay official
Neon Magenta
- Category: Neon
- Style: Dark theme, animated (a showcase theme)
- Animated effect: Ribbons of neon silk flow slowly across the lower part of the screen while soft bokeh lights rise through a magenta haze. Calm moving light, with no pulses or rings.
- Main colours: background very dark purple
#080008, panels very dark purple#0F000D, accent pink#FF2D95, buttons pink#FF6EC7 - Genie on this theme: Turban and vest pink
#FF2D95; skin, trim and gem stay official
Matrix
- Category: Neon
- Style: Dark theme, animated (a showcase theme)
- Animated effect: Digital rain: columns of glyphs fall smoothly down the screen, each column's head leaving a trail that fades out.
- Main colours: background black
#000400, panels very dark green#000800, accent neon green#00FF41, buttons neon green#00FF41 - Genie on this theme: Turban and vest green
#00C730, gem gold#E8BE23; skin and trim stay official
Cyberpunk
- Category: Neon
- Style: Dark theme, animated (a showcase theme)
- Animated effect: A night city: three layers of skyline drift past at their own depth, windows and neon signs burn and stutter, rain slants down, and once in a while the picture glitches for a split second.
- Main colours: background very dark purple
#08020E, panels very dark violet#0E0420, accent neon yellow#FCEE09, buttons neon yellow#FCEE09 - Genie on this theme: Turban and vest neon yellow
#E3D600, trim red#FF003C; skin and gem stay official
Synthwave 84
- Category: Neon
- Style: Dark theme, animated (a showcase theme)
- Animated effect: A striped retro sun sets behind the genie over neon-lit mountain ranges, with stars above and a glowing grid floor running toward the sun.
- Main colours: background very dark purple
#140A20, panels very dark violet#1C0E30, accent pink#FF71CE, buttons bright gold#FEDE5D - Genie on this theme: Turban and vest pink
#FF71CE; skin, trim and gem stay official
Laser Grid
- Category: Neon
- Style: Dark theme, animated (a showcase theme)
- Animated effect: A corridor of laser light: glowing grids on the floor and the ceiling glide toward you, with a hot core of light breathing where they meet.
- Main colours: background black
#060002, panels very dark pink#0A0004, accent red#FF0066, buttons orange#FF6600 - Genie on this theme: Turban and vest red
#FF0066; skin, trim and gem stay official
Aurora Borealis
- Category: Nature
- Style: Dark theme, animated (a showcase theme)
- Animated effect: The northern lights: shimmering curtains of light over a starry sky and dark mountain ranges.
- Main colours: background near-black
#010C0C, panels very dark teal#021A18, accent green#34D399, buttons light cyan#67E8F9 - Genie on this theme: Turban and vest green
#0CC289, gem gold#E8BE23; skin and trim stay official
Volcanic
- Category: Nature
- Style: Dark theme, animated (a showcase theme)
- Animated effect: Lava glows and breathes along the bottom, magma flows through cracks, embers rise and cool, and dark smoke drifts up.
- Main colours: background very dark red
#0A0000, panels very dark red#140202, accent red#EF4444, buttons bright gold#FBBF24 - Genie on this theme: Official colours
Nebula
- Category: Nature
- Style: Dark theme, animated (a showcase theme)
- Animated effect: Clouds of glowing gas swirl slowly, with dark dust lanes drifting through them, stars at two depths, bright stars with spikes, and now and then a new star flaring inside the clouds.
- Main colours: background very dark purple
#0A0014, panels very dark violet#140428, accent magenta#E879F9, buttons purple#C084FC - Genie on this theme: Turban and vest magenta
#DF70F0; skin, trim and gem stay official
Dracula
- Category: Editor
- Style: Dark theme, animated (a showcase theme)
- Animated effect: A full moon with a breathing halo, clouds drifting across it, the odd bat crossing the sky, and mist rolling along the ground.
- Main colours: background near-black
#21222C, panels dark greyish indigo#282A36, accent purple#BD93F9, buttons bright yellow#F1FA8C - Genie on this theme: Turban and vest purple
#B68CF1; skin, trim and gem stay official
Midnight Purple
- Category: Special
- Style: Dark theme, animated (a showcase theme)
- Animated effect: Stardust streams across the whole screen on long looping paths. Each mote trails a short bright streak, and every path stays as a faint line for about half a minute before thinning away, so a web of paths keeps building and renewing itself.
- Main colours: background very dark purple
#04000C, panels very dark purple#0A0016, accent deep purple#9333EA, buttons purple#A855F7 - Genie on this theme: Turban and vest deep purple
#9333EA; skin, trim and gem stay official
Signature themes
RoGenie Classic
- The default theme
- Category: Signature
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark blue
#0F172A, panels very dark blue#152036, accent sky blue#00B0FF, buttons bright gold#FFCC00 - Genie on this theme: Official colours
RoGenie Night
- Category: Signature
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark indigo
#0E0731, panels very dark indigo#151041, accent genie cyan#03A3DE, buttons gold#E8BE23 - Genie on this theme: Official colours
Light themes
Also in this category, under Showcase themes: Sunlit Marble, Prismatic Daydream and Blueprint Day.
Paper
- Category: Light
- Style: Light theme, still background (not a showcase theme)
- Main colours: background off-white
#FBFBFB, panels white#FFFFFF, accent dark grey#78716C, buttons dark grey#78716C - Genie on this theme: Official colours
Cloud
- Category: Light
- Style: Light theme, still background (not a showcase theme)
- Main colours: background off-white
#F0F9FF, panels white#FFFFFF, accent cyan#06B6D4, buttons cyan#06B6D4 - Genie on this theme: Official colours
Studio Light
- Category: Light
- Style: Light theme, still background (not a showcase theme)
- Main colours: background off-white
#FFF1F2, panels white#FFFFFF, accent red#F43F5E, buttons red#F43F5E - Genie on this theme: Official colours
Graph Paper
- Category: Light
- Style: Light theme, still background (not a showcase theme)
- Background: Still graph paper: a faint green grid of small squares with darker slate-grey rules every fifth square, over off-white, clearing to plain off-white in the middle behind the conversation.
- Main colours: background off-white
#F8FAFC, panels white#FFFFFF, accent green#10B981, buttons green#10B981 - Genie on this theme: Turban and vest green
#10B981, gem gold#E8BE23; skin and trim stay official
Dark themes
Also in this category, under Showcase themes: Midnight and Dark Matter.
Obsidian
- Category: Dark
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background black
#050507, panels near-black#0A0A0D, accent violet#8B5CF6, buttons purple#C084FC - Genie on this theme: Turban and vest violet
#8B5CF6; skin, trim and gem stay official
Charcoal
- Category: Dark
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#0E0E0E, panels near-black#141414, accent greyish blue#94A3B8, buttons light grey#E2E8F0 - Genie on this theme: Official colours
Abyss
- Category: Dark
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background black
#000508, panels near-black#000810, accent sky blue#0EA5E9, buttons sky blue#38BDF8 - Genie on this theme: Official colours
Void
- Category: Dark
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background black
#000000, panels black#030304, accent violet#A78BFA, buttons light violet#C4B5FD - Genie on this theme: Turban and vest deep violet
#6D28D9; skin, trim and gem stay official
Eclipse
- Category: Dark
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#080604, panels near-black#100C06, accent orange#D97706, buttons bright gold#FBBF24 - Genie on this theme: Turban and vest orange
#D97706; skin, trim and gem stay official
Shadow
- Category: Dark
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#080808, panels near-black#0E0E0E, accent greyish sky blue#78858F, buttons greyish blue#A0AEC0 - Genie on this theme: Official colours
Onyx
- Category: Dark
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background black
#020606, panels near-black#04100C, accent teal#14B8A6, buttons bright cyan#5EEAD4 - Genie on this theme: Official colours
Pitch Black
- Category: Dark
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background black
#000000, panels black#040404, accent white#FFFFFF, buttons white#FFFFFF - Genie on this theme: Official colours
Neon themes
Also in this category, under Showcase themes: Tron Grid, Neon Magenta, Matrix, Cyberpunk, Synthwave 84 and Laser Grid.
Retrowave
- Category: Neon
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark purple
#1A0820, panels very dark purple#280A30, accent orange#FF6B35, buttons pale gold#FCE38A - Genie on this theme: Turban and vest orange
#FF6B35; skin, trim and gem stay official
Vaporwave
- Category: Neon
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark purple
#0C0318, panels very dark purple#140420, accent purple#B967FF, buttons pink#FF71CE - Genie on this theme: Turban and vest purple
#B967FF; skin, trim and gem stay official
Electric Blue
- Category: Neon
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background black
#000610, panels very dark blue#000A18, accent bright cyan#00D4FF, buttons bright cyan#00D4FF - Genie on this theme: Official colours
Digital Rain
- Category: Neon
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background black
#000300, panels black#040600, accent neon lime#7FFF00, buttons neon lime#AAFF44 - Genie on this theme: Turban and vest neon lime
#79F400, gem gold#E8BE23; skin and trim stay official
Aurora Neon
- Category: Neon
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#020808, panels near-black#031010, accent neon green#00FF88, buttons bright cyan#00FFDD - Genie on this theme: Turban and vest green
#00C467, gem gold#E8BE23; skin and trim stay official
Nature themes
Also in this category, under Showcase themes: Aurora Borealis, Volcanic and Nebula.
Deep Forest
- Category: Nature
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#040E06, panels very dark green#081808, accent green#22C55E, buttons neon lime#A3E635 - Genie on this theme: Turban and vest green
#20C45D, gem gold#E8BE23; skin and trim stay official
Ocean Deep
- Category: Nature
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark teal
#021418, panels very dark teal#041C22, accent cyan#06B6D4, buttons cyan#22D3EE - Genie on this theme: Official colours
Sunset
- Category: Nature
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background black
#0C0400, panels very dark brown#1A0A02, accent orange#F97316, buttons orange#FB923C - Genie on this theme: Turban and vest orange
#F97316; skin, trim and gem stay official
Desert Night
- Category: Nature
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#0C0804, panels very dark brown#180E06, accent amber#C2860A, buttons bright gold#E8B84D - Genie on this theme: Turban and vest deep amber
#8A5F08; skin, trim and gem stay official
Starlight
- Category: Nature
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark violet
#06001A, panels very dark violet#0C0024, accent purple#C084FC, buttons pale purple#E9D5FF - Genie on this theme: Turban and vest purple
#BF83FB; skin, trim and gem stay official
Coral Reef
- Category: Nature
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#060810, panels near-black#0C1018, accent red#FB7185, buttons light red#FDA4AF - Genie on this theme: Official colours
Night Garden
- Category: Nature
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#040800, panels very dark lime#0A1200, accent neon lime#A3E635, buttons bright lime#BEF264 - Genie on this theme: Turban and vest neon lime
#A3E635, trim pink#F472B6, gem genie cyan#03A3DE; skin stays official
Color themes
Royal Purple
- Category: Color
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark purple
#080014, panels very dark violet#100028, accent purple#A855F7, buttons purple#C084FC - Genie on this theme: Turban and vest purple
#A855F7; skin, trim and gem stay official
Rose Gold
- Category: Color
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#0C0408, panels very dark pink#180A10, accent pink#F472B6, buttons light red#FDA4AF - Genie on this theme: Turban and vest pink
#F472B6; skin, trim and gem stay official
Emerald
- Category: Color
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#010C08, panels very dark teal#021410, accent green#10B981, buttons green#34D399 - Genie on this theme: Turban and vest green
#10B981, gem gold#E8BE23; skin and trim stay official
Sapphire
- Category: Color
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark blue
#000818, panels very dark blue#000C28, accent blue#3B82F6, buttons blue#60A5FA - Genie on this theme: Official colours
Ruby
- Category: Color
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark pink
#0A0004, panels very dark pink#140008, accent red#E11D48, buttons red#FB7185 - Genie on this theme: Official colours
Amber
- Category: Color
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#0A0600, panels very dark amber#160C00, accent amber#F59E0B, buttons bright gold#FBBF24 - Genie on this theme: Turban and vest deep orange
#B45309; skin, trim and gem stay official
Copper
- Category: Color
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background black
#080402, panels near-black#120804, accent orange#B87333, buttons orange#D4956B - Genie on this theme: Turban and vest orange
#B87333; skin, trim and gem stay official
Steel
- Category: Color
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#08090C, panels near-black#0E1218, accent deep greyish blue#64748B, buttons greyish blue#94A3B8 - Genie on this theme: Official colours
Ice
- Category: Color
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#040A14, panels very dark blue#081420, accent light sky blue#7DD3FC, buttons pale sky blue#BAE6FD - Genie on this theme: Official colours
Lavender
- Category: Color
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark indigo
#08061A, panels very dark violet#141028, accent violet#B4A0F5, buttons light violet#D4C5FF - Genie on this theme: Turban and vest violet
#8266C5; skin, trim and gem stay official
Editor themes
Also in this category, under Showcase themes: Dracula.
Monokai Pro
- Category: Editor
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#1E1F1C, panels near-black#272822, accent neon lime#A6E22E, buttons bright yellow#E6DB74 - Genie on this theme: Turban and vest neon lime
#A6E22E, trim pink#F92672, gem genie cyan#03A3DE; skin stays official
Solarized Dark
- Category: Editor
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark teal
#001E26, panels dark greyish teal#002B36, accent sky blue#268BD2, buttons gold#B58900 - Genie on this theme: Official colours
Nord
- Category: Editor
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#242932, panels dark greyish blue#2E3440, accent cyan#88C0D0, buttons light gold#EBCB8B - Genie on this theme: Official colours
Gruvbox Dark
- Category: Editor
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#181818, panels near-black#1D2021, accent orange#FE8019, buttons bright amber#FABD2F - Genie on this theme: Turban and vest orange
#D55C0D; skin, trim and gem stay official
Tokyo Night
- Category: Editor
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#16161E, panels very dark indigo#1A1B26, accent blue#7AA2F7, buttons amber#E0AF68 - Genie on this theme: Turban and vest red
#F7768E; skin, trim and gem stay official
Catppuccin Mocha
- Category: Editor
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark indigo
#181825, panels very dark indigo#1E1E2E, accent blue#89B4FA, buttons pale gold#F9E2AF - Genie on this theme: Turban and vest pink
#F38BA8; skin, trim and gem stay official
One Dark Pro
- Category: Editor
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#1E2127, panels near-black#282C34, accent sky blue#61AFEF, buttons light amber#E5C07B - Genie on this theme: Official colours
Material Dark
- Category: Editor
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#1A1A1A, panels near-black#212121, accent blue#82AAFF, buttons bright amber#FFCB6B - Genie on this theme: Official colours
Palenight
- Category: Editor
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background dark greyish indigo
#23273A, panels dark greyish indigo#292D3E, accent blue#82AAFF, buttons purple#C792EA - Genie on this theme: Official colours
Special themes
Also in this category, under Showcase themes: Midnight Purple.
Crimson Tide
- Category: Special
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background very dark pink
#080002, panels very dark pink#100004, accent deep red#DC143C, buttons red#FF6B81 - Genie on this theme: Official colours
Roblox Studio
- Category: Special
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#141414, panels near-black#1C1C1C, accent sky blue#00A2FF, buttons bright gold#F5C842 - Genie on this theme: Official colours
Hacker
- Category: Special
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background black
#000000, panels black#030503, accent neon green#00FF00, buttons neon green#00FF00 - Genie on this theme: Turban and vest neon green
#00FD00, gem gold#E8BE23; skin and trim stay official
Warm Night
- Category: Special
- Style: Dark theme, still background (not a showcase theme)
- Main colours: background near-black
#0A0604, panels near-black#120A06, accent orange#FB923C, buttons light orange#FDBA74 - Genie on this theme: Turban and vest deep orange
#C2410C; skin, trim and gem stay official