Skip to main content
Coding Theme

Dark Purple

Publisher: MakashiThemes in package: 1

Simple theme with darker colors, and nice purple highlights

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#262626
  • activityBar.foreground#872cf5
  • activityBar.inactiveForeground#886f9f
  • activityBarBadge.background#005af5
  • activityBarBadge.foreground#ffffff
  • badge.background#4384a1
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1e
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#420e80
  • button.foreground#ffffff
  • button.hoverBackground#2e0b58
  • button.secondaryBackground#1f1f1f
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#0f0f0f
  • checkbox.background#3c3c3c
  • 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#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#171717
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • 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#171717
  • editorGroupHeader.tabsBackground#252526
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • 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#9b9b9b
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#9a61ff
  • editorSuggestWidget.selectedBackground#111111
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#5f0ec0
  • foreground#cccccc
  • 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#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#8063a300
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#000000
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#000000
  • list.focusBackground#000000
  • list.focusForeground#cccccc
  • list.highlightForeground#9a46ff
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#FFFFFF10
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#000000
  • listFilterWidget.noMatchesOutline#ffffff00
  • listFilterWidget.outline#ffffff00
  • menu.background#212020
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#282828
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#5858584e
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#a587c9
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#171717
  • 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#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#000000
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#5f0ec0
  • panelTitle.activeForeground#ffffff
  • 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#5f0ec0
  • progressBar.background#5f0ec0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#171717
  • sideBar.border#ffffff00
  • sideBar.dropBackground#000000
  • sideBar.foreground#6d6d6d
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.foreground#a457ff
  • sideBarTitle.foreground#9e88b2
  • statusBar.background#2f0c58
  • statusBar.debuggingBackground#000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#FFFFFF25
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#2d2d2d
  • 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#cccccc
  • terminal.selectionBackground#9338e229
  • terminalCursor.background#5f0ec0
  • terminalCursor.foreground#ffffff
  • textLink.foreground#9e88b2
  • titleBar.activeBackground#171717
  • titleBar.activeForeground#B3B3B3
  • titleBar.border#00000000
  • titleBar.inactiveBackground#00000099
  • titleBar.inactiveForeground#ffffff99
  • tree.indentGuidesStroke#585858
  • 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#ff7373
