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#252525
  • activityBar.border#404040
  • activityBar.foreground#D4D4D4
  • activityBarBadge.background#6EA1B7
  • activityBarBadge.foreground#FFFFFF
  • breadcrumb.background#292929
  • breadcrumb.focusForeground#4D92AB
  • breadcrumb.foreground#D4D4D4
  • button.background#4D92AB
  • button.foreground#FFFFFF
  • button.hoverBackground#5DA2BB
  • diffEditor.insertedLineBackground#9ccc2c1a
  • diffEditor.insertedTextBackground#9ccc2c26
  • diffEditor.removedLineBackground#ff00001a
  • diffEditor.removedTextBackground#ff000026
  • dropdown.background#333333
  • dropdown.border#3D3D3D
  • editor.background#292929
  • editor.foreground#e5e5e5
  • editor.lineHighlightBackground#333333b3
  • editor.selectionBackground#a7caff40
  • editorCursor.foreground#5DA810
  • editorGroup.border#404040
  • editorGroupHeader.tabsBackground#252525
  • editorGroupHeader.tabsBorder#404040
  • editorGutter.addedBackground#73c991
  • editorGutter.background#252525
  • editorGutter.deletedBackground#f14c4c
  • editorGutter.modifiedBackground#e2c08d
  • editorIndentGuide.activeBackground1#666666
  • editorIndentGuide.background1#555555
  • editorLineNumber.activeForeground#a8a8a8
  • editorLineNumber.foreground#808080
  • editorWhitespace.foreground#555555
  • gitDecoration.addedResourceForeground#73c991
  • gitDecoration.deletedResourceForeground#f14c4c
  • gitDecoration.ignoredResourceForeground#6c6c6c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.untrackedResourceForeground#73c991
  • input.background#333333
  • input.border#3D3D3D
  • input.foreground#D4D4D4
  • list.activeSelectionBackground#3D3D3D
  • list.activeSelectionForeground#D4D4D4
  • list.hoverBackground#333333
  • list.hoverForeground#D4D4D4
  • panel.background#252525
  • panel.border#404040
  • panelTitle.activeBorder#6EA1B7
  • panelTitle.activeForeground#D4D4D4
  • panelTitle.inactiveForeground#929292
  • scrollbarSlider.activeBackground#6D6D6D80
  • scrollbarSlider.background#4D4D4D80
  • scrollbarSlider.hoverBackground#5D5D5D80
  • sideBar.background#252525
  • sideBar.border#404040
  • sideBar.foreground#D4D4D4
  • sideBarSectionHeader.background#2D2D2D
  • sideBarSectionHeader.foreground#D4D4D4
  • sideBarTitle.foreground#D4D4D4
  • statusBar.background#252525
  • statusBar.border#404040
  • statusBar.debuggingBackground#D6B065
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#D4D4D4
  • statusBar.noFolderBackground#6EA1B7
  • statusBar.noFolderForeground#FFFFFF
  • tab.activeBackground#292929
  • tab.activeBorder#6EA1B7
  • tab.activeForeground#D4D4D4
  • tab.border#404040
  • tab.inactiveBackground#252525
  • tab.inactiveForeground#929292
  • titleBar.activeBackground#252525
  • titleBar.activeForeground#D4D4D4
  • titleBar.border#404040
  • titleBar.inactiveBackground#1E1E1E
  • titleBar.inactiveForeground#929292

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#808080
keyword, storage.type, storage.modifier#4D92AB
string, string.template#90AD65
constant.character#9CD936
constant.numeric, constant.language#A97DD1
variable, variable.language, variable.parameter, variable.other, meta.function-call.arguments, meta.function-call.python variable.other.readwrite.python#75C9C6
constant, constant.other#F26669
entity.name.function, support.function, meta.function, meta.function-call, meta.method, meta.function-call.python, meta.function.python, meta.method.python, meta.function.js, meta.function-call.js, meta.method.js, meta.function.java, meta.method.java, meta.function.c, meta.function-call.c, meta.function.cpp, meta.function-call.cpp, entity.name.function.member.cpp, meta.function.rust, meta.function-call.rust, entity.name.function.rust#D4A046
entity.name.type, support.type#ed734c
entity.name.tag, punctuation.definition.tag#4d92ab
entity.other.attribute-name#C76090
punctuation.definition.string#90ad65
markup.bold#eb4c2fbold
markup.italic#b68efaitalic
markup.heading#52b4f9
markup.inserted#b5ff00
markup.deleted#e53654
markup.changed#b68efa
CotEditor Anura Theme by ivezakis - VS Code Theme