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.activeBorder#0078D4
  • activityBar.background#181818
  • activityBar.border#2B2B2B
  • activityBar.foreground#D7D7D7
  • activityBar.inactiveForeground#868686
  • activityBarBadge.background#0078D4
  • activityBarBadge.foreground#FFFFFF
  • badge.background#616161
  • badge.foreground#F8F8F8
  • button.background#0078D4
  • button.border#FFFFFF12
  • button.foreground#FFFFFF
  • button.hoverBackground#026EC1
  • button.secondaryBackground#313131
  • button.secondaryForeground#CCCCCC
  • button.secondaryHoverBackground#3C3C3C
  • chat.editedFileForeground#E2C08D
  • chat.slashCommandBackground#34414B
  • chat.slashCommandForeground#40A6FF
  • checkbox.background#313131
  • checkbox.border#3C3C3C
  • debugToolBar.background#181818
  • descriptionForeground#9D9D9D
  • dropdown.background#313131
  • dropdown.border#3C3C3C
  • dropdown.foreground#CCCCCC
  • dropdown.listBackground#1F1F1F
  • editor.background#1E1E1E
  • editor.findMatchBackground#1A5F8C
  • editor.findMatchHighlightBackground#2f3a77FE
  • editor.foreground#E2E2E2
  • editor.lineHighlightBackground#505050
  • editor.selectionBackground#364656
  • editor.selectionForeground#FFFFFF
  • editor.wordHighlightBackground#414104FE
  • editorGroup.border#FFFFFF17
  • editorGroupHeader.tabsBackground#181818
  • editorGroupHeader.tabsBorder#2B2B2B
  • editorGutter.addedBackground#2EA043
  • editorGutter.deletedBackground#F85149
  • editorGutter.modifiedBackground#0078D4
  • editorHoverWidget.background#202020
  • editorHoverWidget.border#313131
  • editorHoverWidget.foreground#CCCCCC
  • editorHoverWidget.highlightForeground#4daafc
  • editorHoverWidget.statusBarBackground#1F1F1F
  • editorLineNumber.activeForeground#CCCCCC
  • editorLineNumber.foreground#C0C0C0
  • editorOverviewRuler.border#010409
  • editorWidget.background#202020
  • editorWidget.border#313131
  • editorWidget.foreground#CCCCCC
  • errorForeground#F85149
  • focusBorder#0078D4
  • foreground#CCCCCC
  • icon.foreground#CCCCCC
  • input.background#313131
  • input.border#3C3C3C
  • input.foreground#CCCCCC
  • input.placeholderForeground#989898
  • inputOption.activeBackground#2489DB82
  • inputOption.activeBorder#2488DB
  • keybindingLabel.foreground#CCCCCC
  • menu.background#1F1F1F
  • menu.selectionBackground#0078d4
  • notificationCenterHeader.background#1F1F1F
  • notificationCenterHeader.foreground#CCCCCC
  • notifications.background#1F1F1F
  • notifications.border#2B2B2B
  • notifications.foreground#CCCCCC
  • panel.background#181818
  • panel.border#2B2B2B
  • panelInput.border#2B2B2B
  • panelTitle.activeBorder#0078D4
  • panelTitle.activeForeground#CCCCCC
  • panelTitle.inactiveForeground#9D9D9D
  • peekViewEditor.background#1F1F1F
  • peekViewEditor.matchHighlightBackground#BB800966
  • peekViewResult.background#1F1F1F
  • peekViewResult.matchHighlightBackground#BB800966
  • pickerGroup.border#3C3C3C
  • progressBar.background#0078D4
  • quickInput.background#222222
  • quickInput.foreground#CCCCCC
  • settings.dropdownBackground#313131
  • settings.dropdownBorder#3C3C3C
  • settings.headerForeground#FFFFFF
  • settings.modifiedItemIndicator#BB800966
  • sideBar.background#181818
  • sideBar.border#2B2B2B
  • sideBar.foreground#CCCCCC
  • sideBarSectionHeader.background#181818
  • sideBarSectionHeader.border#2B2B2B
  • sideBarSectionHeader.foreground#CCCCCC
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#181818
  • statusBar.border#2B2B2B
  • statusBar.debuggingBackground#0078D4
  • statusBar.focusBorder#0078D4
  • statusBar.foreground#CCCCCC
  • statusBar.noFolderBackground#1F1F1F
  • statusBarItem.focusBorder#0078D4
  • statusBarItem.prominentBackground#6E768166
  • statusBarItem.remoteBackground#0078D4
  • statusBarItem.remoteForeground#FFFFFF
  • tab.activeBackground#1F1F1F
  • tab.activeBorder#1F1F1F
  • tab.activeBorderTop#0078D4
  • tab.activeForeground#FFFFFF
  • tab.border#2B2B2B
  • tab.hoverBackground#1F1F1F
  • tab.inactiveBackground#181818
  • tab.inactiveForeground#9D9D9D
  • tab.selectedBorderTop#6caddf
  • tab.unfocusedActiveBorder#1F1F1F
  • tab.unfocusedActiveBorderTop#2B2B2B
  • tab.unfocusedHoverBackground#1F1F1F
  • terminal.foreground#CCCCCC
  • terminal.tab.activeBorder#0078D4
  • textBlockQuote.background#2B2B2B
  • textBlockQuote.border#616161
  • textCodeBlock.background#2B2B2B
  • textLink.activeForeground#4daafc
  • textLink.foreground#4daafc
  • textPreformat.background#3C3C3C
  • textPreformat.foreground#D0D0D0
  • textSeparator.foreground#21262D
  • titleBar.activeBackground#181818
  • titleBar.activeForeground#CCCCCC
  • titleBar.border#2B2B2B
  • titleBar.inactiveBackground#1F1F1F
  • titleBar.inactiveForeground#9D9D9D
  • welcomePage.progress.foreground#0078D4
  • welcomePage.tileBackground#2B2B2B
  • widget.border#313131

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.namespace.java, entity.name.type.package.java, storage.modifier.package.java, entity.name.type.enum, support.type.enum, meta.path, entity.name.namespace#E2E2E2
keyword, storage.type.primitive, storage.modifier, storage.modifier.java, storage.modifier.extends, storage.modifier.implements, variable.language.this, variable.language.super, keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.exception, keyword.control.import, keyword.operator.instanceof, keyword.operator.instanceof.java#8DCBE2bold
storage.modifier.import, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.import.python, keyword.control.flow.python, meta.import, meta.export#8DCBE2bold
punctuation.definition.parameters, punctuation.section.parameters, punctuation.definition.arguments, punctuation.section.arguments, meta.brace.round, meta.brace.square, punctuation.definition.group#FFFFFF
keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.bitwise, keyword.operator.logical, keyword.operator.relational, keyword.operator.unary, keyword.operator.increment, keyword.operator.decrement, keyword.operator.comparison, keyword.operator.ternary, keyword.control.ternary, punctuation.section, punctuation.separator, punctuation.terminator, punctuation.separator.comma, punctuation.definition.generic.begin, punctuation.definition.generic.end, meta.operator, meta.brace, meta.bracket#F0EFD0
comment.block#73879Bitalic
comment.line, comment.line.double-slash, comment.line.number-sign, comment.line.percentage#7F9F7Fitalic
comment.block.documentation, comment.block.javadoc, comment.block.javadoc.java, comment.documentation#B3B5AFitalic
keyword.other.documentation, keyword.other.documentation.javadoc, keyword.other.documentation.javadoc.java, storage.type.class.doxygen, entity.name.tag.documentation#CC9393bold
comment.block.documentation.other.tag.html, entity.name.tag.html.documentation#9393CCitalic
comment.block.documentation.other.javadoc.link, comment.block.documentation.other.javadoc.code, markup.underline.link.documentation, markup.inline.raw.documentation#A893CCitalic
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, markup.raw.block.markdown#D4C4A9
markup.bold.markdown entity.name.function, markup.bold.markdown support.function#DCDCAAbold
markup.italic.markdown variable.parameter, markup.italic.markdown entity.name.variable#9CDCFEitalic
markup.bold.markdown entity.name.type, markup.bold.markdown support.type#4EC9B0bold
markup.inline.raw.markdown, markup.inline.raw.string.markdown#D4C4A9
markup.underline.link.markdown, string.other.link.title.markdown, string.other.link.description.markdown#4daafc
markup.bold.markdown, markup.bold.markdown entity.name.function, markup.bold.markdown entity.name.method, markup.bold.markdown support.function#DCDCAAbold
markup.italic.markdown, variable.parameter, variable.other#9CDCFEitalic
markup.inline.raw.markdown meta.function-call, markup.inline.raw.markdown entity.name.function, markup.inline.raw.markdown support.function, meta.function-call.markdown, entity.name.function.markdown#DCDCAA
markup.heading.markdown, markup.heading.1.markdown, markup.heading.2.markdown, markup.heading.3.markdown, markup.heading.4.markdown, markup.heading.5.markdown, markup.heading.6.markdown#DCDCAAbold
storage.type.annotation, punctuation.definition.annotation, meta.annotation, entity.name.type.annotation#808080italic
meta.annotation variable.other.object.property.java, variable.other.object.property.java#808080italic
comment.todo, comment.other.radar, comment.other.todo, comment.other.fixme, comment.other.changed, comment.other.note, comment.other.hack, comment.other.bug, keyword.todo#ACC1ACbold italic underline
keyword.control.flow.python, keyword.control.conditional.python, keyword.control.exception.python, keyword.control.repeat.python, keyword.operator.logical.python, storage.type.function.python, storage.type.class.python, keyword.control.import.python#8DCBE2bold
support.function.builtin.python, support.function.magic.python#DFBE95
entity.name.function.decorator.python, meta.function.decorator.python, punctuation.definition.decorator.python, entity.name.decorator.python, meta.decorator.python#808080italic
constant.character.format.placeholder.other.python, meta.format.brace.python#EAB882bold
storage.type.go, storage.type.primitive.go, storage.type.boolean.go, storage.type.numeric.go, storage.type.string.go, storage.type.error.go, storage.type.uintptr.go, storage.type.rune.go, storage.type.byte.go, storage.type.bool.go, storage.type source.go, entity.name.type.go, support.type.builtin.go, keyword.type.go#8DCBE2bold
variable.other.go, variable.other.property.go, variable.other.assignment.go, variable.parameter.go, entity.name.variable.go, meta.definition.variable.go#D4C4A9
variable.other.import.go, variable.other.import.usage.go#93A2CCitalic
variable.other.constant.go#53DCCD
keyword.control.go, keyword.function.go, keyword.var.go, keyword.const.go, keyword.type.go, keyword.package.go, keyword.import.go, keyword.interface.go, keyword.struct.go, storage.modifier.go#8DCBE2bold
entity.name.function.go, support.function.builtin.go#DFBE95
entity.name.type.go, entity.name.type.struct.go, entity.name.type.interface.go#CAE682
constant.language.nil.go, constant.language.iota.go#8DCBE2bold
keyword.control.coq, keyword.declaration.coq, storage.type.declaration.coq, entity.name.command.coq, keyword.other.definition.coq, keyword.other.theorem.coq, keyword.other.lemma.coq, keyword.other.proof.coq, keyword.other.qed.coq, keyword.other.inductive.coq, keyword.other.fixpoint.coq, keyword.other.coinductive.coq#8DCBE2bold
keyword.tactic.coq, entity.name.tactic.coq, support.function.tactic.coq, keyword.other.tactic.coq#DFBE95
storage.type.coq, entity.name.type.coq, support.type.coq, keyword.type.prop.coq, keyword.type.type.coq, keyword.type.set.coq#CAE682
keyword.operator.logical.coq, keyword.other.forall.coq, keyword.other.exists.coq, keyword.other.fun.coq, keyword.other.match.coq, keyword.other.with.coq, keyword.other.end.coq, keyword.other.if.coq, keyword.other.then.coq, keyword.other.else.coq#8DCBE2bold
constant.language.coq, entity.name.constructor.coq, support.constant.coq, constant.other.coq#53DCCD
variable.other.coq, entity.name.variable.coq, meta.binding.coq#D4C4A9
meta.annotation.coq, entity.name.tag.coq, punctuation.definition.annotation.coq#808080italic
keyword.operator.coq#FFFFFF
source.coq#D4C4A9
string.quoted.docstring, string.quoted.docstring.multi.python, string.quoted.docstring.single.python, string.quoted.triple.docstring.python, string.docstring#B3B5AFitalic
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.interpolated, string.regexp#CC9393—
constant.character.escape, constant.other.placeholder#EAB882bold
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.decimal, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary#EAB882—
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan#8DCBE2bold
entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.struct, support.type, support.class, meta.type, entity.other.inherited-class, storage.type.object, storage.type.generic, source.java entity.name.type, source.java support.type, entity.name.type.class.java, storage.type.java, entity.name.class, entity.name.interface#CAE682—
entity.name.function.deprecated, entity.name.method.deprecated#E2E2E2italic strikethrough
entity.name.function, entity.name.method, support.function, meta.function-call.generic, meta.method-call#DFBE95—
variable, variable.other, variable.parameter, entity.name.variable, support.variable, meta.definition.variable, source.java variable.parameter, source.java variable.other#D4C4A9—
variable.object.property, meta.object-literal.key, support.type.property-name#B3B784—
support.type.property-name.json, meta.structure.dictionary.key.json#8DCBE2—
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#CAE682—
support.type.property-name.css#B3B784—
entity.name.tag.html, entity.name.tag.xml#CAE682—
entity.other.attribute-name.html, entity.other.attribute-name.xml#B3B784—
*.deprecated, entity.name.function.deprecated, entity.name.method.deprecated, variable.deprecated#E2E2E2italic strikethrough
invalid, invalid.illegal, invalid.deprecated#F85149underline
NightLion Aptana (DevStyle) by Matthew Sheldon - VS Code Theme