Skip to main content
Coding Theme

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#D0D0D0
  • activityBar.foreground#717171
  • activityBarBadge.background#806080
  • activityBarBadge.foreground#CEC9CC
  • badge.background#806080
  • badge.foreground#CEC9CC
  • dropdown.background#3A3A3A
  • dropdown.foreground#FFFFFF
  • editor.background#E8E5E5
  • editor.findMatchBackground#fef935
  • editor.findMatchHighlihtBackground#fef93533
  • editor.findRangeHighlightBackground#fffc94
  • editor.foreground#212121
  • editor.lineHighlightBackground#CFCFCF55
  • editor.selectionBackground#61709755
  • editor.selectionHighlightBackground#61709755
  • editorActiveLineNumber.foreground#617097
  • editorCursor.foreground#705060
  • editorGutter.addedBackground#785179
  • editorGutter.deletedBackground#336C6C
  • editorGutter.modifiedBackground#183B5E
  • editorHoverWidget.background#CEC9CC
  • editorLineNumber.foreground#606060
  • editorSuggestWidget.background#D3D1D1
  • editorSuggestWidget.foreground#606060
  • editorSuggestWidget.highlightForeground#202040
  • editorSuggestWidget.selectedBackground#DBDBDB
  • editorUnnecessary.foreground#717171
  • editorWhitespace.foreground#5A5A5A22
  • gitDecoration.addedResourceForeground#87ae86
  • gitDecoration.conflictingResourceForeground#CC9393
  • gitDecoration.deletedResourceForeground#CC9393
  • gitDecoration.ignoredResourceForeground#7f9f7f
  • gitDecoration.modifiedResourceForeground#A971B2
  • gitDecoration.submoduleResourceForeground#A971B2
  • gitDecoration.untrackedResourceForeground#87ae86
  • list.activeSelectionBackground#183B5E
  • list.activeSelectionForeground#DBDBDB
  • list.hoverForeground#DBDBDB
  • list.inactiveSelectionBackground#617097
  • list.inactiveSelectionForeground#CFCFCF
  • menu.background#3A3A3A
  • menu.foreground#F0F0F0
  • panel.background#DBDBDB
  • peekViewEditor.background#DBDBDB
  • sideBar.background#C5C5C5
  • sideBar.foreground#3A3A3A
  • statusBar.background#D1CCCF
  • statusBar.foreground#785179
  • statusBar.noFolderBackground#D1CCCF
  • tab.activeForeground#232333
  • tab.inactiveBackground#CACACA
  • terminal.ansiBlue#8cd0d3
  • terminal.ansiBrightBlue#8cd0d3
  • terminal.ansiBrightCyan#8cd0d3
  • terminal.ansiBrightGreen#7f9f7f
  • terminal.ansiBrightMagenta#dca3a3
  • terminal.ansiBrightRed#ecbcbc
  • terminal.ansiBrightYellow#A971B2
  • terminal.ansiCyan#8cd0d3
  • terminal.ansiGreen#7f9f7f
  • terminal.ansiMagenta#dca3a3
  • terminal.ansiRed#ecbcbc
  • terminal.ansiYellow#A971B2
  • terminal.foreground#3A3A3A
  • terminal.selectionBackground#979797
  • titleBar.activeBackground#3A3A3A
  • titleBar.activeForeground#F0F0F0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#212121ff
