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#4AE0E0
  • activityBar.background#04040C
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#3A2A4A
  • activityBarBadge.background#4AE0E0
  • activityBarBadge.foreground#04040C
  • badge.background#4AE0E0
  • badge.foreground#04040C
  • button.background#4AE0E0
  • button.foreground#04040C
  • button.hoverBackground#6AFFFF
  • dropdown.background#0A0A14
  • dropdown.border#1A1A2E
  • dropdown.foreground#D0C8E0
  • editor.background#0A0A14
  • editor.foreground#D0C8E0
  • editor.lineHighlightBackground#1A1A2E
  • editor.selectionBackground#4AE0E080
  • editor.selectionHighlightBackground#4AE0E040
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#08081A
  • editorLineNumber.foreground#3A2A4A
  • gitDecoration.addedResourceForeground#6AE0A0
  • gitDecoration.conflictingResourceForeground#C792EA
  • gitDecoration.deletedResourceForeground#E85D3A
  • gitDecoration.modifiedResourceForeground#B080FF
  • input.background#04040C
  • input.border#1A1A2E
  • input.foreground#D0C8E0
  • input.placeholderForeground#3A2A4A
  • inputOption.activeBorder#4AE0E0
  • list.activeSelectionBackground#1A1A2E
  • list.activeSelectionForeground#FFFFFF
  • list.focusBackground#1A1A2E
  • list.hoverBackground#12122A
  • list.hoverForeground#D0C8E0
  • list.inactiveSelectionBackground#12122A
  • minimap.background#08081A
  • minimap.findMatchHighlight#4AE0E080
  • panel.background#060610
  • panel.border#1A1A2E
  • peekView.background#0A0A14
  • peekView.border#4AE0E0
  • peekViewEditor.background#04040C
  • peekViewResult.background#060610
  • quickInput.background#0A0A14
  • quickInput.foreground#D0C8E0
  • scrollbar.shadow#00000066
  • scrollbarSlider.activeBackground#4AE0E0AA
  • scrollbarSlider.background#1A1A2E80
  • scrollbarSlider.hoverBackground#1A1A2EAA
  • sideBar.background#060610
  • sideBar.foreground#B8B0C8
  • sideBarSectionHeader.background#0A0A14
  • sideBarTitle.foreground#D0C8E0
  • statusBar.background#04040C
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#4AE0E066
  • statusBarItem.hoverBackground#1A1A2E
  • tab.activeBackground#0A0A14
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#1A1A2E
  • tab.inactiveBackground#08081A
  • tab.inactiveForeground#3A2A4A
  • terminal.ansiBlack#2D2D2D
  • terminal.ansiBlue#4AE0E0
  • terminal.ansiBrightBlack#505050
  • terminal.ansiBrightBlue#6AFFFF
  • terminal.ansiBrightCyan#8AFFFF
  • terminal.ansiBrightGreen#7AFFB0
  • terminal.ansiBrightMagenta#D4A0FF
  • terminal.ansiBrightRed#FF6B4A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#C8A0FF
  • terminal.ansiCyan#6AFFFF
  • terminal.ansiGreen#6AE0A0
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#E85D3A
  • terminal.ansiWhite#D0C8E0
  • terminal.ansiYellow#B080FF
  • terminal.background#04040C
  • terminal.foreground#D0C8E0
  • titleBar.activeBackground#04040C
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#04040C
  • titleBar.inactiveForeground#3A2A4A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#3A2A4Aitalic
keyword, storage.type, storage.modifier#6A4AE0
string, string.quoted, string.regexp#4AE0E0
constant.numeric, constant.language#B080FF
entity.name.function, meta.function-call, support.function#6A4AE0
entity.name.type, entity.name.class, support.type#B080FF
variable, variable.parameter#D0C8E0
variable.other.constant#B080FF
support.type.property-name.css#6A4AE0italic
meta.tag, entity.name.tag#6A4AE0
entity.other.attribute-name#4AE0E0
punctuation, meta.brace, meta.brace.round#3A2A4A
markup.heading, markup.heading entity.name#6A4AE0bold
markup.list#4AE0E0
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#4AE0E0
constant.character.escape#6AFFFF
support.type.property-name.json#6A4AE0
constant.language.json#6A4AE0
Minecraft Theme by Mateo Ryhr - VS Code Theme