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#9cc2cf
  • activityBar.foreground#333333
  • activityBar.inactiveForeground#666666
  • editor.background#ADD8E6
  • editor.findMatchBackground#00FFFF
  • editor.foreground#000000
  • editor.selectionBackground#66CDAA
  • editorCursor.background#FF0000
  • editorCursor.foreground#000000
  • editorGutter.background#ADD8E6
  • editorLineNumber.activeForeground#7F7F7F
  • editorLineNumber.foreground#7F7F7F
  • inlineChatInput.background#98beca
  • inlineChatInput.foreground#000000
  • inlineChatInput.placeholderForeground#0000CD
  • input.background#98beca
  • input.foreground#000000
  • input.placeholderForeground#0000CD
  • panel.background#ADD8E6
  • sideBar.background#9cc2cf
  • statusBar.background#EEE8AA
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#D3D3D3
  • statusBarItem.remoteBackground#EEE8AA
  • statusBarItem.remoteForeground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#0000CD
comment#999999
markup.heading#FF0000
entity.name.tag#7F7F7F
entity.name.tag#228B22
comment#B22222
markup.underline.link#8B008B
keyword#228B22
markup.list#7F7F7F
invalid#ADD8E6
keyword#FF4500
keyword#8B008B
invalid.deprecated#FF8C00
invalid.deprecated
markup.inserted#22aa22
markup.inserted#22aa22
comment#8B008B
comment#0000CD
comment#4A708B
comment#6E8B3D
comment#4A708B
keyword#8B008B
gitDecoration.addedResourceForeground#228B22
gitDecoration.untrackedResourceForeground#8B008B
gitDecoration.ignoredResourceForeground#B22222
gitDecoration.renamedResourceForeground#8B008B
gitDecoration.modifiedResourceForeground#A0522D
breadcrumb.foreground, tree.tableColumnHeader.foreground#00006DE06DE0
explorer.fileForeground#000000
explorer.directoryForeground#FF0000
comment.documentation#696969
editorSuggestWidget.highlightForeground#8B0000
editorSuggestWidget.selectedBackground
editorSuggestWidget.background#000000
invalid#FF0000
invalid#FF0000
invalid#228B22
invalid#228B22
invalid#228B22
invalid, invalid.deprecated#FF8C00
invalid#FF0000
invalid.deprecated#FF8C00
invalid#FF0000
invalid#88090B
invalid.deprecated#FF4500
invalid#FF0000
invalid.deprecated#F3EA98
invalid#FC5C94
entity.name.type#0000CD
variable#B22222
entity.name.function#00008B
constant#FF1493
string#CD0000
comment.documentation#B22222
diffEditor.insertedTextBackground
diffEditor.removedTextBackground
invalid#FF0000
entity.name.function
diff.insertedTextBackground
diff.removedTextBackground
meta.diff.header.file
meta.diff.header
invalid.deprecated#FF0000
invalid.deprecated#FF8C00
entity.name.function#A0522D
invalid.deprecated#FF4500
string#00008B
invalid.deprecated#FF8C00
invalid#FF0000
invalid.deprecated#FF8C00
invalid#FF0000
variable#0000FF
variable#0000FF
comment#00008B
comment
comment.documentation#006400
editor.findMatchBackground
editor.findMatchHighlightBackground
editor.findMatchBackground, editor.findMatchHighlightBackground#000000
string.regexp#8B008B
meta.preprocessor, keyword.control.import#b35caf
invalid.deprecated#FF4500
invalid.deprecated#FF4500
constant, constant.language, support.constant#00006DE06DE0
constant#00006DE06DE0
storage.type, support.type, entity.name.type#228B22
entity.name.type#228B22
variable#A0522D
variable, variable.other#A0522D
variable#A0522D
entity.name.function#FF0000
entity.name.function, support.function#FF0000
entity.name.function#FF0000
support.function, support.class, support.type#b35caf
keyword, storage, keyword.control, storage.modifier#0000CD
keyword#0000CD
comment.documentation#00006DE06DE0
comment.documentation, comment.block.documentation#8B008B
comment.documentation#8B008B
string, string.quoted, string.template#8B008B
string#8B008B
comment, punctuation.definition.comment#B22222
comment#B22222
comment, punctuation.definition.comment#B22222
comment#B22222
invalid
invalid
invalid.illegal#FFFFFF
editor.wordHighlightStrongBackground
invalid.deprecated#FF8C00
invalid.illegal#FF0000
editorCursor.foreground
editorGutter.background
editorGroupHeader.tabsBackground#333333
statusBar.noFolderBackground#333333
statusBar.background, statusBar.foreground#000000
editorLineNumber.activeForeground
editorLineNumber.activeForeground#7F7F7F
editorLineNumber.foreground#7F7F7F
invalid.deprecated
editor.selectionHighlightBackground#000000
editor.selectionBackground, editor.selectionForeground
editor.findMatchBackground

Shiki preview

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

Loading...

Emacs Themes Ported - Coding Theme