Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.activeBorder#D55B0A00
  • activityBar.background#280000
  • activityBar.border#D55B0A
  • activityBar.foreground#72F54B
  • activityBar.inactiveForeground#D55B0A
  • activityBarBadge.background
  • activityBarBadge.foreground#280000
  • badge.background
  • badge.foreground#280000
  • button.background#D55B0A
  • button.foreground#280000
  • checkbox.background#D55B0A
  • checkbox.foreground#280000
  • disabledForeground#BA8C00
  • dropdown.background#8D461B
  • dropdown.foreground#F5C242
  • editor.background#250000
  • editor.foreground#F5C242
  • editor.lineHighlightBackground#411307
  • editor.selectionBackground#1E6408A5
  • editor.selectionHighlightBorder#5EFF2E
  • editorCursor.background#72F54B
  • editorCursor.foreground#72F54B
  • editorError.background#E32D21A5
  • editorGroupHeader.tabsBackground#280000
  • editorGroupHeader.tabsBorder#D55B0A
  • editorLineNumber.activeForeground#FC8C2F
  • editorLineNumber.foreground#6F2C0E
  • editorWidget.background#220000
  • editorWidget.border#D55B0A
  • editorWidget.foreground#F5C242
  • focusBorder#D55B0A
  • foreground#F5C242
  • icon.foreground#D55B0A
  • inlineChat.background#280000
  • inlineChat.border#D55B0A
  • input.background#2F0F0E
  • input.border#542919
  • input.placeholderForeground#BA8C00
  • list.activeSelectionBackground#411307A5
  • list.activeSelectionForeground#F5C242
  • list.dropBackground#8D461BA5
  • list.focusBackground#411307A5
  • list.hoverBackground#411307A5
  • list.inactiveSelectionBackground#411307
  • listFilterWidget.background#8D461B
  • panel.border#D55B0A
  • panel.dropBorder#D55B0A
  • panelSection.dropBackground#8D461B
  • panelTitle.activeBorder#72F54B
  • panelTitle.activeForeground#72F54B
  • panelTitle.inactiveForeground#D55B0A
  • progressBar.background#19921C
  • scrollbar.shadow#D55B0A00
  • scrollbarSlider.activeBackground#D55B0AA5
  • scrollbarSlider.background#D55B0A00
  • scrollbarSlider.hoverBackground#D55B0AA5
  • sideBar.background#280000
  • sideBar.border#D55B0A
  • sideBar.foreground#BA8C00
  • sideBarSectionHeader.background#280000
  • sideBarSectionHeader.border#D55B0A
  • sideBarSectionHeader.foreground#CC6D2A
  • sideBarTitle.foreground#D85824
  • statusBar.background#280000
  • statusBar.border#D55B0A
  • statusBar.debuggingBackground#D55B0A
  • statusBar.debuggingForeground#280000
  • statusBar.foreground#D55B0A
  • statusBar.noFolderBackground#280000
  • statusBarItem.prominentBackground#282e34
  • statusBarItem.remoteBackground#D55B0A
  • statusBarItem.remoteForeground#72F54B
  • tab.activeBackground#280000
  • tab.activeBorder#5EFF2E
  • tab.activeForeground#5EFF2E
  • tab.border#D55B0AA5
  • tab.hoverBackground#280000
  • tab.inactiveBackground#280000
  • tab.inactiveForeground#D55B0A
  • tab.unfocusedActiveBorder#44972A
  • tab.unfocusedActiveBorderTop#44972A00
  • terminal.background#280000
  • terminal.foreground#F5C242
  • terminal.tab.activeBorder#DA6606
  • terminalCursor.background#586069
  • terminalCursor.foreground#F5C242
  • textLink.activeForeground#FA5F20
  • textLink.foreground#FF4A00
  • titleBar.activeBackground#280000
  • titleBar.activeForeground#FC8C2F
  • titleBar.border#D55B0A
  • titleBar.inactiveBackground#280000
  • titleBar.inactiveForeground#D85824
  • tree.indentGuidesStroke#D55B0A
  • widget.border#D55B0A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, string.comment#29AA00—
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language#F5C242—
entity, entity.name#29AA00—
variable.parameter.function#e1e4e8—
entity.name.tag#85e89d—
keyword#FF720B—
storage, storage.type#f97583—
storage.modifier.package, storage.modifier.import, storage.type.java#e1e4e8—
string, punctuation.definition.string, string punctuation.section.embedded source#9ecbff—
support#79b8ff—
meta.property-name#79b8ff—
variable#ffab70—
variable.other#e1e4e8—
invalid.broken#fdaeb7italic
invalid.deprecated#fdaeb7italic
invalid.illegal#fdaeb7italic
invalid.unimplemented#fdaeb7italic
carriage-return#24292eitalic underline
message.error#fdaeb7—
string variable#79b8ff—
source.regexp, string.regexp#dbedff—
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#dbedff—
string.regexp constant.character.escape#85e89dbold
support.constant#79b8ff—
support.variable#79b8ff—
meta.module-reference#79b8ff—
punctuation.definition.list.begin.markdown#ffab70—
markup.heading, markup.heading entity.name#79b8ffbold
markup.quote#85e89d—
markup.italic#e1e4e8italic
markup.bold#e1e4e8bold
markup.underline—underline
markup.strikethrough—strikethrough
markup.inline.raw#79b8ff—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted#fdaeb7—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted#85e89d—
markup.changed, punctuation.definition.changed#ffab70—
markup.ignored, markup.untracked#2f363d—
meta.diff.range#b392f0bold
meta.diff.header#79b8ff—
meta.separator#79b8ffbold
meta.output#79b8ff—
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote#d1d5da—
brackethighlighter.unmatched#fdaeb7—
constant.other.reference.link, string.other.link#dbedffunderline
NERV_STAR_Theme by AnsonCar - VS Code Theme