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#181A17
  • activityBar.foreground#CBFB45
  • activityBar.inactiveForeground#808080
  • editor.background#242822
  • editor.foreground#D6D3D3
  • editor.lineHighlightBackground#1a1a1a
  • editor.selectionBackground#474F43
  • editorCursor.foreground#CBFB45
  • editorWhitespace.foreground#404040
  • panel.background#0d0d0d
  • panel.border#555555
  • sideBar.background#111111
  • sideBar.foreground#ebebeb
  • sideBarTitle.foreground#ffffff
  • statusBar.background#090606
  • statusBar.foreground#E2E3E1
  • statusBar.noFolderBackground#090606
  • tab.activeBackground#242822
  • tab.activeForeground#CBFB45
  • tab.inactiveBackground#111111
  • tab.inactiveForeground#878981
  • terminal.foreground#E0E0E0
  • titleBar.activeBackground#090606
  • titleBar.activeForeground#E2E3E1
  • titleBar.inactiveBackground#090606

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7e7d7ditalic
string, string.quoted#c8a6f2
string.regexp#FF8B94
keyword, storage.type, storage.modifier#FF6B9D
keyword.control, keyword.operator#FF6B9D
variable, entity.name.variable, variable.other#ffffff
variable.parameter, meta.function.parameters#F8B195
function, entity.name.function, support.function#CBFB45
entity.name.type, entity.name.class, support.class#f9d717
constant.numeric, constant.language#c8a6f2
constant.character, constant.other#7e7d7d
entity.name.tag, markup.heading#9CDBEB
entity.other.attribute-name#C8A6F2italic
support.type.property-name#E6DB74
punctuation, meta.brace#A0A0A0
invalid, invalid.illegal#FF6B6Bbold underline
markup.bold#CBFB45bold
markup.italicitalic
My Awesome Theme by Manvendra Singh Rathore - VS Code Theme