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#3c3f41
  • activityBar.border#323232
  • activityBar.foreground#f0f0f0
  • breadcrumb.background#313335
  • editor.background#2b2b2b
  • editor.foreground#A9B7C6
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#323232
  • editor.selectionBackground#264f78
  • editorGroup.border#323232
  • editorGroupHeader.tabsBackground#3c3f41
  • editorGroupHeader.tabsBorder#505050
  • editorGutter.background#313335
  • editorIndentGuide.activeBackground#555555
  • editorIndentGuide.background#373737
  • editorLineNumber.activeForeground#a4a3a3
  • editorLineNumber.foreground#606366
  • editorSuggestWidget.background#3c3f41
  • editorWidget.background#313335
  • editorWidget.border#323232
  • input.background#45494a
  • input.border#323232
  • input.foreground#bbbbbb
  • list.activeSelectionBackground#4b6eaf
  • list.dropBackground#474b4d
  • list.errorForeground#bbbbbb
  • list.focusBackground#4b6eaf
  • list.hoverBackground#4b6eaf
  • list.inactiveSelectionBackground#313335
  • list.warningForeground#bbbbbb
  • menu.background#3c3f41
  • menu.foreground#adadad
  • notebook.cellHoverBackground#313335
  • notebook.focusedCellBorder#4787C9
  • notebook.focusedEditorBorder#505050
  • scrollbar.shadow#00000030
  • scrollbarSlider.activeBackground#FFFFFF30
  • scrollbarSlider.background#FFFFFF1A
  • scrollbarSlider.hoverBackground#FFFFFF2A
  • sideBar.background#3c3f41
  • sideBar.border#323232
  • sideBar.foreground#bbbbbb
  • sideBarSectionHeader.background#3b4754
  • sideBarSectionHeader.border#323232
  • statusBar.background#3c3f41
  • statusBar.border#323232
  • statusBar.debuggingBackground#864d30
  • statusBar.debuggingBorder#464646
  • statusBar.debuggingForeground#cccccc
  • statusBar.foreground#bbbbbb
  • statusBar.noFolderBackground#3c3f41
  • statusBar.noFolderBorder#464646
  • statusBar.noFolderForeground#bbbbbb
  • tab.activeBackground#515658
  • tab.activeBorder#4787C9
  • tab.border#323232
  • tab.hoverBackground#27292a
  • tab.inactiveBackground#3c3f41
  • tab.inactiveForeground#bbbbbb
  • tab.unfocusedActiveForeground#bbbbbb
  • tab.unfocusedHoverBackground#27292a
  • tab.unfocusedInactiveForeground#bbbbbb
  • terminal.background#2b2b2b
  • terminal.foreground#bbbbbb
  • titleBar.activeBackground#3c3f41
  • titleBar.border#323232
  • titleBar.inactiveBackground#313335

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
emphasisitalic
strongbold
markup.underlineunderline
markup.bold, markup.headingbold
markup.italicitalic
markup.inserted#A5C261
markup.deleted#D16969
markup.changed#6897BB
markup.inline.raw#719161
meta.embedded, source.groovy.embedded, header#A9B7C6
entity.name.function.preprocessor, entity.name.variable.preprocessor.symbol#CC7832
meta.preprocessor.string#719161
meta.preprocessor.numeric#6897BB
meta.diff.header#A9B7C6
invalid#CF4444
comment#808080
comment.block.documentation, string.quoted.docstring.multi#719161
string, string.value, string.tag, meta.embedded.assembly, punctuation.definition.string.begin, punctuation.definition.string.end#719161
entity.other.attribute-name#CC7832
keyword#CC7832
keyword.operator#A9B7C6
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.operator.logical, keyword.other.using, keyword.other.operator, keyword.other.important, entity.name.operator#CC7832
storage.type.function#CC7832
keyword.other.unit#A5C261
variable.language#CC7832
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.wordlike, keyword.operator.noexcept, keyword.operator.ternary#CC7832
keyword.type, storage.type.built-in, storage.type.built-in.primitive, storage.type.modifier#CC7832
keyword.other, storage.modifier#8888C6
constant.numeric#6897BB
constant.language, constant.character#CC7832
variable.other.constant, variable.other.enummember, support.constant, constant.other.class, constant.other.caps#9876AAitalic
variable.other.object#9876AAitalic bold
constant.character.escape#CC7832
constant.character.format.placeholder.other, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.section.embedded#CC7832
keyword.control.import, entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal, meta.function-call.generic#EEBD72
string.regexp#6897BB
constant.regexp#719161
keyword.operator.quantifier.regexp#6897BB
keyword.operator.or.regexp, keyword.operator.negation.regexp, keyword.operator.disjunction.regexp, keyword.control.anchor.regexp#CC7832
support.other.match.begin.regexp, support.other.match.end.regexp#CC7832
keyword.operator.lookbehind.regexp, keyword.operator.lookahead.regexp, keyword.operator.lookbehind.negative.regexp, keyword.operator.lookahead.negative.regexp#EEBD72
punctuation.parenthesis.begin.regexp, punctuation.parenthesis.end.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, punctuation.definition.character-class.regexp#EEBD72
punctuation.separator.colon, punctuation.separator.key-value, support.type.property-name#A9B7C6
punctuation.definition.tag, entity.name.label, entity.name.tag, meta.tag#EEBD72
source.ini, source.ini keyword.other#A9B7C6
source.cpp storage.type.extern, source.cpp storage.type.struct, source.cpp storage.type.union, source.cpp storage.type.enum, source.cpp storage.type.template, source.cpp storage.type.asm, source.cpp storage.type.decltype#8888C6
source.cpp entity.name.other.preprocessor.macro#CC7832
entity.name.function.decorator.python, meta.function.decorator.python#989FC6
variable.language.special.self.python, variable.parameter.function.language.special.self.python#8888C6
storage.type.string.python#CC7832
variable.parameter.function.language.special.python#9876AA
variable.parameter.function-call.python#AF5635
support.variable.magic.python, support.function.magic.python#A552A5
source.python support.type, source.python meta.function-call.arguments support.type, source.python meta.function-call support.function.builtin.python, source.python meta.item-access meta.item-access.arguments support.type#8888C6
source.python punctuation.definition.decorator, source.python punctuation.definition.arguments, source.python punctuation.separator.arguments, source.python punctuation.separator.period#A9B7C6
source.python string.quoted.binary.single, source.python string.quoted.binary.single punctuation.definition.string.begin, source.python string.quoted.binary.single punctuation.definition.string.end, source.python string.quoted.binary.single storage.type.string#A5C261
source.python support.type.exception, source.python meta.class.inheritance support.type.exception, source.python meta.class.inheritance support.type.metaclass#EEBD72
meta.preprocessor.cs#CC7832
string.unquoted.preprocessor.message.cs#A9B7C6
source.go entity.name.type, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go#CC7832
entity.name.package.go#AFBF7E
punctuation.other.comma.go, punctuation.terminator.go#CC7832
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#A9B7C6
variable.other.twig, variable.other.property.twig#9876AA
punctuation.section.tag.twig#CC7832
keyword.other.phpdoc.php#CC7832italic
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#BE5046
variable.other.property.php#9876AA
storage.type.php#8888C6
storage.type.js#CC7832
storage.type.ts, storage.type.type.ts, storage.type.class, storage.type.interface.ts, storage.type.enum.ts, storage.type.namespace.ts, storage.modifier.ts#CC7832
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, variable.other.property.ts, punctuation.accessor.ts#A9B7C6
storage.type.glsl#8888C6
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#6897BB
support.type.property-name.json#9876AA
keyword.other.DML.sql, keyword.other.alias.sql, keyword.operator.star.sql, constant.other.database-name.sql, constant.other.table-name.sql#719161
punctuation.definition.quote.begin.markdown#719161
punctuation.definition.list.begin.markdown#EEBD72
markup.fenced_code.block.markdown#808080
theme-jetbrains-darcula by lucashnv - VS Code Theme