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#00323e
  • activityBar.foreground#cccccc
  • activityBar.inactiveForeground#888888
  • editor.background#002D38
  • editor.findMatchBackground#2B90D8
  • editor.foreground#98A8A8
  • editor.selectionBackground#2d5661
  • editorCursor.background#2B90D8
  • editorCursor.foreground#98A8A8
  • editorGroup.border#041c23
  • editorGutter.background#002D38
  • editorLineNumber.activeForeground#98A8A8
  • editorLineNumber.foreground#657377
  • inlineChatInput.background#00313c
  • inlineChatInput.foreground#cde3e3
  • inlineChatInput.placeholderForeground#2B90D8
  • input.background#00313c
  • input.foreground#cde3e3
  • input.placeholderForeground#2B90D8
  • panel.background#002D38
  • sideBar.background#00323e
  • statusBar.background#002832
  • statusBar.foreground#b6caca
  • statusBar.noFolderBackground#093946
  • statusBarItem.remoteBackground#002832
  • statusBarItem.remoteForeground#b6caca

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#819500
comment#98A8A8
markup.heading#F23749
entity.name.tag#98A8A8
entity.name.tag#819500
comment#98A8A8
markup.underline.link#35A69C
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#98A8A8
gitDecoration.renamedResourceForeground#35A69C
gitDecoration.modifiedResourceForeground#7D80D1
breadcrumb.foreground, tree.tableColumnHeader.foreground#259D94
explorer.fileForeground#98A8A8
explorer.directoryForeground#98A8A8
comment.documentation#696969
editorSuggestWidget.highlightForeground#2B90D8
editorSuggestWidget.selectedBackground
editorSuggestWidget.background#98A8A8
invalid#FF0000
invalid#2B90D8
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#FFA500
entity.name.function#4D4DDDDDDDDD
constant#FF1493
string#FFA500
comment.documentation#98A8A8
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#7D80D1
invalid.deprecated#AC8300
string#FFFFE0
invalid.deprecated#AC8300
invalid#F23749
invalid.deprecated#AC8300
invalid#F23749
variable#819500
variable#DD459D
variable#657377
comment#657377
comment#98A8A8
comment.documentation#819500
editor.findMatchBackground#819500
editor.findMatchHighlightBackground#FBF7EF
editor.findMatchBackground, editor.findMatchHighlightBackground#FBF7EF
string.regexp#D56500
string.regexp#D56500
string.regexp#259D94
meta.preprocessor, keyword.control.import#D56500
invalid.deprecated#AC8300
invalid.deprecated#AC8300
constant, constant.language, support.constant#DD459D
constant#DD459D
storage.type, support.type, entity.name.type#AC8300
entity.name.type#AC8300
variable#7D80D1
variable, variable.other#7D80D1
variable#7D80D1
entity.name.function#2B90D8
entity.name.function, support.function#2B90D8
entity.name.function#2B90D8
support.function, support.class, support.type#2B90D8
keyword, storage, keyword.control, storage.modifier#819500
keyword#819500
comment.documentation#DD459D
comment.documentation, comment.block.documentation#35A69C
comment.documentation#35A69C
string, string.quoted, string.template#259D94
string#259D94
comment, punctuation.definition.comment#98A8A8
comment#98A8A8
comment, punctuation.definition.comment#98A8A8
comment#98A8A8
invalid#002D38
invalid
invalid.illegal#002D38
editor.wordHighlightStrongBackground#F23749
invalid.deprecated#AC8300
invalid.illegal#F23749
editorCursor.foreground
editorGutter.background#657377
editorGroup.border#041c23
editorGroupHeader.tabsBackground
statusBar.noFolderBackground#98A8A8
statusBar.background, statusBar.foreground
editorLineNumber.activeForeground
editorLineNumber.activeForeground#98A8A8
editorLineNumber.foreground#657377
invalid.deprecated
editor.selectionHighlightBackground
editor.selectionBackground, editor.selectionForeground
editor.findMatchBackground#002D38

Shiki preview

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

Loading...

Emacs Themes Ported - Coding Theme