comment#785179
meta.preprocessor.c#027FFC
keyword.other.phpdoc#A971B2
punctuation.definition.comment, punctuation.whitespace.comment#5F305E
punctuation.section.embedded#767676
source.ruby.embedded#336B6A
keyword.other.directive#212121
keyword.other.directive.line-numberunderline
constant.character#007F7F
string, string.unquoted#00AF7F
string.unquoted.heredoc#212121
constant.numeric#AB292A
constant.language, support.constant.corebold
constant.character, constant.other, support.constant#336B6A
keyword, keyword.control , meta.selector.css , entity.other.attribute-name#9a649c
entity.name.module,support.other.module#007FFF
keyword.operator#131313
source.ocaml keyword.operator.symbol.infix.floating-pointunderline
source.ocaml keyword.operator.symbol.prefix.floating-pointunderline
storage.type , storage.modifier , support.type#007FFF
entity.name.class.variant#BF7F5F
storage
entity.name.type , entity.other#007FFF
entity.other.inherited-class#2872E4
storage.type.user-defined , meta.property-list#001FFF
entity.name.type , entity.name.type.class , entity.other.attribute-name.class.css , support.class#0B5FDF
variable.parameter
invalid#FF5274 italic underline
meta.function-call.generic, meta.function-call.object, meta.function-call.static#212121
entity.other.attribute-name.html#007FFF
entity.name.tag#007FFF
punctuation.section.embedded.begin.php,punctuation.section.embedded.end.php#767676
variable, variable.parameter, variable.other#012950
support.function.construct#012950
punctuation.definition.variable#012950
support.function,meta.function-name,entity.name.function#000278
support.function#3845E7
meta.brace#87313380
punctuation.definition.string.begin,punctuation.definition.string.end#29292980
punctuation.definition.tag.begin.html,punctuation.definition.tag.end.html,meta.tag.structure.any.html#012A5194
entity.name.tag.yaml#012950
punctuation.definition.entry#292929
keyword.other.DML.sql, keyword.other.data-integrity.sql#484848
keyword.other.sql.control#c586c0
keyword.other.sql.general#d6a956
keyword.other.sql.verb#a53834
keyword.other.sql.common#569cd6
source.sql, constant.other.database-name.sql, constant.other.table-name.sql, keyword.operator.star#6A400C
source.diff#000000
source.diff meta.diff.comment, source.diff meta.toc-list.comment.diff#000000
meta.diff.header.from-file#CA7172bold
meta.diff.header.to-file#60B38Abold
meta.diff.range.unified#8CD0D3
markup.inserted.diff#60B38A
markup.deleted.diff#CA7172
string.regexp#3890BE
string.regexp.arbitrary-repitition#6195A0
punctuation.definition.arbitrary-repitition#0000005E
string.regexp.character-class#34717E
punctuation.definition.character-class#0000005E
markup.raw.inline.markdown#012950
markup.heading.markdown,punctuation.definition.heading#000000bold
markup.list#212121
token.info-token#212121
token.warn-token#3268CE
token.error-token#0BB8B8
token.debug-token#4D9819
keyword.other.DML.sql#1C3154
source.sql#232333
constant.other.table-name.sql#232333
constant.other.database-name.sql#232333
beginning.punctuation.definition.list.markdown#1C3154
punctuation.definition.heading#707070
variable.other#232333
storage.type#102343
storage.type.type
keyword.control.export
keyword.control.conditional
support.function#232333
string#33BB6C
storage.type.function#101070
entity.name.function#232333
keyword.control#9a649c
keyword.operator#0F102F
entity.name.type#232333
support.class#232333
variable.parameter#232333
punctuation.definition.comment#806080italic
comment#806080italic
entity.name.type.class#232333
entity.other.inherited-class#232333
storage.modifier#007FFFAA
storage.type#007FFF
support.type#202040
variable.object.property#232333
punctuation.definition.string.begin#336C6C
punctuation.definition.string.end#336C6C
meta.tag.sgml.doctype.html#806080
keyword.other.unit#78292A
entity.name.tag.css#1C3154
entity.name.tag.structure.any.html#1C3154
punctuation.definition.tag.begin.html#101070bb
punctuation.definition.tag.end.html#101070bb
meta.tag.structure.any.html#101070bb
support.type.property-name.css#3C4060
meta.property-value.css#232333
meta.property-list.css#232333
support.constant.property-value.css#235C5C
constant.other#235C5C
entity.other.attribute-name.class.css#101070
punctuation.section.property-list.begin.bracket.curly.css#101070
punctuation.section.property-list.end.bracket.curly.css#101070
storage.type.function
keyword.control.flow.python#3C4060
keyword.control.import.python#205070
storage.type.function.python#1C3154
entity.name.function.python#101070
support.function.builtin.python#101070
Entropy by Cefeon - VS Code Theme