Skip to main content
Coding Theme

Neon Color - Dark Theme

Publisher: Md. Maruf SarkerThemes in package: 5

Dark Theme Collection by Maruf Sarker

Color themes

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#0c1924
  • activityBar.foreground#1cc4ff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#0070ff
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#0c1924
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#0c1924
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#0c1924
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#0c1924
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#00dbff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#0c1924
  • editorGroupHeader.tabsBackground#0c1924
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#13222e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#15202a
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#0c1924
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#0c1924
  • editorSuggestWidget.border#00cfff
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#2b2d2e
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#182a38
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#007fd4
  • foreground#c0bdbd
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#c0bdbd
  • input.background#0c1924
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#383e43
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383e43
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#d7c214
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#0b1e2e
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#1790e2
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#c9c8c8
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#0c1924
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#0e2130
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f53b57
  • notificationsInfoIcon.foreground#0fbcf9
  • notificationsWarningIcon.foreground#ffa801
  • notificationToast.border#474747
  • panel.background#0c1924
  • panel.border#72737359
  • panelSection.border#80808059
  • panelTitle.activeBorder#00c3ff
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b4
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c0bdbd
  • sideBar.background#0c1924
  • sideBar.border#00cfff
  • sideBar.dropBackground#383e43
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#3c40c6
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0fbcf9
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#0c1924
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#172b3b
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#d1d1d1
  • terminal.selectionBackground#13b4cf40
  • terminalCursor.background#0070ff
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#0c1924
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#00cfff
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#ffa800
variable.other.generic-type.haskell#15d73d
storage.type.haskell#ff5f20
support.variable.magic.python#ffa800
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#00dbff
variable.parameter.function.language.special.self.python#3dc8ff
storage.modifier.lifetime.rust#00dbff
support.function.std.rust#e0c911
entity.name.lifetime.rust#3dc8ff
variable.language.rust#ffa800
support.constant.edge#15d73d
constant.other.character-class.regexp#ffa800
keyword.operator.quantifier.regexp#ff5f20
punctuation.definition.string.begin,punctuation.definition.string.end#ff3554
variable.parameter.function#00dbff
comment markup.link#a7a7a7
markup.changed.diff#3dc8ff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#e0c911
markup.inserted.diff#ff3554
markup.deleted.diff#ffa800
meta.function.c,meta.function.cpp#ffa800
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#00dbff
punctuation.separator.key-value#00dbff
keyword.operator.expression.import#e0c911
support.constant.math#3dc8ff
support.constant.property.math#ff5f20
variable.other.constant#3dc8ff
storage.type.annotation.java, storage.type.object.array.java#3dc8ff
source.java#ffa800
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#00dbff
meta.method.java#e0c911
storage.modifier.import.java,storage.type.java,storage.type.generic.java#3dc8ff
keyword.operator.instanceof.java#15d73d
meta.definition.variable.name.java#ffa800
keyword.operator.logical#74ff00
keyword.operator.bitwise#74ff00
keyword.operator.channel#74ff00
support.constant.property-value.scss,support.constant.property-value.css#ff5f20
keyword.operator.css,keyword.operator.scss,keyword.operator.less#74ff00
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff5f20
punctuation.separator.list.comma.css#00dbff
support.constant.color.w3c-standard-color-name.css#ff5f20
support.type.vendored.property-name.css#74ff00
support.module.node,support.type.object.module,support.module.node#3dc8ff
entity.name.type.module#3dc8ff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffa800
support.constant.json#ff5f20
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#15d73d
support.type.object.console#ffa800
support.variable.property.process#ff5f20
entity.name.function,support.function.console#e0c911
keyword.operator.misc.rust#00dbff
keyword.operator.sigil.rust#15d73d
keyword.operator.delete#15d73d
support.type.object.dom#74ff00
support.variable.dom,support.variable.property.dom#ffa800
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#74ff00
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#15d73d
punctuation.separator.delimiter#00dbff
punctuation.separator.c,punctuation.separator.cpp#15d73d
support.type.posix-reserved.c,support.type.posix-reserved.cpp#74ff00
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#15d73d
variable.parameter.function.language.python#ff5f20
support.type.python#74ff00
keyword.operator.logical.python#15d73d
variable.parameter.function.python#ff5f20
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#00dbff
meta.function-call.generic.python#e0c911
constant.character.format.placeholder.other.python#ff5f20
keyword.operator#00dbff
keyword.operator.assignment.compound#15d73d
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#74ff00
keyword#15d73d
entity.name.namespace#3dc8ff
variable#ffa800
variable.c#00dbff
variable.language#3dc8ff
token.variable.parameter.java#00dbff
import.storage.java#3dc8ff
token.package.keyword#15d73d
token.package#00dbff
entity.name.function, meta.require, support.function.any-method, variable.function#e0c911
entity.name.type.namespace#3dc8ff
support.class, entity.name.type.class#3dc8ff
entity.name.class.identifier.namespace.type#3dc8ff
entity.name.class, variable.other.class.js, variable.other.class.ts#3dc8ff
variable.other.class.php#ffa800
entity.name.type#3dc8ff
keyword.control#15d73d
control.elements, keyword.operator.less#ff5f20
keyword.other.special-method#e0c911
storage#15d73d
token.storage#15d73d
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#15d73d
token.storage.type.java#3dc8ff
support.function#74ff00
support.type.property-name#00dbff
support.constant.property-value#00dbff
support.constant.font-name#ff5f20
meta.tag#00dbff
string#ff3554
entity.other.inherited-class#3dc8ff
constant.other.symbol#74ff00
constant.numeric#ff5f20
constant#ff5f20
punctuation.definition.constant#ff5f20
entity.name.tag#ffa800
entity.other.attribute-name#ff5f20
entity.other.attribute-name.id#e0c911normal
entity.other.attribute-name.class.css#ff5f20normal
meta.selector#15d73d
markup.heading#ffa800
markup.heading punctuation.definition.heading, entity.name.section#e0c911
keyword.other.unit#ffa800
markup.bold,todo.bold#ff5f20
punctuation.definition.bold#3dc8ff
markup.italic, punctuation.definition.italic,todo.emphasis#15d73d
emphasis md#15d73d
entity.name.section.markdown#ffa800
punctuation.definition.heading.markdown#ffa800
punctuation.definition.list.begin.markdown#ffa800
markup.heading.setext#00dbff
punctuation.definition.bold.markdown#ff5f20
markup.inline.raw.markdown#ff3554
markup.inline.raw.string.markdown#ff3554
punctuation.definition.list.markdown#ffa800
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffa800
beginning.punctuation.definition.list.markdown#ffa800
punctuation.definition.metadata.markdown#ffa800
markup.underline.link.markdown,markup.underline.link.image.markdown#15d73d
string.other.link.title.markdown,string.other.link.description.markdown#e0c911
string.regexp#74ff00
constant.character.escape#74ff00
punctuation.section.embedded, variable.interpolation#ffa800
punctuation.section.embedded.begin,punctuation.section.embedded.end#15d73d
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#00dbff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ffa800
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffa800
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#ff3554
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#74ff00
support.type.property-name.json#ffa800
support.type.property-name.json punctuation#ffa800
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#15d73d
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#15d73d
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#3dc8ff
keyword.operator.error-control.php#15d73d
keyword.operator.type.php#15d73d
punctuation.section.array.begin.php#00dbff
punctuation.section.array.end.php#00dbff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#3dc8ff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#e0c911
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#00dbff
support.constant.core.rust#ff5f20
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff5f20
entity.name.goto-label.php,support.other.php#e0c911
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#74ff00
keyword.operator.regexp.php#15d73d
keyword.operator.comparison.php#74ff00
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#15d73d
meta.function.decorator.python#e0c911
support.token.decorator.python,meta.function.decorator.identifier.python#74ff00
function.parameter#00dbff
function.brace#00dbff
function.parameter.ruby, function.parameter.cs#00dbff
constant.language.symbol.ruby#74ff00
rgb-value#74ff00
inline-color-decoration rgb-value#ff5f20
less rgb-value#ff5f20
selector.sass#ffa800
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#3dc8ff
block.scope.end,block.scope.begin#00dbff
storage.type.cs#3dc8ff
entity.name.variable.local.cs#ffa800
token.info-token#e0c911
token.warn-token#ff5f20
token.error-token#f44747
token.debug-token#15d73d
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#15d73d
meta.template.expression#00dbff
keyword.operator.module#15d73d
support.type.type.flowtype#e0c911
support.type.primitive#3dc8ff
meta.property.object#ffa800
variable.parameter.function.js#ffa800
keyword.other.template.begin#ff3554
keyword.other.template.end#ff3554
keyword.other.substitution.begin#ff3554
keyword.other.substitution.end#ff3554
keyword.operator.assignment#74ff00
keyword.operator.assignment.go#3dc8ff
keyword.operator.arithmetic.go, keyword.operator.address.go#15d73d
entity.name.package.go#3dc8ff
support.type.prelude.elm#74ff00
support.constant.elm#ff5f20
punctuation.quasi.element#15d73d
constant.character.entity#ffa800
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#74ff00
entity.global.clojure#3dc8ff
meta.symbol.clojure#ffa800
constant.keyword.clojure#74ff00
meta.arguments.coffee, variable.parameter.function.coffee#ffa800
source.ini#ff3554
meta.scope.prerequisites.makefile#ffa800
source.makefile#3dc8ff
storage.modifier.import.groovy#3dc8ff
meta.method.groovy#e0c911
meta.definition.variable.name.groovy#ffa800
meta.definition.class.inherited.classes.groovy#ff3554
support.variable.semantic.hlsl#3dc8ff
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#15d73d
text.variable, text.bracketed#ffa800
support.type.swift, support.type.vb.asp#3dc8ff
entity.name.function.xi#3dc8ff
entity.name.class.xi#74ff00
constant.character.character-class.regexp.xi#ffa800
constant.regexp.xi#15d73d
keyword.control.xi#74ff00
invalid.xi#00dbff
beginning.punctuation.definition.quote.markdown.xi#ff3554
beginning.punctuation.definition.list.markdown.xi#a7a7a7
constant.character.xi#e0c911
accent.xi#e0c911
wikiword.xi#ff5f20
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#a7a7a7
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#3dc8ff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffa800
meta.brace.square#00dbff
comment, punctuation.definition.comment#a7a7a7italic
markup.quote.markdown#a7a7a7
punctuation.definition.block.sequence.item.yaml#00dbff
constant.language.symbol.elixir#74ff00
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...