palette-core CSS Theme Showcase

Base Colors

bg
bg-dark
bg-hi
fg
fg-dark
border
border-hi

Semantic Colors

success
warning
error
info
hint

Surface Colors

menu
sidebar
statusline
float
popup
overlay
hi
sel
focus
search

Typography

comment
gutter
line-num
sel
link
title

Syntax Highlighting

/// A documented struct covering all token types.
#[derive(Debug, Clone)]
pub struct Config {
    name: String,
    count: usize,
    enabled: bool,
}

// Regular comment
const MAX_RETRIES: u32 = 42;

impl Config {
    fn new(name: &str, count: usize) -> Self {
        Self {
            name: name.to_string(),
            count,
            enabled: true,
        }
    }
}

use std::collections::HashMap;

fn process(input: &str) -> Option<String> {
    let re = regex!(r"(\w+)-(\d+)");
    let msg = format!("hello {}", input);
    let ch = 'x';
    let _ = (re, ch);
    if input.is_empty() {
        return None;
    }
    'outer: loop {
        break 'outer;
    }
    Some(msg)
}

/// Documentation comment for the trait
#[allow(unused)]
trait Render {
    fn draw(&self) -> bool { false }
}

HTML Tags

<div class="container">
  <a href="#link">click</a>
</div>

Editor

Cursor & Selection

cursor
cursor-text
paren
sel-bg
sel-fg

Search

search-bg
search-fg

Hints

hint-bg
hint-fg

Diagnostics

error
warn
info
hint

Diagnostic Underlines

ul-error
ul-warn
ul-info
ul-hint

Diff

fn main() {
- let x = 1;
+ let x = 42;
~ let y = x + 1;
}
added
add-bg
add-fg
mod
mod-bg
mod-fg
removed
rm-bg
rm-fg
text-bg
ignored

ANSI Terminal

black
red
green
yellow
blue
magenta
cyan
white
br-black
br-red
br-green
br-yellow
br-blue
br-magenta
br-cyan
br-white

Keyboard Shortcuts

Previous / Next theme
WToggle WCAG AA
?Toggle this help