variable.other.generic-type.haskell#a6e2ff
storage.type.haskell#c3ffeb
support.variable.magic.python#ff7373
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#aaee57
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#c89aff
entity.name.lifetime.rust#aaee57
variable.language.rust#ff7373
support.constant.edge#a6e2ff
constant.other.character-class.regexp#ff7373
keyword.operator.quantifier.regexp#c3ffeb
punctuation.definition.string.begin,punctuation.definition.string.end#57ea8a
variable.parameter.function#d4d4d4
comment markup.link#757575
markup.changed.diff#aaee57
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#c89aff
markup.inserted.diff#57ea8a
markup.deleted.diff#ff7373
meta.function.c,meta.function.cpp#ff7373
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#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#c89aff
support.constant.math#aaee57
support.constant.property.math#c3ffeb
variable.other.constant#aaee57
storage.type.annotation.java, storage.type.object.array.java#aaee57
source.java#ff7373
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#d4d4d4
meta.method.java#c89aff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#aaee57
keyword.operator.instanceof.java#a6e2ff
meta.definition.variable.name.java#ff7373
keyword.operator.logical#c27aff
keyword.operator.bitwise#c27aff
keyword.operator.channel#c27aff
support.constant.property-value.scss,support.constant.property-value.css#c3ffeb
keyword.operator.css,keyword.operator.scss,keyword.operator.less#c27aff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#c3ffeb
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#c3ffeb
support.type.vendored.property-name.css#c27aff
support.module.node,support.type.object.module,support.module.node#aaee57
entity.name.type.module#aaee57
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff7373
support.constant.json#c3ffeb
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#a6e2ff
support.type.object.console#ff7373
support.variable.property.process#c3ffeb
entity.name.function,support.function.console#c89aff
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#a6e2ff
keyword.operator.delete#a6e2ff
support.type.object.dom#c27aff
support.variable.dom,support.variable.property.dom#ff7373
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#c27aff
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#a6e2ff
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#a6e2ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#c27aff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#a6e2ff
variable.parameter.function.language.python#c3ffeb
support.type.python#c27aff
keyword.operator.logical.python#a6e2ff
variable.parameter.function.python#c3ffeb
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#c89aff
constant.character.format.placeholder.other.python#c3ffeb
keyword.operator#d4d4d4
keyword.operator.assignment.compound#a6e2ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#c27aff
keyword#a6e2ff
entity.name.namespace#aaee57
variable#ff7373
variable.c#d4d4d4
variable.language#aaee57
token.variable.parameter.java#d4d4d4
import.storage.java#aaee57
token.package.keyword#a6e2ff
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#c89aff
entity.name.type.namespace#aaee57
support.class, entity.name.type.class#aaee57
entity.name.class.identifier.namespace.type#aaee57
entity.name.class, variable.other.class.js, variable.other.class.ts#aaee57
variable.other.class.php#ff7373
entity.name.type#aaee57
keyword.control#a6e2ff
control.elements, keyword.operator.less#c3ffeb
keyword.other.special-method#c89aff
storage#a6e2ff
token.storage#a6e2ff
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#a6e2ff
token.storage.type.java#aaee57
support.function#c27aff
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#c3ffeb
meta.tag#d4d4d4
string#57ea8a
entity.other.inherited-class#aaee57
constant.other.symbol#c27aff
constant.numeric#c3ffeb
constant#c3ffeb
punctuation.definition.constant#c3ffeb
entity.name.tag#ff7373
entity.other.attribute-name#c3ffeb
entity.other.attribute-name.id#c89affnormal
entity.other.attribute-name.class.css#c3ffebnormal
meta.selector#a6e2ff
markup.heading#ff7373
markup.heading punctuation.definition.heading, entity.name.section#c89aff
keyword.other.unit#ff7373
markup.bold,todo.bold#c3ffeb
punctuation.definition.bold#aaee57
markup.italic, punctuation.definition.italic,todo.emphasis#a6e2ff
emphasis md#a6e2ff
entity.name.section.markdown#ff7373
punctuation.definition.heading.markdown#ff7373
punctuation.definition.list.begin.markdown#ff7373
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#c3ffeb
markup.inline.raw.markdown#57ea8a
markup.inline.raw.string.markdown#57ea8a
punctuation.definition.list.markdown#ff7373
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff7373
beginning.punctuation.definition.list.markdown#ff7373
punctuation.definition.metadata.markdown#ff7373
markup.underline.link.markdown,markup.underline.link.image.markdown#a6e2ff
string.other.link.title.markdown,string.other.link.description.markdown#c89aff
string.regexp#c27aff
constant.character.escape#c27aff
punctuation.section.embedded, variable.interpolation#ff7373
punctuation.section.embedded.begin,punctuation.section.embedded.end#a6e2ff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff7373
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff7373
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#57ea8a
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#c27aff
support.type.property-name.json#ff7373
support.type.property-name.json punctuation#ff7373
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#a6e2ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#a6e2ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#aaee57
keyword.operator.error-control.php#a6e2ff
keyword.operator.type.php#a6e2ff
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#aaee57
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#c89aff
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#d4d4d4
support.constant.core.rust#c3ffeb
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#c3ffeb
entity.name.goto-label.php,support.other.php#c89aff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#c27aff
keyword.operator.regexp.php#a6e2ff
keyword.operator.comparison.php#c27aff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#a6e2ff
meta.function.decorator.python#c89aff
support.token.decorator.python,meta.function.decorator.identifier.python#c27aff
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#c27aff
rgb-value#c27aff
inline-color-decoration rgb-value#c3ffeb
less rgb-value#c3ffeb
selector.sass#ff7373
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#aaee57
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#aaee57
entity.name.variable.local.cs#ff7373
token.info-token#c89aff
token.warn-token#c3ffeb
token.error-token#f44747
token.debug-token#a6e2ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#a6e2ff
meta.template.expression#d4d4d4
keyword.operator.module#a6e2ff
support.type.type.flowtype#c89aff
support.type.primitive#aaee57
meta.property.object#ff7373
variable.parameter.function.js#ff7373
keyword.other.template.begin#57ea8a
keyword.other.template.end#57ea8a
keyword.other.substitution.begin#57ea8a
keyword.other.substitution.end#57ea8a
keyword.operator.assignment#c27aff
keyword.operator.assignment.go#aaee57
keyword.operator.arithmetic.go, keyword.operator.address.go#a6e2ff
entity.name.package.go#aaee57
support.type.prelude.elm#c27aff
support.constant.elm#c3ffeb
punctuation.quasi.element#a6e2ff
constant.character.entity#ff7373
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#c27aff
entity.global.clojure#aaee57
meta.symbol.clojure#ff7373
constant.keyword.clojure#c27aff
meta.arguments.coffee, variable.parameter.function.coffee#ff7373
source.ini#57ea8a
meta.scope.prerequisites.makefile#ff7373
source.makefile#aaee57
storage.modifier.import.groovy#aaee57
meta.method.groovy#c89aff
meta.definition.variable.name.groovy#ff7373
meta.definition.class.inherited.classes.groovy#57ea8a
support.variable.semantic.hlsl#aaee57
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#a6e2ff
text.variable, text.bracketed#ff7373
support.type.swift, support.type.vb.asp#aaee57
entity.name.function.xi#aaee57
entity.name.class.xi#c27aff
constant.character.character-class.regexp.xi#ff7373
constant.regexp.xi#a6e2ff
keyword.control.xi#c27aff
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#57ea8a
beginning.punctuation.definition.list.markdown.xi#757575
constant.character.xi#c89aff
accent.xi#c89aff
wikiword.xi#c3ffeb
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#757575
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#aaee57
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff7373
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#757575italic
markup.quote.markdown#757575
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#c27aff
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...

Dark Purple - Coding Theme