Skip to main content
Coding Theme

Color themes

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#1f1609
  • activityBar.foreground#cccccc
  • activityBar.inactiveForeground#888888
  • editor.background#1c1408
  • editor.findMatchBackground#ffbf00
  • editor.foreground#5b8512
  • editor.selectionBackground#172204
  • editorCursor.background#ffbf00
  • editorCursor.foreground#5b8512
  • editorGroup.border#43493f
  • editorGutter.background#1c1408
  • editorLineNumber.activeForeground#ff7000
  • editorLineNumber.foreground#43493f
  • inlineChatInput.background#1e1609
  • inlineChatInput.foreground#76ad17
  • inlineChatInput.placeholderForeground#ffbf00
  • input.background#1e1609
  • input.foreground#76ad17
  • input.placeholderForeground#ffbf00
  • panel.background#1c1408
  • sideBar.background#1f1609
  • statusBar.background#182404
  • statusBar.foreground#7cb518
  • statusBar.noFolderBackground#161006
  • statusBarItem.remoteBackground#182404
  • statusBarItem.remoteForeground#7cb518

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#ff4e00—
comment#707a6a—
markup.heading#ff4e00—
entity.name.tag#95836f—
entity.name.tag#ff4e00—
comment#707a6a—
markup.underline.link#d72638—
keyword#7cb518—
markup.fenced_code, markup.inline.raw——
markup.list#ff4e00—
invalid#ff4e00—
keyword#ffbf00—
keyword#c5ac6b—
invalid.deprecated#ffbf00—
invalid.deprecated——
markup.inserted#7cb518—
markup.inserted#639013—
comment#76597b—
comment#ff4e00—
comment#ff7000—
comment#7cb518—
comment#d72638—
keyword#898989—
gitDecoration.addedResourceForeground#7cb518—
gitDecoration.untrackedResourceForeground#707a6a—
gitDecoration.ignoredResourceForeground#707a6a—
gitDecoration.renamedResourceForeground#707a6a—
gitDecoration.modifiedResourceForeground#76597b—
breadcrumb.foreground, tree.tableColumnHeader.foreground#c5ac6b—
explorer.fileForeground#5b8512—
explorer.directoryForeground#5b8512—
comment.documentation#696969—
editorSuggestWidget.highlightForeground#ffbf00—
editorSuggestWidget.selectedBackground#ffbf00—
editorSuggestWidget.background——
invalid#FF0000—
invalid#ff7000—
invalid#7cb518—
invalid#7cb518—
invalid#7cb518—
invalid, invalid.deprecated#ffbf00—
invalid#ff4e00—
invalid.deprecated#ffbf00—
invalid#ff4e00—
invalid#ff4e00—
invalid.deprecated#ffbf00—
invalid#ff4e00—
invalid.deprecated#ffbf00—
invalid#ff4e00—
entity.name.type#ff4e00—
variable#FFA500—
entity.name.function#4D4DDDDDDDDD—
constant#FF1493—
string#FFA500—
comment.documentation#707a6a—
diffEditor.insertedTextBackground#7cb518—
diffEditor.removedTextBackground#ff4e00—
invalid#FF0000—
entity.name.function#898989—
diff.insertedTextBackground#7cb518—
diff.removedTextBackground#ff4e00—
meta.diff.header.file#0075c4—
meta.diff.header#898989—
invalid.deprecated#ff4e00—
invalid.deprecated#ffbf00—
entity.name.function#7cb518—
invalid.deprecated#ffbf00—
string#FFFFE0—
invalid.deprecated#ffbf00—
invalid#ff4e00—
invalid.deprecated#ffbf00—
invalid#ff4e00—
variable#7cb518—
variable#d72638—
variable#707a6a—
comment#707a6a—
comment#5b8512—
comment.documentation#7cb518—
editor.findMatchBackground#7cb518—
editor.findMatchHighlightBackground#dfdfdf—
string.regexp#ffbf00—
string.regexp#ffbf00—
string.regexp#c5ac6b—
meta.preprocessor, keyword.control.import#ffbf00—
invalid.deprecated#ffbf00—
invalid.deprecated#ffbf00—
constant, constant.language, support.constant#ff7000—
constant#ff7000—
storage.type, support.type, entity.name.type#7cb518—
entity.name.type#7cb518—
variable#7cb518—
variable, variable.other#7cb518—
variable#7cb518—
entity.name.function#ff7000—
entity.name.function, support.function#ff7000—
entity.name.function#ff7000—
support.function, support.class, support.type#ffbf00—
keyword, storage, keyword.control, storage.modifier#ff4e00—
keyword#ff4e00—
comment.documentation#ff7000—
comment.documentation, comment.block.documentation#707a6a—
comment.documentation#707a6a—
string, string.quoted, string.template#c5ac6b—
string#c5ac6b—
comment, punctuation.definition.comment#707a6a—
comment#707a6a—
comment, punctuation.definition.comment#707a6a—
comment#707a6a—
invalid#1B2229—
invalid——
invalid.illegal#1B2229—
editor.wordHighlightStrongBackground#ff4e00—
invalid.deprecated#ffbf00—
invalid.illegal#ff4e00—
editorCursor.foreground——
editorGutter.background#3f444a—
editorGroup.border#43493f—
editorGroupHeader.tabsBackground#7cb518—
statusBar.noFolderBackground#43493f—
statusBar.background, statusBar.foreground#7cb518—
editorLineNumber.activeForeground——
editorLineNumber.activeForeground#ff7000—
editorLineNumber.foreground#43493f—
invalid.deprecated——
editor.selectionHighlightBackground——
editor.selectionBackground, editor.selectionForeground——
editor.findMatchBackground#1B2229—