# 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.

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](https://rogenie.ai/docs/themes-and-mascots).

## 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](https://rogenie.ai/docs/themes-catalog#showcase-themes): [Sunlit Marble](https://rogenie.ai/docs/themes-catalog#sunlit-marble), [Prismatic Daydream](https://rogenie.ai/docs/themes-catalog#prismatic-daydream) and [Blueprint Day](https://rogenie.ai/docs/themes-catalog#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](https://rogenie.ai/docs/themes-catalog#showcase-themes): [Midnight](https://rogenie.ai/docs/themes-catalog#midnight) and [Dark Matter](https://rogenie.ai/docs/themes-catalog#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](https://rogenie.ai/docs/themes-catalog#showcase-themes): [Tron Grid](https://rogenie.ai/docs/themes-catalog#tron-grid), [Neon Magenta](https://rogenie.ai/docs/themes-catalog#neon-magenta), [Matrix](https://rogenie.ai/docs/themes-catalog#matrix), [Cyberpunk](https://rogenie.ai/docs/themes-catalog#cyberpunk), [Synthwave 84](https://rogenie.ai/docs/themes-catalog#synthwave-84) and [Laser Grid](https://rogenie.ai/docs/themes-catalog#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](https://rogenie.ai/docs/themes-catalog#showcase-themes): [Aurora Borealis](https://rogenie.ai/docs/themes-catalog#aurora-borealis), [Volcanic](https://rogenie.ai/docs/themes-catalog#volcanic) and [Nebula](https://rogenie.ai/docs/themes-catalog#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](https://rogenie.ai/docs/themes-catalog#showcase-themes): [Dracula](https://rogenie.ai/docs/themes-catalog#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](https://rogenie.ai/docs/themes-catalog#showcase-themes): [Midnight Purple](https://rogenie.ai/docs/themes-catalog#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