Skip to main content
CodingTheme

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.activeBackground#232932
  • activityBar.background#232932
  • badge.background#232932
  • dropdown.background#232932
  • editor.background#2c333d
  • editor.foreground#CED1CF
  • editor.hoverHighlightBackground#232932
  • editor.lineHighlightBackground#232932
  • editor.selectionBackground#434d5b
  • editor.selectionHighlightBackground#4271ae31
  • editorBracketMatch.border#7dcbc4
  • editorCursor.foreground#d2d8e1
  • editorGroupHeader.tabsBackground#232932
  • editorHoverWidget.background#232932
  • editorWhitespace.foreground#434d5b
  • editorWidget.background#232932
  • foreground#d2d8e1
  • input.background#232932
  • list.activeSelectionBackground#2c333d
  • list.hoverBackground#232932
  • list.inactiveSelectionBackground#2c333d
  • menu.background#232932
  • peekViewResult.background#232932
  • peekViewTitle.background#232932
  • sideBar.background#232932
  • statusBar.background#232932
  • statusBar.noFolderBackground#232932
  • tab.activeBackground#2c333d
  • tab.inactiveBackground#232932
  • titleBar.activeBackground#232932
  • titleBar.inactiveBackground#232932

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, string.quoted.double.block.python#808691
keyword.operator.class, source.php.embedded.line, meta.method punctuation.definition, meta.method punctuation.separator#CED1CF
variable, support.other.variable, variable.parameter, string.other.link, string.regexp, declaration.tag, meta.expression.body.function, string.unquoted.label#5AB8E5
constant.numeric, constant.language, constant.other, support.constant, variable.other.constant, keyword.other.unit, meta.property-value, punctuation.section.embedded#C9A9F9
entity.name.class, entity.name.type.class, entity.name.type.instance, entity.name.instance, meta.instance.constructor, meta.property.class, variable.other.class, class.name, support.type, support.class, storage.type#F0D879
entity.name.type#5AB8E5
string, constant.other.symbol, entity.other.inherited-class#EC9076
keyword.operator, keyword.control, entity.other.attribute-name, constant.other.color, constant.character#7DCBC4
entity.name.function, support.function, keyword.other.special-method, entity.name.method, meta.accessor, meta.block-level, function.name#61D29D
keyword, storage, storage.type, entity.name.tag.css, meta.tag, entity.name.tag#5AB8E5
meta.method.body.java, meta.method.return-type.java#CED1CF
punctuation.definition.string.begin.java, punctuation.definition.string.end.java#EC9076
storage.type.java#F0D879
meta.expression.body.function#61D29D
meta.expression.body.class.ts, meta.class.ts#F0D879
meta.toc-list.class.member.ts#CAB8A3
punctuation.definition.string.ts#EC9076
meta.brace.curly.ts, meta.brace.square.ts, meta.brace.round.ts, meta.delimiter.ts, punctuation.definition.parameters.ts, punctuation.terminator.statement.ts, punctuation.definition.parameters.begin.ts, punctuation.definition.parameters.end.ts, meta.delimiter.method.period.ts, meta.delimiter.object.comma.ts, keyword.operator.ts#D2D8E1
string.quoted.double.json, meta.structure.dictionary.json string.quoted.double.json, meta.structure.dictionary.json meta.structure.dictionary.json string.quoted.double.json, meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json string.quoted.double.json, meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json string.quoted.double.json, meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json string.quoted.double.json, meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json string.quoted.double.json, meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json string.quoted.double.json, meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json string.quoted.double.json#CAB8A3
meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.value.json meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json string.quoted.double.json#EC9076
meta.parameter.optional punctuation.definition.string.begin, meta.parameter.optional punctuation.definition.string.end#FFFFFF
markup.heading.markdown, markup.heading#F0D879
markup.list.unnumbered.markdown, markup.list.numbered.markdown#D2D8E1
markup.bold.markdown, markup.italic.markdown, markup.bold#F0D879
markup.italic.markdownitalic
markup.bold.markdownbold
markup.raw.inline.markdown, markup.raw.block.markdown#CAB8A3
string.other.link.title.markdown, string.other.link.description.title.markdown#61D29D
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown#C9A9F9italic
markup.quote.markdown#EC9076
constant.numeric.line-number.find-in-files - match#C9A9F9A0
entity.name.filename.find-in-files#F0D879
invalid#EF4D44
meta.separator#7DCBC4
invalid.deprecated#EF4D44
markup.inserted.diff, markup.deleted.diff, meta.diff.header.to-file, meta.diff.header.from-file#D2D8E1
markup.inserted.diff, meta.diff.header.to-file#A6E22E
markup.deleted.diff, meta.diff.header.from-file#EF4D44
meta.diff.header.from-file, meta.diff.header.to-file#D2D8E1
meta.diff.range#7DCBC4italic
markup.deleted#F92672
markup.inserted#A6E22E
markup.changed#967EFB
sublimelinter.mark.error#EF4D44
sublimelinter.gutter-mark#D2D8E1
sublimelinter.mark.warning#FACB68
variable.parameter#61D29D
meta.brace.curly.js, meta.brace.square.js, meta.brace.round.js, meta.delimiter.js, punctuation.definition.parameters.js, punctuation.terminator.statement.js, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, meta.delimiter.method.period.js, meta.delimiter.object.comma.js#FFFFFF
punctuation.definition.string.js#FFFFFF
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6

Shiki preview

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

Loading...

Behave Full Dark Theme by Chrismettal - VS Code Theme