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#eeeeee
  • activityBar.foreground#808080
  • badge.background#3e82f8
  • editor.background#f7f7f7
  • editor.findMatchBackground#f2ea01
  • editor.findMatchHighlightBackground#f2ea0163
  • editor.findRangeHighlightBackground#0000ff
  • editor.foreground#222222
  • editor.lineHighlightBackground#94949455
  • editor.selectionBackground#b2d6ff
  • editor.selectionForeground#000000
  • editorCursor.foreground#4d4d4c
  • editorGutter.background#ffffff
  • editorIndentGuide.background#e7e7e7
  • editorLineNumber.foreground#808080
  • editorWhitespace.foreground#f3f3f3
  • sideBar.background#eeeff1
  • sideBar.foreground#444444
  • statusBar.background#f3f3f3
  • statusBar.foreground#5a5a5a
  • statusBar.noFolderBackground#f3f3f3
  • statusBar.noFolderForeground#5a5a5a
  • tab.activeBackground#ffffff
  • tab.inactiveBackground#ebebeb
  • terminal.background#000000
  • terminal.foreground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string#C41A16
constant.numeric#000000
keyword#AA0D91
keyword.operator#000000
constant.language#AA0D91
support.class.exception#990000
entity.name.function#000000
entity.name.typebold underline
variable.parameteritalic
comment#007400
invalid#FF0000
invalid.deprecated.trailing-whitespace
text source#000000
meta.tag, declaration.tag#AA0D91
support#000000
storage#AA0D91
entity.name.sectionbold underline
entity.name.function.frame#000000bold
meta.tag.preprocessor.xml#333333
entity.other.attribute-name#994500italic
entity.name.tag#881280
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#F80000
sublimelinter.mark.error#D02000
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.warning#DDB700
token.info-token#316BCD
token.warn-token#CD9731
token.error-token#CD3131
token.debug-token#800080
Jilapi by Kowsar Hossain - VS Code Theme