Skip to main content
Coding Theme

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.background#2e3440
  • breadcrumb.activeSelectionForeground#5e81ac
  • breadcrumb.background#2e3440
  • breadcrumb.focusForeground#ff9aa2
  • breadcrumb.foreground#e0e0e0
  • editor.background#2e3440
  • editor.foreground#e0e0e0
  • editor.inactiveSelectionBackground#3c9d9b38
  • editor.lineHighlightBackground#1073cf2d
  • editor.lineHighlightBorder#9fced11f
  • editor.selectionBackground#4abdac4d
  • editorCursor.foreground#ff9aa2
  • editorGroup.border#5e81ac
  • editorGutter.addedBackground#a3be8c
  • editorGutter.background#2e3440
  • editorGutter.deletedBackground#ff9aa2
  • editorGutter.modifiedBackground#4abdac
  • editorIndentGuide.activeBackground1#4c566a
  • editorIndentGuide.background1#3b4252
  • sideBar.background#3b4252
  • statusBar.background#4abdac
  • statusBar.debuggingBackground#ffab91
  • statusBar.debuggingForeground#e0e0e0
  • statusBar.foreground#2e3440
  • tab.activeBackground#3b4252
  • tab.border#4c566a
  • tab.inactiveBackground#2e3440
  • titleBar.activeBackground#5e81ac
  • titleBar.activeForeground#e0e0e0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block.documentation#88C0D0italic
keyword, keyword.control#B48EAD
variable, variable.parameter, variable.other#9B9BFF
entity.name.type#4ABDAC
variable.parameteritalic
variable.language#A3BE8C
string, string.quoted#E5C1A1
constant.numeric, constant#B48EAD
support, support.function, comment#4ABDAC
entity.name.function, variable.function#FFAB91
entity.name.tag, entity.name.tag.css#5E81AC
meta.attribute-name#B48EAD
markup.inline.raw#FFAB91
markup.deleted, markup.inserted, markup.changed#FF9AA2
entity.name.section, markup.heading#5E81AC
text.html.basic, text.html#A3BE8C
meta.tag, meta.tag.inline#5E81AC
text.css#9B9BFF
punctuation.definition.string.begin, punctuation.definition.string.beginbold
storage.type#BDABF6
variable.other.readwrite, variable.name#569CD6
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
asagex-personal-color-theme by alexandersage - VS Code Theme