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#1D1F21
  • activityBar.foreground#d4d7d6
  • activityBarBadge.background#55b5db
  • editor.background#191B1C
  • editor.foldBackground#41535b25
  • editor.foreground#d4d7d6
  • editor.wordHighlightBackground#356577
  • editorBracketHighlight.foreground1#e6cd69CC
  • editorBracketHighlight.foreground2#a074c4CC
  • editorBracketHighlight.foreground3#9fca56CC
  • editorError.foreground#cd3f45
  • editorGroup.border#111313
  • editorGroupHeader.tabsBackground#22272B
  • editorGroupHeader.tabsBorder#111313
  • editorGutter.addedBackground#9fca56
  • editorGutter.background#151718
  • editorGutter.deletedBackground#cd3f45
  • editorGutter.modifiedBackground#55b5db
  • editorHint.foreground#a074c4
  • editorInfo.foreground#55b5db
  • editorLineNumber.activeForeground#55b5db
  • editorLineNumber.foreground#41535b
  • editorOverviewRuler.addedForeground#9fca56
  • editorOverviewRuler.bracketMatchForeground#d4d7d6
  • editorOverviewRuler.deletedForeground#cd3f45
  • editorOverviewRuler.errorForeground#cd3f45
  • editorOverviewRuler.findMatchForeground#d4d7d6
  • editorOverviewRuler.infoForeground#55b5db
  • editorOverviewRuler.modifiedForeground#55b5db
  • editorOverviewRuler.warningForeground#e6cd69
  • editorRuler.foreground#1d1f21
  • editorWarning.foreground#e6cd69
  • gitDecoration.addedResourceForeground#9fca56
  • gitDecoration.conflictingResourceForeground#e6cd69
  • gitDecoration.deletedResourceForeground#cd3f45
  • gitDecoration.ignoredResourceForeground#41535b
  • gitDecoration.modifiedResourceForeground#55b5db
  • gitDecoration.submoduleResourceForeground#356577
  • gitDecoration.untrackedResourceForeground#a074c4
  • list.errorForeground#cd3f45
  • list.invalidItemForeground#a074c4
  • list.warningForeground#e6cd69
  • menu.background#1D1F21
  • menu.selectionBackground#356577
  • sideBar.background#131415
  • sideBar.border#1D1F21
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#1D1F21
  • statusBar.debuggingBackground#2b0000
  • statusBar.noFolderBackground#1D1F21
  • tab.activeBackground#111313
  • tab.activeBorder#55b5db
  • tab.border#111313
  • tab.inactiveBackground#1C2123
  • tab.inactiveForeground#d4d7d6
  • tab.unfocusedActiveBackground#111313
  • tab.unfocusedActiveBorder#55b5db
  • terminal.ansiBlack#151718
  • terminal.ansiBlue#55b5db
  • terminal.ansiBrightBlack#41535b
  • terminal.ansiBrightBlue#88e8ff
  • terminal.ansiBrightCyan#88fff1
  • terminal.ansiBrightGreen#d2fd89
  • terminal.ansiBrightMagenta#d3a7f7
  • terminal.ansiBrightRed#ff7278
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffff9c
  • terminal.ansiCyan#55dbbe
  • terminal.ansiGreen#9fca56
  • terminal.ansiMagenta#a074c4
  • terminal.ansiRed#cd3f45
  • terminal.ansiWhite#d6d6d6
  • terminal.ansiYellow#e6cd69
  • terminal.background#151718
  • terminal.foreground#d4d7d6
  • titleBar.activeBackground#1D1F21

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, markup.heading.setext, markup.quote, meta.separator, punctuation.definition.comment#41535b
entity.name.function, entity.name.tag.css, entity.name.tag.localname, entity.name.tag.wildcard.css, entity.name.type.namespace, heading, meta.brace.square, meta.function-call, punctuation.definition.array.begin, punctuation.definition.array.end, punctuation.definition.metadata, punctuation.definition.string, punctuation.definition.tag.end, punctuation.definition.tag.end, punctuation.definition.tag, string.quoted.docstring.multi, string.quoted.docstring.single, string.quoted.double, string.quoted.single, support.function, support.type.property-name.json, variable.parameter.function-call#55b5db
entity.other.attribute-name.class, entity.other.attribute-name.id, entity.other.attribute-name.localname, entity.other.attribute-name.pseudo-class, entity.other.attribute-name, entity.other.attribute-name, entity.other.inherited-class, keyword.control.at-rule.import, keyword.control.at-rule.media, keyword.operator.gradients, keyword.operator.logical.and.media, keyword.operator.new, keyword.other.important, keyword.other.unit.px, markup.list.numbered, markup.list.unnumbered, meta.preprocessor, storage.type.class.doxygen, storage.type.class.gtkdoc, variable.language.special.self, variable.other.object.property, variable.other.property, variable.parameter.function.language.special.self#9fca56
punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end, punctuation.parenthesis.close, punctuation.parenthesis.open#9fca56CC
keyword.codetag.notation, keyword.control, keyword.fsharp, keyword.operator, keyword.other.async, keyword.other.attribute-specifier, keyword.other.class, keyword.other.delegate, keyword.other.enum, keyword.other.event, keyword.other.get, keyword.other.interface, keyword.other.namespace, keyword.other.new, keyword.other.set, keyword.other.static, keyword.other.struct, keyword.other.typedef, keyword.other.typeof, keyword.other.using, keyword.other.var, keyword.other.where, keyword.symbol.fsharp, keyword.symbol.arrow.fsharp, markup.underline.link, meta.tag.preprocessor.xml, meta.tag.xml, punctuation.definition.list, punctuation.separator.array.comments, punctuation.separator.dictionary.key-value.comments, punctuation.separator.key-value, punctuation.separator.pointer-access, storage.modifier, storage.type.class, storage.type.function, storage.type#e6cd69
constant.character.escape, constant.language, constant.numeric, constant.other.fsharp, support.constant.font-name, support.constant.media, support.constant.property-values#cd3f45
entity.name.tag, entity.name.type.class, entity.name.type.struct, keyword.type, markup.inline.raw.string, punctuation.section.embedded.begin, punctuation.section.embedded.end, string.other.link.title, support.type.property-name.media, support.type.property-name, variable.other.object#a074c4
constant.character.format.placeholder.other.python, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end#88e8ff
entity.name.variable.preprocessor.symbol, meta.block, meta.function-call.arguments, punctuation.accessor, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.string.begin.json, punctuation.definition.string.end.json, string.quoted.double.json, variable.language#d4d7d6
punctuation.definition.entity, punctuation.terminator.rule, punctuation.terminator.statement, punctuation.terminator#888B8A
markup.bold#d4d7d6bold
markup.italic#d4d7d6italic
seti-classic-vscode by ecool - VS Code Theme