KvS Cyberpunk 2077

Author: notKvSThemes in extension: 2

Inspired by VS Code 2077 theme

GitHub

Color themes

Zed preview

macOS Zed window using this variant's theme style.

coding-thememain/zed

coding-theme

src

theme.rsM

palette.jsonU

main.rs

Cargo.tomlM

README.md

theme.rs

palette.json

src›theme.rs

FixSelections

//! Palette tokens for the Zed buffer.

use gpui::{Hsla, px};unused import: `px`

const MAX_LUM: f32 = 0.5;

#[derive(Clone, Debug)]

pub struct Palette { background: Hsla }

impl Palette {

pub fn is_dark(&self) -> bool {

self.background.l < MAX_LUM

}

}

fn main() {

let palette = Palette { background: Hsla::from(0x282c33) };

let fallback = true;

println!("{palette:#?}");

}

coding-theme

~/coding-theme on zed ❯ cargo run --release
   Compiling coding-theme v0.1.0 (/Users/zed/coding-theme)
    Finished `release` profile [optimized] target(s) in 4.82s
     Running `target/release/coding-theme`
theme: Palette { background: #120018, accent: #ff2cf1 }
❯ 

rust-analyzer12src/theme.rs

14:23LFRustUTF-8

colors

UI color keys from this variant's theme style.

key	HEX	RGB	RGBA
accent
accent.foreground
action_button.active
action_button.background
action_button.hover
background
badge.background
badge.border
badge.foreground
banner.background
banner.border
banner.error.background
banner.error.foreground
banner.foreground
banner.hover
banner.info.background
banner.info.foreground
banner.info.hover
banner.warning.background
banner.warning.foreground
border
border.disabled
border.focused
border.selected
border.transparent
border.variant
button.active
button.background
button.disabled
button.foreground
button.hover
button.outline.background
button.outline.border
button.outline.foreground
button.primary.active
button.primary.background
button.primary.foreground
button.primary.hover
button.secondary.active
button.secondary.background
button.secondary.foreground
button.secondary.hover
drop_target.background
dropdown.background
dropdown.border
dropdown.hover
dropdown.selected
editor.active_line_number
editor.active_line.background
editor.active_wrap_guide
editor.background
editor.document_highlight.bracket_background
editor.document_highlight.read_background
editor.document_highlight.write_background
editor.foreground
editor.gutter.background
editor.highlighted_line.background
editor.indent_guide
editor.indent_guide_active
editor.invisible
editor.line_number
editor.subheader.background
editor.wrap_guide
element.active
element.background
element.disabled
element.hover
element.selected
elevated_surface.background
ghost_element.active
ghost_element.background
ghost_element.disabled
ghost_element.hover
ghost_element.selected
icon
icon.accent
icon.disabled
icon.muted
icon.placeholder
input.background
input.border
input.focused_border
link_text
link_text.active
link_text.hover
link_uri
list.active
list.active_border
list.hover
list.inactive_selection
list.inactive_selection_background
menu.background
menu.border
menu.hover
menu.selected
muted.background
muted.border
muted.foreground
pane_group.border
pane.focused_border
panel.background
panel.focused_border
panel.hover
panel.indent_guide
panel.indent_guide_active
panel.indent_guide_hover
player.0.background
player.0.cursor
player.0.selection
progress_bar.background
scrollbar.thumb.background
scrollbar.thumb.border
scrollbar.thumb.hover_background
scrollbar.track.background
scrollbar.track.border
search.match_background
selection.background
selection.foreground
selection.inactive_background
split.active_border
split.border
status_bar.background
status_bar.error.background
status_bar.error.foreground
status_bar.foreground
status_bar.info.background
status_bar.info.foreground
status_bar.warning.background
status_bar.warning.foreground
success.active_background
success.background
success.border
success.foreground
success.hover_background
surface.background
tab_bar.background
tab.active_background
tab.active_foreground
tab.inactive_background
tab.inactive_foreground
terminal.ansi.black
terminal.ansi.blue
terminal.ansi.bright_black
terminal.ansi.bright_blue
terminal.ansi.bright_cyan
terminal.ansi.bright_green
terminal.ansi.bright_magenta
terminal.ansi.bright_red
terminal.ansi.bright_white
terminal.ansi.bright_yellow
terminal.ansi.cyan
terminal.ansi.dim_black
terminal.ansi.dim_blue
terminal.ansi.dim_cyan
terminal.ansi.dim_green
terminal.ansi.dim_magenta
terminal.ansi.dim_red
terminal.ansi.dim_white
terminal.ansi.dim_yellow
terminal.ansi.green
terminal.ansi.magenta
terminal.ansi.red
terminal.ansi.white
terminal.ansi.yellow
terminal.background
terminal.bright_foreground
terminal.foreground
text
text.accent
text.disabled
text.muted
text.placeholder
title_bar.background
title_bar.inactive_background
toolbar.background
toolbar.button.active
toolbar.button.hover
tooltip.background
tooltip.border
tooltip.foreground
tree.active
tree.hover
warning.background
warning.border
warning.foreground
warning.hover_background

syntax

Syntax capture colors from the theme style. Italic and bold are not listed — the preview above shows them in the code.

capture	HEX	RGB	RGBA
attribute
boolean
comment
comment.doc
constant
constructor
function
keyword
label
number
operator
parameter
punctuation
string
string.escape
string.regex
tag
title
type
variable

settings.json

Search for "KvS Cyberpunk 2077" in the Zed extensions store, then paste the settings below.

{
  "theme": {
    "mode": "dark",
    "light": "KvS Cyberpunk 2077: Neon Blue",
    "dark": "KvS Cyberpunk 2077: Neon Blue"
  }
}

Theme file