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#FFE9AB
  • activityBar.foreground#E24502
  • activityBarBadge.background#EDA00D
  • button.background#f5ac38
  • disabledForeground#936F62
  • editor.background#FFF4D7
  • editor.foreground#bf7010
  • editor.selectionBackground#e26e0265
  • editorBracketHighlight.foreground1#CC272D
  • editorBracketHighlight.foreground2#EDA00D
  • editorBracketHighlight.foreground3#00BDF3
  • editorGroup.border#B88D70
  • editorGroup.dropBackground#ed9f0d57
  • editorGroupHeader.noTabsBackground#fdf6e2
  • editorGroupHeader.tabsBackground#fdf6e2
  • editorLineNumber.activeForeground#240a00
  • editorLineNumber.foreground#F4CC0B
  • editorWidget.background#FFF4D7
  • input.border#B88D70
  • inputOption.activeBorder#E27002
  • list.activeSelectionBackground#E27002
  • list.hoverBackground#e2450278
  • menu.background#FFF4D7
  • peekView.border#B88D70
  • peekViewEditor.background#fff2ce
  • peekViewEditor.matchHighlightBackground#fbc2779c
  • peekViewEditorGutter.background#fff2ce
  • peekViewResult.background#fff0c5
  • peekViewResult.selectionBackground#e26e0294
  • scrollbar.shadow#c66d0034
  • sideBar.background#FFE9AB
  • sideBar.border#B88D70
  • sideBarSectionHeader.background#F8BE4A
  • sideBarTitle.foreground#9C2C01
  • statusBar.background#ed900d
  • statusBar.noFolderBackground#ca793e
  • titleBar.activeBackground#EDA00D
  • widget.border#B88D70

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4A7408italic
comment.block.preprocessor#4A7408
comment.documentation, comment.block.documentation#4A7408
invalid.illegal#660000
keyword.operator#DC9604
keyword, storage#d76230
storage.type, support.type#BB0700
constant.language, support.constant, variable.language#6D0000
variable, support.variable#8c5300
entity.name.function, support.function, meta.function-call entity.name.function, meta.function-call variable.function, meta.function-call.generic.python#d76230bold
entity.name.function.preprocessor#b84943bold
entity.name.type, entity.other.inherited-class, support.class#EE8604bold
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#6D0000
string#FC8207
constant.character.escape#04beff
string.regexp#db5a6b
constant.other.symbol#DB7D0F
punctuation#9C2C01
meta.tag entity.other.attribute-name, entity.other.attribute-name.htmlitalic
keyword.other.importantbold
markup.italicitalic
markup.error#660000
markup.boldbold
markup.traceback#660000
markup.underlineunderline
Orange Chicken :P by Invilis - VS Code Theme