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#29232e
  • activityBar.foreground#cccccc
  • activityBar.inactiveForeground#888888
  • editor.background#25202a
  • editor.findMatchBackground#3c312a
  • editor.foreground#cfccd2
  • editor.selectionBackground#752c0b
  • editorCursor.background#e1420b
  • editorCursor.foreground#cfccd2
  • editorGutter.background#25202a
  • editorLineNumber.activeForeground#848088
  • editorLineNumber.foreground#848088
  • inlineChatInput.background#28232d
  • inlineChatInput.foreground#e4e0e7
  • inlineChatInput.placeholderForeground#ffffff
  • input.background#28232d
  • input.foreground#e4e0e7
  • input.placeholderForeground#ffffff
  • panel.background#25202a
  • sideBar.background#29232e
  • statusBar.background#cfa161
  • statusBar.foreground#7e311e
  • statusBar.noFolderBackground#696371
  • statusBarItem.remoteBackground#cfa161
  • statusBarItem.remoteForeground#7e311e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#ffff0b
comment#666666
markup.heading#ff996f
entity.name.tag#848088
entity.name.tag#9fcb66
comment#767283
markup.underline.link#ff925a
markup.list#848088
invalid#ADD8E6
keyword#06ffff
keyword#ff7fff
invalid.deprecated#065aff
invalid.deprecated#3a353f
markup.inserted#cceecc
markup.inserted#ddffdd
comment#ffffff
comment#ff7fff
comment#ffff0b
comment#B0E2FF
comment#B4EEB4
comment#B0E2FF
keyword#ff7fff
gitDecoration.addedResourceForeground#9fcb66
gitDecoration.untrackedResourceForeground#ff7fff
gitDecoration.ignoredResourceForeground#767283
gitDecoration.renamedResourceForeground#fd95fa
gitDecoration.modifiedResourceForeground#4ac964
breadcrumb.foreground, tree.tableColumnHeader.foreground#34c8d8
explorer.fileForeground#cfccd2
explorer.directoryForeground#ff996f
comment.documentation#696969
editorSuggestWidget.highlightForeground#54ff59
editorSuggestWidget.selectedBackground#25202a
editorSuggestWidget.background#ffffff
invalid#FF0000
invalid#ff996f
invalid#9fcb66
invalid#9fcb66
invalid#25202a
invalid#5fca5b
invalid#ff01ff
invalid, invalid.deprecated#065aff
invalid#06ffff
invalid.deprecated#1056cd
invalid#06dae7
invalid.deprecated
invalid
invalid#88090B
invalid.deprecated#06ffff
invalid#06ffff
invalid.deprecated#F3EA98
invalid#FC5C94
entity.name.type#ffff0b
variable#FFA500
entity.name.function#4D4DDDDDDDDD
constant#FF1493
string#ff7fff
comment.documentation#767283
diffEditor.insertedTextBackground
diffEditor.removedTextBackground
invalid#FF0000
entity.name.function#38663d
diff.insertedTextBackground
diff.removedTextBackground
meta.diff.header.file#83ffff
meta.diff.header#83ffff
invalid.deprecated#06ffff
invalid.deprecated#065aff
entity.name.function#4ac964
invalid.deprecated#06ffff
string#FFFFE0
invalid.deprecated#065aff
invalid#06ffff
invalid.deprecated#065aff
invalid#06ffff
variable#ffff0b
variable#ADD8E6
comment#ffff7c
comment
comment.documentation#ff74ff
entity.name.function#06ffff
editor.findMatchBackground
editor.findMatchHighlightBackground#ffffff
editor.findMatchBackground, editor.findMatchHighlightBackground#25202a
string.regexp#ff7fff
meta.preprocessor, keyword.control.import#837f87
invalid.deprecated#06ffff
invalid.deprecated#06ffff
constant, constant.language, support.constant#34c8d8
constant#34c8d8
storage.type, support.type, entity.name.type#9fcb66
entity.name.type#9fcb66
variable#4ac964
variable, variable.other#4ac964
variable#4ac964
entity.name.function#ff996f
entity.name.function, support.function#ff996f
entity.name.function#ff996f
support.function, support.class, support.type#ff9029
keyword, storage, keyword.control, storage.modifier#ffff0b
keyword#ffff0b
comment.documentation#34c8d8
comment.documentation, comment.block.documentation#fd95fa
comment.documentation#fd95fa
string, string.quoted, string.template#ff7fff
string#ff7fff
comment, punctuation.definition.comment#767283
comment#767283
comment, punctuation.definition.comment#767283
comment#767283
invalid
invalid#25202a
invalid.illegal#ffffff
editor.wordHighlightStrongBackground
invalid.deprecated#065aff
invalid.illegal#06ffff
editorCursor.foreground
editorGutter.background#b76130
editorGroupHeader.tabsBackground#ffffff
statusBar.noFolderBackground#322d38
statusBar.background, statusBar.foreground#7e311e
editorLineNumber.activeForeground
editorLineNumber.activeForeground#848088
editorLineNumber.foreground#848088
invalid.deprecated#3a353f
editor.selectionHighlightBackground
editor.selectionBackground, editor.selectionForeground
editor.findMatchBackground

Shiki preview

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

Loading...

Emacs Themes Ported - Coding Theme