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.activeBackground#191919
  • activityBar.activeBorder#9b9b9b
  • activityBar.background#111111
  • activityBar.border#242424
  • activityBar.dropBackground#1d1d1d80
  • activityBar.foreground#C6C7C6
  • activityBarBadge.background#434343
  • activityBarBadge.foreground#DCDCDB
  • badge.background#434343
  • badge.foreground#DCDCDB
  • breadcrumb.activeSelectionForeground#DADADA
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#afafaf
  • breadcrumb.foreground#9b9b9b
  • breadcrumbPicker.background#262626
  • button.background#313131
  • button.foreground#f8f8f2
  • button.hoverBackground#363636
  • contrastActiveBorder#00000000
  • contrastBorder#ffffff0e
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#D0200099
  • debugToolBar.background#111111
  • descriptionForeground#F8F8F8
  • diffEditor.insertedTextBackground#85cf7b46
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#d12d1e41
  • diffEditor.removedTextBorder#00000000
  • dropdown.background#262626
  • dropdown.border#383838
  • dropdown.foreground#C6C6C6
  • dropdown.listBackground#262626
  • editor.background#000000
  • editor.findMatchBackground#3AB9ED4D
  • editor.findMatchHighlightBackground#3AB9ED59
  • editor.findRangeHighlightBackground#3AB9ED59
  • editor.foreground#f8f8f2
  • editor.hoverHighlightBackground#F8F8F229
  • editor.inactiveSelectionBackground#3AB9ED59
  • editor.lineHighlightBackground#212121
  • editor.lineHighlightBorder#111111
  • editor.rangeHighlightBackground#F8F8F229
  • editor.selectionBackground#383838
  • editor.selectionForeground#FFFFFF
  • editor.selectionHighlightBackground#F8F8F229
  • editor.wordHighlightBackground#3abaed31
  • editor.wordHighlightStrongBackground#3abaed3f
  • editorBracketMatch.background#f8f8f200
  • editorBracketMatch.border#57575794
  • editorCodeLens.foreground#75715E
  • editorCursor.foreground#f8f8f0
  • editorError.border#000000
  • editorError.foreground#d01f00f8
  • editorGroup.border#282828
  • editorGroup.dropBackground#11111185
  • editorGroup.emptyBackground#000000
  • editorGroup.focusedEmptyBorder#000000
  • editorGroupHeader.noTabsBackground#030303
  • editorGroupHeader.tabsBackground#1D1D1D
  • editorGroupHeader.tabsBorder#111111
  • editorGutter.addedBackground#4d7c487a
  • editorGutter.background#000000
  • editorGutter.deletedBackground#f9244b7e
  • editorGutter.modifiedBackground#3AB9ED4D
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#242424
  • editorIndentGuide.activeBackground#242424
  • editorIndentGuide.background#191919
  • editorInfo.foreground#41c9fffb
  • editorLineNumber.activeForeground#9b9b9b
  • editorLineNumber.foreground#858582
  • editorLink.activeForeground#3AB9ED
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#D0200099
  • editorMarkerNavigationWarning.background#ddb800b9
  • editorOverviewRuler.border#242424
  • editorOverviewRuler.commonContentForeground#AE81FF26
  • editorOverviewRuler.currentContentForeground#4D7C4859
  • editorOverviewRuler.incomingContentForeground#6C160F80
  • editorPane.background#000000
  • editorRuler.foreground#858582
  • editorSuggestWidget.background#000000F2
  • editorSuggestWidget.border#242424
  • editorSuggestWidget.foreground#F8F8F2
  • editorSuggestWidget.highlightForeground#F8F8F2
  • editorSuggestWidget.selectedBackground#262626E6
  • editorWarning.border#000000
  • editorWarning.foreground#DDB700
  • editorWhitespace.foreground#383838
  • editorWidget.background#1D1D1D
  • editorWidget.border#00000000
  • errorForeground#F85522
  • extensionButton.prominentBackground#313131
  • extensionButton.prominentForeground#F8F8F2
  • extensionButton.prominentHoverBackground#363636
  • focusBorder#ffffff0a
  • foreground#DEDDDC
  • gitDecoration.conflictingResourceForeground#D02000
  • gitDecoration.deletedResourceForeground#e6226a
  • gitDecoration.ignoredResourceForeground#c9c3b4
  • gitDecoration.modifiedResourceForeground#DDB700
  • gitDecoration.submoduleResourceForeground#b9b3c5
  • gitDecoration.untrackedResourceForeground#7dac20
  • gitlens.gutterBackgroundColor#000000
  • gitlens.gutterForegroundColor#C6C7C6
  • gitlens.gutterUncommittedForegroundColor#3abaedf5
  • gitlens.lineHighlightBackgroundColor#3abaed17
  • gitlens.trailingLineBackgroundColor#00000000
  • gitlens.trailingLineForegroundColor#36342b
  • input.background#292929
  • input.border#383838
  • input.foreground#F8F8F2
  • input.placeholderForeground#797979
  • inputOption.activeBorder#303030
  • inputValidation.errorBackground#a56363
  • inputValidation.errorBorder#F85522
  • inputValidation.infoBackground#1D1D1D
  • inputValidation.infoBorder#3AB9ED
  • inputValidation.warningBackground#1D1D1D
  • inputValidation.warningBorder#E6DB74
  • list.activeSelectionBackground#292929
  • list.activeSelectionForeground#F8F8F2
  • list.dropBackground#27272773
  • list.focusBackground#292929
  • list.focusForeground#C6C7C6
  • list.highlightForeground#DCDCDB
  • list.hoverBackground#262626
  • list.hoverForeground#F8F8F2
  • list.inactiveFocusBackground#272727
  • list.inactiveSelectionBackground#2b2b2b
  • list.inactiveSelectionForeground#DCDCDB
  • list.invalidItemForeground#c9bebe
  • listFilterWidget.background#000000
  • menu.background#111111
  • menu.border#282828
  • menu.selectionBackground#282828
  • menu.separatorBackground#404040
  • menubar.selectionBackground#242424
  • menubar.selectionBorder#282828
  • merge.border#AE81FF80
  • merge.commonContentBackground#AE81FF26
  • merge.commonHeaderBackground#AE81FF26
  • merge.currentContentBackground#4D7C4859
  • merge.currentHeaderBackground#4D7C4859
  • merge.incomingContentBackground#6C160F80
  • merge.incomingHeaderBackground#6C160F80
  • notificationCenter.border#282828
  • notificationCenterHeader.background#282828
  • notificationCenterHeader.foreground#DCDCDB
  • notificationLink.foreground#3AB9ED
  • notifications.background#1D1D1D
  • notifications.border#282828
  • notifications.foreground#DCDCDB
  • notificationToast.border#282828
  • panel.background#111111
  • panel.border#282828
  • panel.dropBackground#1818187c
  • panelInput.border#404040
  • panelTitle.activeBorder#212121
  • panelTitle.activeForeground#f8f8f2
  • panelTitle.inactiveForeground#858582
  • peekView.border#282828
  • peekViewEditor.background#000000
  • peekViewEditor.matchHighlightBackground#111111E6
  • peekViewEditorGutter.background#000000E6
  • peekViewResult.background#1D1D1DE6
  • peekViewResult.fileForeground#C6C7C6
  • peekViewResult.lineForeground#F8F8F2
  • peekViewResult.matchHighlightBackground#1111117e
  • peekViewResult.selectionBackground#4A4A4AE6
  • peekViewResult.selectionForeground#F8F8F8
  • peekViewTitle.background#000000E6
  • peekViewTitleDescription.foreground#DCDCDB
  • peekViewTitleLabel.foreground#F8F8F8
  • pickerGroup.border#191919
  • pickerGroup.foreground#F8F8F2
  • progressBar.background#4A4A4A
  • scrollbar.shadow#1d1d1d
  • scrollbarSlider.activeBackground#434343
  • scrollbarSlider.background#42424285
  • scrollbarSlider.hoverBackground#444444
  • selection.background#3AB9ED59
  • settings.checkboxBackground#262626
  • settings.checkboxBorder#303030
  • settings.checkboxForeground#F8F8F2
  • sideBar.background#1D1D1D
  • sideBar.border#282828
  • sideBar.dropBackground#36363642
  • sideBar.foreground#C6C7C6
  • sideBarSectionHeader.background#303030
  • sideBarSectionHeader.border#282828
  • sideBarSectionHeader.foreground#DCDCDB
  • sideBarTitle.foreground#DCDCDB
  • statusBar.background#151515
  • statusBar.border#282828
  • statusBar.debuggingBackground#171717
  • statusBar.debuggingForeground#C6C7C6
  • statusBar.foreground#C6C7C6
  • statusBar.noFolderBackground#171717
  • statusBar.noFolderForeground#C6C7C6
  • statusBarItem.activeBackground#191919
  • statusBarItem.hoverBackground#313131
  • statusBarItem.prominentBackground#181818
  • statusBarItem.prominentHoverBackground#191919
  • tab.activeBackground#000000
  • tab.activeBorder#000000
  • tab.activeForeground#f8f8f2
  • tab.border#000000
  • tab.hoverBackground#ffffff13
  • tab.hoverBorder#242424
  • tab.inactiveBackground#242424
  • tab.inactiveForeground#D0D0D0
  • tab.unfocusedActiveBorder#000000
  • tab.unfocusedActiveForeground#DCDCDB
  • tab.unfocusedHoverBackground#b8b5b511
  • tab.unfocusedHoverBorder#000000
  • tab.unfocusedInactiveForeground#c9c9c9
  • terminal.ansiBlack#2E3436
  • terminal.ansiBlue#3465A4
  • terminal.ansiBrightBlack#555753
  • terminal.ansiBrightBlue#729FCF
  • terminal.ansiBrightCyan#34E2E2
  • terminal.ansiBrightGreen#8AE234
  • terminal.ansiBrightMagenta#AD7FA8
  • terminal.ansiBrightRed#EF2929
  • terminal.ansiBrightWhite#EEEEEC
  • terminal.ansiBrightYellow#FCE94F
  • terminal.ansiCyan#06989A
  • terminal.ansiGreen#4E9A06
  • terminal.ansiMagenta#75507B
  • terminal.ansiRed#CC0000
  • terminal.ansiWhite#D3D7CF
  • terminal.ansiYellow#C4A000
  • terminal.background#000000
  • terminal.border#242424
  • terminal.foreground#DEDDDC
  • terminalCursor.background#000000
  • terminalCursor.foreground#E3E3E3
  • textBlockQuote.background#111111
  • textBlockQuote.border#131313
  • textCodeBlock.background#111111
  • textLink.activeForeground#3AB9ED
  • textLink.foreground#3AB9ED
  • textPreformat.foreground#F8F8F8
  • textSeparator.foreground#F8F8F8
  • titleBar.activeBackground#1D1D1D
  • titleBar.activeForeground#C6C7C6
  • titleBar.border#212121
  • titleBar.inactiveBackground#181818
  • titleBar.inactiveForeground#bbbbbb
  • walkThrough.embeddedEditorBackground#000000
  • welcomePage.buttonBackground#313131
  • welcomePage.buttonHoverBackground#363636
  • widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#75715E
