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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...