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-number—underline
constant.character#007F7F—
string, string.unquoted#00AF7F—
string.unquoted.heredoc#212121—
constant.numeric#AB292A—
constant.language, support.constant.core—bold
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-point—underline
source.ocaml keyword.operator.symbol.prefix.floating-point—underline
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