string, meta.object-literal.key, string.unquoted.label constant.other.object.key#E6DB74
punctuation.separator.key-value, punctuation.separator.dictionary.key-value, punctuation.separator.dict#AE81FF
constant.numeric#BE84FF
constant.language.module.http.gzip, constant.language.module.http.charset, constant.language.module.http.proxy, constant.language.module.http.headers#d3d3a4
constant.language.directive.module.http#bfd692
source.nginx constant.character.brace, constant.character.end, constant.character.paren#dbdbdb
source.nginx, constant.character.quote#cfcfc2
source.nginx constant.numeric#c6a8e9
constant.language, meta.preprocessor#BE84FF
constant.character#BE84FF
comment.line.number-sign.shebang, comment.line.shebang#d4b1b1
entity.name.tag support.class.component, punctuation.accessor, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, meta.class storage.modifier#F92672
entity.name.tag#F92672
meta.tag.attributes punctuation.section.embedded.begin, meta.tag.attributes punctuation.section.embedded.end#FFFFFF
meta.jsx.children punctuation.section.embedded.begin, meta.jsx.children punctuation.section.embedded.end#FFFFFF
entity.other.attribute-name#A6E22E
variable.language.super, support.variable.dom#66D9EFitalic
variable.language, variable.other.readwrite meta.group.braces.curly, variable.other.property, meta.group.braces.curly meta.function entity.name.function, meta.group.braces.curly support.constant.dom, meta.function-call.with-arguments entity.name.function, meta.function-call entity.name.function, support.variable.property.dom, support.variable.property, meta.group.braces.curly meta.function-call.method.with-arguments variable.function, meta.class meta.group.braces.curly meta.function-call variable.function, meta.property.object, meta.group.braces.curly meta.group.braces.round variable.other.readwrite#FFFFFF
variable.other.class, meta.function-call.static.with-arguments variable.other.class, meta.parameter.optional meta.group.braces.curly meta.brace.curly.begin, meta.parameter.optional meta.group.braces.curly meta.brace.curly.end#FFFFFF
meta.function-call.static variable.other.class, meta.class entity.name.type.class, met meta.class meta.function-call variable.function#A6E22E
meta.class entity.name.type.module#A6E22E
meta.property.class variable.other.class#A6E22E
meta.function.method variable.other.readwrite, meta.function.arrow variable.other.readwrite, meta.class meta.group.braces.round variable.other.readwrite#FD971F
keyword#F92672
storage#F92672
storage.type#66D9EFitalic
storage.type.property#66D9EFitalic
support, support.variable.property.process#66D9EFitalic
entity.name.class#A6E22E
entity.other.inherited-class#A6E22E
meta.function.argument, variable.parameter, meta.parens.c#FD971F
invalid.illegal#FD5FF1FF
entity.arrow.function#AA00FF
entity.name.accessor#A6E22E
entity.name.method#A6E22E
meta.method#FFF
support.function.mutator#FFFFFF
support.function#66D9EF
support.constant#66D9EFitalic
support.function.json#FFFFFF
meta.prototype support.class#A6E22E
support.type, support.class, variable.language#66D9EFitalic
constant.language.undefined#AE81FF
support.class.error#FF5522
support.keyword.node#F92672bold
support.other.variable#66D9EF
string constant#66D9EF
string.regexp#E6DB74
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#f6aa11
meta.group.regexp punctuation.definition.group.regexp#d3c8b2
meta.group.regexp meta.group.regexp punctuation.definition.group.regexp#d4b576
meta.group.regexp meta.group.regexp meta.group.regexp punctuation.definition.group.regexp#cfa54f
meta.group.regexp meta.group.regexp meta.group.regexp meta.group.regexp punctuation.definition.group.regexp#dd9300
constant.other.character-class.set.regexp, constant.other.character-class.set.regexp constant.other.character-class.regexp#E6DB74
punctuation.definition.character-class.regexp#f7cd7b
constant.other.character-class.range.regexp#E6DB74
keyword.operator.quantifier.regexp#ff93bb
string variable, constant.other#FFFFFF
punctuation.definition.variable#FFFFFF
punctuation.quasi.element.begin, punctuation.quasi.element.end, punctuation.definition.quasi.begin, punctuation.definition.quasi.end#F92672
entity.name.type.new#FFFFFF
punctuation.separator.coloncolon.cs, punctuation.separator.namespace.access.cpp, support.class.php#c8cecc
meta.tag.sgml.doctype.xml, declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string, doctype#c8cecc
comment.block.html#7c7865
entity.name.tag.script.htmlitalic
text.html.basic meta.tag.other.html, text.html.basic meta.tag.any.html, text.html.basic meta.tag.block.any, text.html.basic meta.tag.inline.any, text.html.basic meta.tag.structure.any.html, text.html.basic source.embedded.html#A6E22E
text.html.basic entity.other.attribute-name.html#A6E22E
punctuation.separator.key-value.html#F92672
text.html.basic meta.tag.structure.any.html punctuation.definition.string.begin.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html #E6DB74
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#FFFFFF
keyword.control.django#d4b1b1
entity.other.django.delimiter.tag#cfcfc2
variable.other.django#dbdbdb
variable.parameter.handlebars#f6aa11
support.constant.handlebars, meta.function.block.start.handlebars#66D9EF
meta.preprocessor.at-rule keyword.control.at-rule#f6aa11
meta.selector.css entity.other.attribute-name.id#f6aa11
meta.selector.css entity.other.attribute-name.class#A6E22E
support.type.property-name.css#66D9EF
meta.constructor.argument.css#f6aa11
punctuation.section.property-list.css#FFFFFF
punctuation.definition.tag.css#F92672
punctuation.separator.key-value.css, punctuation.terminator.rule.css#FFFFFF
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-selector.css#A6E22E
variable.other.less#FFFFFF
entity.other.less.mixin#e0fdceitalic
entity.other.attribute-name.pseudo-element.less#FF9117
meta.instance.constructor meta.function-call.constructor#A6E22E
meta.template.expression punctuation.definition.template-expression.begin, meta.template.expression punctuation.definition.template-expression.end, meta.template.expression punctuation.accessor#F92672
meta.function-call meta.group.braces.curly meta.class.body, meta.function, support.function.dom#FFFFFF
meta.function-call.static entity.name.function, meta.group.braces.curly meta.function-call.with-arguments entity.name.function#FFFFFF
meta.group.braces.round meta.group.braces.curly meta.group.braces.curly meta.function-call entity.name.function#FFFFFF
meta.class.body meta.function-call entity.name.function, meta.function-call.method entity.name.function#FFFFFF
meta.group.braces.round meta.group.braces.curly meta.function.json variable.other.readwrite, meta.group.braces.curly meta.function.json variable.other.readwrite#FD971F
meta.function.json, entity.name.function#A6E22E
entity.name.class#A6E22E
entity.name.extends#00FF99italic
support.function.console#66D9EF
entity.quasi.element#FFFFFF
source meta.function punctuation.separator.parameter.function, punctuation.separator.parameter.function, meta.delimiter.comma#FFFFFF
keyword.operator.accessor#F92672
source meta.group.braces.curly constant.other.object.key#FFFFFF
source meta.group.braces.curly constant.other.object.key string.unquoted.label#E6DB74
support.type.object.module, source meta.function.declaration support.class#66D9EF
support.type.object.module support.type.object.module#A6E22E
storage.type, storage.type.function#66D9EF
text.html.basic source.embedded.html#FFFFFF
variable.language.arguments, variable.language.super, variable.language.this, variable.language.self, variable.language.proto, variable.language.constructor, variable.language.prototype#66D9EFitalic
meta.brace.square#FFFFFF
meta.brace.round, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.group#FFFFFF
meta.brace.curly, meta.object-literal#FFFFFF
meta.class storage.modifier, meta.interface storage.modifier#F92672
meta.class entity.name.type.class, meta.interface entity.name.type.interface#A6E22Eitalic
meta.interface storage.type.interface#66D9EF
meta.interface entity.name.type.interface#FFFFFFitalic
meta.interface entity.name.type.module#FFFFFF
meta.interface entity.other.inherited-class#FFFFFF
meta.class entity.other.inherited-class#FFFFFF
storage.type.class#66D9EF
source meta.class meta.method.declaration > storage.type#A6E22E
storage.type.function.arrow#66D9EF
punctuation.definition.section.case-statement#F92672
meta.class meta.method.declaration meta.block meta.var.expr storage.type, meta.block meta.var.expr storage.type, storage.modifier.async#66D9EF
meta.object-literal.key meta.array.literal variable.other.property#E6DB74
meta.class meta.field.declaration storage.modifier, meta.parameters storage.modifier#F92672
keyword.operator.optional#F92672
meta.interface meta.field.declaration meta.definition.property variable.object.property, meta.field.declaration meta.definition.property variable.object.property, meta.interface meta.field.declaration meta.definition.property variable.object.property#fcb563
meta.interface meta.field.declaration string.quoted#fcb563
meta.interface meta.field.declaration meta.type.annotation string.quoted#e6db74
meta.class meta.field.declaration meta.definition.property variable.object.property#ffffff
meta.object.member meta.object-literal.key#e6db74
source meta.class meta.method.declaration meta.block meta.function-call entity.name.function#FFFFFF
meta.function-call entity.name.function, new.expr entity.name.type#FFFFFF
punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end, cast.expr meta.brace.angle#F92672
entity.name.type, meta.type.annotation entity.name.type, meta.type.annotation meta.type.parameters, meta.type.annotation entity.name.type.module#d1f7ffitalic
meta.type.parameters entity.name.type, meta.type.parameters entity.name.type.module, cast.expr entity.name.type, cast.expr entity.name.type.module, meta.var.expr cast.expr entity.name.type.module, meta.interface entity.other.inherited-class#d1f7ffitalic
meta.block meta.interface entity.name.type.module#d1f7ffitalic
meta.type.parameters punctuation.separator.comma#f8f8f8
meta.return.type entity.name.type, meta.return.type.arrow entity.name.type, meta.return.type entity.name.type.module#ffe2editalic
meta.return.type.arrow meta.type.parameters entity.name.type.module, meta.return.type meta.type.parameters entity.name.type, meta.return.type meta.type.parameters entity.name.type.module#ffe2editalic
meta.type.declaration meta.type.function.return entity.name.type, meta.type.annotation meta.type.function.return entity.name.type#ffe2editalic
meta.return.type meta.object.type meta.type.annotation entity.name.type#ffe2editalic
meta.type.annotation meta.object.type punctuation.definition.block#ffffff
punctuation.accessor#F92672
support.variable.property#FFFFFF
meta.template.expression meta.embedded.line#FFFFFF
meta.decorator punctuation.decorator#A6E22E
meta.decorator meta.function-call entity.name.function#f1ffd4
meta.decorator variable.other.readwrite#A6E22E
meta.return.type keyword.operator.type.annotation#F92672
meta.parameters meta.type.annotation keyword.operator.type.annotation#AE81FF
meta.field.declaration meta.type.annotation keyword.operator.type.annotation#AE81FF
meta.object-literal.key meta.array.literal meta.brace.square, meta.array.literal variable.other.readwrite#FFFFFF
meta.embedded.line meta.array.literal meta.brace.square#FFFFFF
comment.line.triple-slash.directive string.quoted.double, comment.line.triple-slash.directive string.quoted.single#e2dba6
comment.line.triple-slash.directive#d4b1b1
entity.name.tag.directive#ee7878
entity.other.attribute-name.directive#b9cf8c
punctuation.definition.tag.directive#dbdbdb
variable.other.jsdoc, constant.language.symbol-type.jsdoc, variable.other.link.underline.jsdoc#cfcfc2
storage.type.class.jsdoc#d4b1b1
entity.name.type.instance.jsdoc#c0e3eb
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.begin.end, punctuation.definition.array.begin.json, punctuation.definition.array.end.json#dbdbdb
punctuation.separator.dictionary.pair.json#ebebe5
punctuation.separator.dictionary.key-value.json#AE81FF
source.json constant#b99feb
support.type.property-name.json#d3d3a4
support.type.property-name.json punctuation.support.type.property-name.begin.json, support.type.property-name.json punctuation.support.type.property-name.end.json#a1a17d
meta.structure.dictionary.value.json string.quoted.double.json#cfcfc2
punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json#9c9c92
entity.name.tag.yaml#d3d3a4
punctuation.separator.key-value.mapping.yaml#AE81FF
source.yaml constant#be96eb
punctuation.definition.block.sequence.item.yaml, punctuation.definition.sequence.begin.yaml, punctuation.definition.sequence.end.yaml#dbdbdb
string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml#cfcfc2
string.quoted.single.yaml, string.quoted.double.yaml, punctuation.definition.string.end.yaml, punctuation.definition.string.begin.yaml#d3d3a4
text.yarnlock#d3d3a4
text.yarnlock keyword#bfd692
text.yarnlock entity.name.function, text.yarnlock string.quoted.double, text.yarnlock string.quoted.single, text.yarnlock constant.character#cfcfc2
punctuation.section.embedded.coffee#e69f66
keyword.operator.index-start.php, keyword.operator.index-end.php#FFFFFF
meta.array.php#FFFFFF
meta.array.php support.function.construct.php, meta.array.empty.php support.function.construct.php#66D9EF
support.function.construct.php#66D9EF
storage.type.function.php#66D9EF
constant.numeric.php#BE84FF
keyword.other.new.php#F92672
variable.other.property.php#FFFFFF
meta.other.inherited-class.php#FFFFFF
storage.type.php, storage.type.class.php, variable.language.this.php punctuation.definition.variable.php#66D9EF
punctuation.definition.variable.php#ff8581
support.other.namespace.php, entity.name.type.namespace.php#e7e1ab
support.other.namespace.php punctuation.separator.inheritance.php, entity.name.type.namespace.php punctuation.separator.inheritance.php#E6DB74
entity.name.function.php#A6E22E
support.function.construct.php#A6E22E
entity.name.type.class.php, meta.function-call.php, meta.function-call.static.php, meta.function-call.object.php, meta.method-call.static.php entity.name.function.php#FFFFFF
support.function.construct.php#66D9EF
meta.class.php entity.name.type.class.php#A6E22Eitalic
meta.class.php storage.modifier.extends.php, keyword.other.class.php#66D9EF
meta.class.php meta.other.inherited-class.php entity.other.inherited-class.php#FFFFFF
meta.method-call.php entity.name.function.php#FFFFFF
keyword.operator.class.php#F92672
keyword.operator.key.php#AE81FF
keyword.other.phpdoc#7c7865
source.php.embedded.block.html#FFFFFF
meta.function.parameters.php meta.function.parameter.typehinted.php storage.type.php#d1f7ff
meta.function.parameters.php meta.function.parameter.typehinted.php variable.other.php#FD971F
support.constant.std.php#FFFFFF
punctuation.dot.dart#F92672
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.diff, meta.diff.header, entity.name.namespace#75715E
markup.deleted#F92672
markup.inserted#A6E22E
markup.changed#E6DB74
meta.diff, meta.diff.range#3bc0f0
meta.line.entry.logfile, meta.line.exit.logfile#F8F8F8FF
meta.line.error.logfile#F8F8F8
storage.type.class.python, storage.type.function.python, storage.modifier.global.python#66D9EF
keyword.control.import.python, keyword.control.import.from.python#F92672dd
support.type.exception.python#66D9EF
support.function.magic.python#66D9EFitalic
punctuation.separator.period.python#F92672
punctuation.separator.colon.python#F92672
meta.format.brace.python constant.character.format.placeholder.other.python#F92672
meta.class.python entity.name.type.class.python#A6E22Eitalic
punctuation.section.function.begin.python, punctuation.section.class.begin.python#A6E22E
meta.class.python meta.class.inheritance.python entity.other.inherited-class.python#d1f7ff
meta.function-call.python meta.function-call.arguments.python variable.parameter.function-call.python#fcb563
punctuation.definition.variable.perl, variable.other.readwrite.global.perl, variable.other.predefined.perl, keyword.operator.comparison.perl#E42E70
support.function.perl#66D9EF
comment.line.number-sign.perl#75715Eitalic
punctuation.definition.string.begin.perl, punctuation.definition.string.end.perl#FFFFFF
constant.character.escape.perl#dc322f
constant.language.ruby, constant.numeric.ruby#AE81FF
punctuation.definition.variable.ruby#f6aa11
meta.function.method.with-arguments.ruby#A6E22E
variable.language.ruby#FFFFFF
entity.name.function.ruby#f6aa11
keyword.control.ruby, keyword.control.def.ruby#A6E22Ebold
keyword.control.class.ruby, meta.class.ruby#A6E22E
entity.name.type.class.ruby#66D9EF
keyword.control.ruby#A6E22E
support.class.ruby#66D9EF
keyword.other.special-method.ruby#A6E22E
variable.other.constant.ruby#66D9EF
constant.other.symbol.ruby#f6f080
punctuation.section.embedded.ruby, punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby#F92672
keyword.other.special-method.ruby#E42E70
punctuation.separator.dot-access#F92672
storage.type.modifier.access.control, punctuation.definition.directive#F92672
entity.name.type.class.cpp#A6E22Eitalic
meta.head.class.cpp colon.cpp#A6E22E
punctuation.separator.pointer-access#c8cecc
storage.type.user-defined#d1f7ff
entity.name.type.namespace.scope-resolution.cpp, meta.block.cpp, variable.other.object.access.cpp, entity.name.function.member.cpp, punctuation.section.parameters, punctuation.separator.delimiter.c, meta.preprocessor.macro, punctuation.section.parens.begin.bracket.round, punctuation.section.parens.end.bracket.round#FFFFFF
keyword.operator.sizeof#66D9EF
keyword.other.unit.hexadecimal#BE84FF
punctuation.other.period.go#F92672
keyword.type.cs, keyword.other.class.cs, keyword.operator.arrow.cs, keyword.other.var.cs, keyword.other.namespace.cs, keyword.operator.cast#66D9EF
keyword.other.base.cs#66D9EFitalic
entity.name.type.class.cs#A6E22Eitalic
keyword.other.get.cs, keyword.other.set.cs#A6E22E
entity.name.variable.parameter.cs#FD971F
keyword.other.attribute-specifier.cs#fcb563
punctuation.separator.colon.cs#AE81FF
storage.type.cs, entity.name.type.type-parameter.cs#d1f7ff
entity.name.variable.tuple-element.cs punctuation.separator.colon.cs#FFFFFF
meta.interpolation.cs punctuation.parenthesis#FFFFFF
punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.separator.hash#F92672
text.html.markdown#FFFFFF
text.html.markdown markup.raw.inline#ec3533
text.html.markdown meta.dummy.line-break#e0eddd
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#FD971F
markup.italic#E42E70italic
markup.bold#F92672bold
markup.underline#A6E22Eunderline
markup.strike#CC4273
markup.quote, punctuation.definition.blockquote.markdown#66D9EFitalic
markup.quote#66D9EFitalic
string.other.link.title.markdown#66D9EFunderline
markup.raw.block#AE81FF
punctuation.definition.list_item.markdown#777777
markup.raw.block.fenced.markdown#FFFFFF
punctuation.definition.fenced.markdown, variable.language.fenced.markdown#636050
variable.language.fenced.markdown#7c7865
meta.separator#ffffff33bold
markup.table#B42A1D
other.package.exclude, other.remove#D3201F
support.function.builtin.shell#66D9EF
variable.other.normal.shell, variable.other.normal.shell punctuation.definition.variable.shell, variable.other.bracket.shell variable.other.normal.shell punctuation.definition.variable.shell#d1f7ff
source.shell, string.interpolated.dollar.shell, punctuation.terminator.case-clause.shell#FFFFFF
meta.scope.for-in-loop.shell, variable.other.loop.shell#FFFFFF
variable.other.bracket.shell punctuation.definition.variable.shell, string.interpolated.dollar.shell punctuation.definition.string.begin.shell, string.interpolated.dollar.shell punctuation.definition.string.end.shell, string.interpolated.backtick.shell punctuation.definition.string.begin.shell, string.interpolated.backtick.shell punctuation.definition.string.end.shell#F92672
keyword.operator.expansion.shell, keyword.operator.glob.shell#ffe2ed
entity.name.function.shell#A6E22E
punctuation.definition.string.end.shell, punctuation.definition.string.begin.shell#E6DB74
meta.scope.case-block.shell, meta.scope.case-body.shell#E6DB74
meta.scope.case-pattern.shell punctuation.separator.pipe-sign.shell#cfa54f
meta.scope.case-pattern.shell keyword.operator.glob.shell#d3c8b2
meta.scope.case-pattern.shell punctuation.definition.case-pattern.shell#dd9300
punctuation.definition.logical-expression.shell#FFFFFF
comment.line.number-sign.shell#7c7865italic
variable.other.readwrite.powershell punctuation.definition.variable.powershell, variable.other.readwrite.powershell#FFFFFF
variable.other.member.powershell#FFFFFF
constant.language.powershell punctuation.definition.variable.powershell#BE84FF
meta.hashtable.assignment.powershell variable.other.readwrite.powershell#fcb563
string.quoted.double.powershell punctuation.section.group.begin.powershell, string.quoted.double.powershell punctuation.section.group.end.powershell, string.quoted.double.powershell punctuation.definition.variable.powershell, string.quoted.single.powershell punctuation.section.group.begin.powershell, string.quoted.single.powershell punctuation.section.group.end.powershell, string.quoted.single.powershell punctuation.definition.variable.powershell#F92672
interpolated.complex.source.powershell punctuation.section.group.begin.powershell, interpolated.complex.source.powershell punctuation.section.group.end.powershell#FFFFFF
constant.language.powershell#AE81FF
punctuation.definition.entity.ini#dbdbdb
entity.name.section.group-title.ini#bfd692
punctuation.separator.key-value.ini#ee7878
keyword.other.definition.ini#d3d3a4
source.ini, string.quoted.double.ini#cfcfc2
variable.other.env#d3d3a4
keyword.operator.assignment.env#ee7878
source.env, constant.numeric.env, string.quoted.double.env, string.quoted.single.env#cfcfc2
source.pip-requirements entity.name.class#d3d3a4
source.pip-requirements keyword.operator.comparison#ee7878
source.pip-requirements, source.pip-requirements constant.numeric, source.pip-requirements string.quoted.double, source.pip-requirements string.quoted.single#cfcfc2
keyword.control.import.reg#d4b1b1
punctuation.definition.equals.reg#ee7878
entity.name.function.section.add.reg punctuation.definition.section.reg#dbdbdb
entity.name.function.section.add.reg entity.section.reg#bfd692
punctuation.definition.quote.reg, string.name.regdata.reg#cfcfc2
meta.declaration.reg support.function.regname.ini#d3d3a4
support.type.dword.reg#91d5e2
constant.numeric.dword.reg#be96eb
keyword.operator.arithmetic.colon.reg#ee7878
comment.line.number-sign.makefile#7c7865
punctuation.definition.comment.makefile#7c7865
variable.other.makefile#F92672
entity.name.function.makefile#A6E22E
meta.function.makefile#66D9EF
entity.name.namespace.rust#b4f2de
meta.function.call.rust entity.name.function.rust#FFFFFF
punctuation.brackets.angle.rust#F92672
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
constant.language#AE81FF
constant.character#AE81FF
string.other.path.nginx#FC951E
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...

Monokai Mega - Coding Theme