Community Themes
Opaline ships with 34 community themes ported from popular editor and terminal color schemes.
Catppuccin (4 variants)
A soothing pastel theme. Available in Mocha, Macchiato, Frappé (all dark), and Latte (light).
let mocha = opaline::load_by_name("catppuccin-mocha").unwrap();
let macchiato = opaline::load_by_name("catppuccin-macchiato").unwrap();
let frappe = opaline::load_by_name("catppuccin-frappe").unwrap();
let latte = opaline::load_by_name("catppuccin-latte").unwrap();| Variant | Accent |
|---|---|
| Mocha | Mauve #cba6f7 |
| Macchiato | Mauve #c6a0f6 |
| Frappé | Mauve #ca9ee6 |
| Latte | Mauve #8839ef |
Rose Pine (3 variants)
All natural pine, faux fur, and a bit of soho. Three variants: Rose Pine, Moon, and Dawn.
let pine = opaline::load_by_name("rose-pine").unwrap();
let moon = opaline::load_by_name("rose-pine-moon").unwrap();
let dawn = opaline::load_by_name("rose-pine-dawn").unwrap();| Variant | Base | Accent |
|---|---|---|
| Rose Pine | #191724 | Iris #c4a7e7 |
| Moon | #232136 | Iris #c4a7e7 |
| Dawn | #faf4ed | Iris #907aa9 |
Dracula
The classic dark theme with bold, high-contrast colors.
let theme = opaline::load_by_name("dracula").unwrap();| Role | Color |
|---|---|
| Primary | Purple #bd93f9 |
| Secondary | Cyan #8be9fd |
| Background | #282a36 |
Nord
An arctic, north-bluish color palette. Clean and minimal.
let theme = opaline::load_by_name("nord").unwrap();Tokyo Night (3 variants)
Inspired by the lights of Downtown Tokyo. Three variants: Tokyo Night, Storm, and Moon.
let night = opaline::load_by_name("tokyo-night").unwrap();
let storm = opaline::load_by_name("tokyo-night-storm").unwrap();
let moon = opaline::load_by_name("tokyo-night-moon").unwrap();Storm uses deeper blue backgrounds (#24283b vs #1a1b26) for sharper contrast. Moon uses brighter accents (#c099ff).
Kanagawa (3 variants)
Inspired by Katsushika Hokusai's The Great Wave off Kanagawa. Rich, painterly colors on dark sumi ink backgrounds.
let wave = opaline::load_by_name("kanagawa-wave").unwrap();
let dragon = opaline::load_by_name("kanagawa-dragon").unwrap();
let lotus = opaline::load_by_name("kanagawa-lotus").unwrap();| Variant | Accent | Notes |
|---|---|---|
| Wave | Oni Violet #957fb8 | Classic dark |
| Dragon | Ash #8992a7 | Cooler, desaturated |
| Lotus | Violet #624c83 | Light variant |
Gruvbox (2 variants)
Retro groove colors with warm tones.
let dark = opaline::load_by_name("gruvbox-dark").unwrap();
let light = opaline::load_by_name("gruvbox-light").unwrap();One Dark / One Light
Atom's iconic editor themes.
let dark = opaline::load_by_name("one-dark").unwrap();
let light = opaline::load_by_name("one-light").unwrap();Solarized (2 variants)
Ethan Schoonover's precision color scheme optimized for readability.
let dark = opaline::load_by_name("solarized-dark").unwrap();
let light = opaline::load_by_name("solarized-light").unwrap();Everforest (2 variants)
A comfortable green forest theme.
let dark = opaline::load_by_name("everforest-dark").unwrap();
let light = opaline::load_by_name("everforest-light").unwrap();| Variant | Base | Accent |
|---|---|---|
| Dark | #2d353b | Green #a7c080 |
| Light | #fdf6e3 | Green #6b7d00 |
Monokai Pro
The famous dark theme. Hot pink keywords, green strings.
let theme = opaline::load_by_name("monokai-pro").unwrap();GitHub (2 variants)
From the Primer design system.
let dimmed = opaline::load_by_name("github-dark-dimmed").unwrap();
let light = opaline::load_by_name("github-light").unwrap();Night Owl / Light Owl
Accessible themes by Sarah Drasner.
let dark = opaline::load_by_name("night-owl").unwrap();
let light = opaline::load_by_name("light-owl").unwrap();Ayu (3 variants)
Clean, focused themes with warm accent tones.
let dark = opaline::load_by_name("ayu-dark").unwrap();
let mirage = opaline::load_by_name("ayu-mirage").unwrap();
let light = opaline::load_by_name("ayu-light").unwrap();Flexoki (2 variants)
Inky themes by Steph Ango with warm earth tones.
let dark = opaline::load_by_name("flexoki-dark").unwrap();
let light = opaline::load_by_name("flexoki-light").unwrap();Palenight
A soft, purple-toned Material Theme variant.
let theme = opaline::load_by_name("palenight").unwrap();