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#e2ded7
  • activityBar.foreground#333333
  • activityBar.inactiveForeground#666666
  • editor.background#FBF7EF
  • editor.findMatchBackground#2B90D8
  • editor.foreground#657377
  • editor.selectionBackground#d8d1bd
  • editorCursor.background#2B90D8
  • editorCursor.foreground#657377
  • editorGroup.border#8FAAAB
  • editorGutter.background#FBF7EF
  • editorLineNumber.activeForeground#657377
  • editorLineNumber.foreground#657377
  • inlineChatInput.background#ddd9d2
  • inlineChatInput.foreground#333a3c
  • inlineChatInput.placeholderForeground#2B90D8
  • input.background#ddd9d2
  • input.foreground#333a3c
  • input.placeholderForeground#2B90D8
  • panel.background#FBF7EF
  • sideBar.background#e2ded7
  • statusBar.background#eeeae3
  • statusBar.foreground#333a3c
  • statusBar.noFolderBackground#f4f0e9
  • statusBarItem.remoteBackground#eeeae3
  • statusBarItem.remoteForeground#333a3c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#819500
comment#657377
markup.heading#F23749
entity.name.tag#98A8A8
entity.name.tag#819500
comment#657377
markup.underline.link#DD459D
keyword#AC8300
markup.fenced_code, markup.inline.raw
markup.list#F23749
invalid#F23749
keyword#AC8300
keyword#259D94
invalid.deprecated#AC8300
invalid.deprecated
markup.inserted#819500
markup.inserted#677700
comment#7D80D1
comment#819500
comment#D56500
comment#819500
comment#DD459D
keyword#259D94
gitDecoration.addedResourceForeground#819500
gitDecoration.untrackedResourceForeground#35A69C
gitDecoration.ignoredResourceForeground#657377
gitDecoration.renamedResourceForeground#35A69C
gitDecoration.modifiedResourceForeground#7D80D1
breadcrumb.foreground, tree.tableColumnHeader.foreground#259D94
explorer.fileForeground#657377
explorer.directoryForeground#657377
comment.documentation#696969
editorSuggestWidget.highlightForeground#2B90D8
editorSuggestWidget.selectedBackground#FCF7E8
editorSuggestWidget.background#657377
invalid#FF0000
invalid#AC8300
invalid#AC8300
invalid#AC8300
invalid#819500
invalid, invalid.deprecated#AC8300
invalid#F23749
invalid.deprecated#AC8300
invalid#F23749
invalid#F23749
invalid.deprecated#AC8300
invalid#F23749
invalid.deprecated#AC8300
invalid#F23749
entity.name.type#819500
variable#B22222
entity.name.function#00008B
constant#FF1493
string#CD0000
comment.documentation#657377
diffEditor.insertedTextBackground#819500
diffEditor.removedTextBackground#F23749
invalid#FF0000
entity.name.function#259D94
diff.insertedTextBackground#819500
diff.removedTextBackground#F23749
meta.diff.header.file#2B90D8
meta.diff.header#259D94
invalid.deprecated#F23749
invalid.deprecated#AC8300
entity.name.function#2B90D8
invalid.deprecated#AC8300
string#00008B
invalid.deprecated#AC8300
invalid#F23749
invalid.deprecated#AC8300
invalid#F23749
variable#819500
variable#DD459D
variable#8FAAAB
comment#8FAAAB
comment#657377
comment.documentation#819500
editor.findMatchBackground#819500
editor.findMatchHighlightBackground#FBF7EF
editor.findMatchBackground, editor.findMatchHighlightBackground#FBF7EF
string.regexp#2B90D8
string.regexp#2B90D8
string.regexp#259D94
meta.preprocessor, keyword.control.import#2B90D8
invalid.deprecated#AC8300
invalid.deprecated#AC8300
constant, constant.language, support.constant#7D80D1
constant#7D80D1
storage.type, support.type, entity.name.type#AC8300
entity.name.type#AC8300
variable#2B90D8
variable, variable.other#2B90D8
variable#2B90D8
entity.name.function#AC8300
entity.name.function, support.function#AC8300
entity.name.function#AC8300
support.function, support.class, support.type#DD459D
keyword, storage, keyword.control, storage.modifier#819500
keyword#819500
comment.documentation#7D80D1
comment.documentation, comment.block.documentation#35A69C
comment.documentation#35A69C
string, string.quoted, string.template#259D94
string#259D94
comment, punctuation.definition.comment#657377
comment#657377
comment, punctuation.definition.comment#657377
comment#657377
invalid#FBF7EF
invalid
invalid.illegal#FBF7EF
editor.wordHighlightStrongBackground#F23749
invalid.deprecated#AC8300
invalid.illegal#F23749
editorCursor.foreground
editorGutter.background#8FAAAB
editorGroup.border#8FAAAB
editorGroupHeader.tabsBackground
statusBar.noFolderBackground#657377
statusBar.background, statusBar.foreground
editorLineNumber.activeForeground
editorLineNumber.activeForeground#657377
editorLineNumber.foreground#657377
invalid.deprecated
editor.selectionHighlightBackground
editor.selectionBackground, editor.selectionForeground
editor.findMatchBackground#FBF7EF

Shiki preview

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

Loading...

Emacs Themes Ported - Coding Theme