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#2c2b32
  • activityBar.foreground#fafafa
  • activityBar.inactiveForeground#749f6d
  • activityBarBadge.background#b91c1c
  • badge.background#00000000
  • badge.foreground#e4e4e7
  • button.background#2c2b32
  • button.border#749f6d
  • debugIcon.breakpointCurrentStackframeForeground#749f6d
  • debugIcon.breakpointDisabledForeground#848484
  • debugIcon.breakpointForeground#FF7A84
  • debugIcon.breakpointStackframeForeground#749f6d
  • debugIcon.breakpointUnverifiedForeground#848484
  • debugIcon.continueForeground#FF7A84
  • debugIcon.disconnectForeground#FF7A84
  • debugIcon.pauseForeground#FF7A84
  • debugIcon.restartForeground#749f6d
  • debugIcon.startForeground#749f6d
  • debugIcon.stepBackForeground#FF7A84
  • debugIcon.stepIntoForeground#FF7A84
  • debugIcon.stepOutForeground#FF7A84
  • debugIcon.stepOverForeground#FF7A84
  • debugIcon.stopForeground#FF7A84
  • diffEditor.insertedTextBackground#3a632a4b
  • diffEditor.removedTextBackground#88063852
  • editor.background#1f1e25
  • editor.lineHighlightBorder#71717a
  • editorGroupHeader.tabsBackground#2c2b32
  • editorGroupHeader.tabsBorder#2c2b32
  • editorIndentGuide.activeBackground1#a1a1aa
  • editorIndentGuide.background1#3f3f46
  • editorLineNumber.foreground#71717a
  • editorRuler.foreground#3f3f46
  • editorSuggestWidget.background#2c2b32
  • focusBorder#00000000
  • foreground#F5F5F5
  • gitDecoration.ignoredResourceForeground#7d7d8a
  • input.background#2c2b32
  • input.border#749f6d
  • input.foreground#e4e4e7
  • inputOption.activeBackground#2c2b32
  • list.activeSelectionBackground#45444b
  • list.activeSelectionForeground#F5F5F5
  • list.focusBackground#45444b
  • list.highlightForeground#EAEAEA
  • list.hoverBackground#45444b
  • list.hoverForeground#F5F5F5
  • list.inactiveSelectionBackground#45444b
  • list.inactiveSelectionForeground#F5F5F5
  • panelTitle.activeBorder#1f1e25
  • panelTitle.activeForeground#FAFAFA
  • panelTitle.inactiveForeground#484848
  • peekView.border#444
  • peekViewEditor.background#1f1e25
  • pickerGroup.border#363636
  • pickerGroup.foreground#EAEAEA
  • progressBar.background#FAFAFA
  • scrollbar.shadow#1f1e25
  • sideBar.background#2c2b32
  • sideBarSectionHeader.background#1f1e25
  • statusBar.background#2c2b32
  • statusBar.debuggingBackground#2c2b32
  • statusBar.foreground#7E7E7E
  • statusBar.noFolderBackground#2c2b32
  • statusBarItem.prominentBackground#fafafa1a
  • statusBarItem.remoteBackground#2c2b3200
  • statusBarItem.remoteForeground#7E7E7E
  • symbolIcon.classForeground#f580d7
  • symbolIcon.constructorForeground#FF7A84
  • symbolIcon.enumeratorForeground#f580d7
  • symbolIcon.enumeratorMemberForeground#06d6d6
  • symbolIcon.eventForeground#f580d7
  • symbolIcon.fieldForeground#79b8ff
  • symbolIcon.functionForeground#6cb2fd
  • symbolIcon.interfaceForeground#06d6d6
  • symbolIcon.methodForeground#6cb2fd
  • symbolIcon.variableForeground#f5a05b
  • tab.activeBorder#1f1e25
  • tab.activeForeground#FAFAFA
  • tab.border#2c2b32
  • tab.inactiveBackground#2c2b32
  • tab.inactiveForeground#a1a1aa
  • terminal.ansiBrightBlack#5c5c5c
  • textLink.activeForeground#fafafa
  • textLink.foreground#749f6d
  • titleBar.activeBackground#2c2b32
  • titleBar.border#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, constant, entity, keyword, meta, storage, string, support, variableitalic
#b392f0
meta.attribute.python, support.function.builtin.python, entity.name.function.c#b392f0
support.function, keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression, markup.fenced_code meta.embedded.block, string#e4e4e7
emphasisitalic
strong, markup.heading.markdown, markup.bold.markdown#ff4453bold
markup.italic.markdownitalic
meta.link.inline.markdown#e4e4e7underline
markup.fenced_code, markup.inline#c59d9d
comment, string.quoted.docstring.multi#a1a1aa
constant.numeric, constant.other.placeholder, constant.character.format.placeholder, meta.property-value, keyword.other.unit, keyword.other.template, entity.name.tag.yaml, entity.other.attribute-name, variable.object.property, variable.other.property.go, meta.object-literal.key, meta.indexed-name.python, keyword.control.directive.include.c, punctuation.definition.directive.c#06d6d6
keyword, storage.modifier, storage.type, storage.control.clojure, entity.name.function.clojure, support.function.node, punctuation.separator.key-value, punctuation.definition.template-expression, support.type.primitive.prisma, punctuation.definition.entity, constant.character.entity#f5a05b
variable.parameter.function, variable.other.readwrite, variable.parameter, meta.parameters, variable.other.property, variable.other.assignment, meta.definition.variable, meta.var-single-variable.expr, entity.name.type.class, entity.other.inherited-class, variable.other, support, constant.character.format.placeholder.other.python, constant.other.placeholder.c#e4e4e7
meta.function-call, meta.instance.constructor, entity.name.function, constant.keyword.clojure, constant.language.boolean, constant.language.json, support.class.component#6cb2fd
constant.language, variable.language.this, variable.other.object, variable.other.class, variable.other.constant, meta.property-name, string.other.link.title.markdown, entity.name.type, variable.language.relations.prisma, variable.prop.css, support.type.python, constant.character.escape.c, support.type.primitive#f580d7
string.quoted, string.regexp, string.interpolated, string.template, string.unquoted.plain.out.yaml, keyword.other.template#95bb60
entity.name.tag, variable.parameter.function-call.python, storage.type.built-in.primitive.c#fc5a5a
entity.name.function.decorator.python, punctuation.definition.decorator.python, string.quoted.other.lt-gt.include.c#c2bf23
token.info-token#316bcd
token.warn-token#cd9731
token.error-token#cd3131
token.debug-token#800080
punctuation.definition.arguments, punctuation.definition.dict, punctuation.separator, meta.function-call.arguments, punctuation.definition.parameters, punctuation.definition.block, punctuation.definition.square, punctuation.definition.begin.bracket.curly, punctuation.definition.typeparameters, punctuation.definition.tag, punctuation.definition.binding-pattern.object, punctuation.accessor, meta.var.expr, meta.block, source.python#e4e4e7
markup.underline.link#e4e4e7
beginning.punctuation.definition.list.markdown#FF7A84
punctuation.definition.metadata.markdown#e4e4e7
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#79b8ff
Brainstorm Theme by Rafael Mendonça Vaz - VS Code Theme