Skip to main content
Coding Theme

Vagalume Dev Theme

Publisher: Vagalume DevThemes in package: 1

Vagalume Dev Theme - A dark theme fine-tuned for those of us who like to code late into the night.

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#040402
  • activityBar.background#040402
  • activityBar.border#00000000
  • activityBar.foreground#52ff66
  • activityBar.inactiveForeground#343432
  • activityBarBadge.background#52ff66
  • activityBarBadge.foreground#1d1d1b
  • badge.background#52ff66
  • badge.foreground#1d1d1b
  • breadcrumb.activeSelectionForeground#b0fdb9
  • breadcrumb.background#040402
  • breadcrumb.focusForeground#b0fdb9
  • breadcrumb.foreground#86a189
  • button.background#52ff66
  • button.foreground#1d1d1b
  • button.hoverBackground#43c752
  • button.secondaryBackground#1d1d1b
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#333333
  • checkbox.background#0a0a07
  • checkbox.border#0a0a07
  • checkbox.foreground#c6c6c6
  • debugExceptionWidget.background#0a0a07
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#0a0a07
  • debugToolBar.border#00000000
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#79943a33
  • diffEditor.insertedTextBorder#864c4c
  • diffEditor.removedTextBackground#ff4e4e33
  • diffEditor.removedTextBorder#8a41418b
  • dropdown.background#0a0a07
  • dropdown.border#0a0a07
  • dropdown.foreground#c6c6c6
  • editor.background#040402
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#eaa50055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#66666630
  • editor.findRangeHighlightBorder#f2f2f200
  • editor.foldBackground#2831564d
  • editor.foreground#fbba00
  • editor.hoverHighlightBackground#a0cfff40
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#1110173c
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#f96f6f0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#222222
  • editor.selectionHighlightBackground#ffadad26
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#03679fb8
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ff97281c
  • editorBracketMatch.border#ff9077
  • editorCodeLens.foreground#9ea19c9b
  • editorCursor.background#000000
  • editorCursor.foreground#b3b4b2
  • editorError.background#7b444200
  • editorError.border#ffffff00
  • editorError.foreground#ff4620
  • editorGroup.border#00000070
  • editorGroup.emptyBackground#040402
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#0a0a07
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#55ba0f
  • editorGutter.background#040402
  • editorGutter.commentRangeForeground#eeeeee
  • editorGutter.deletedBackground#c41f26
  • editorGutter.foldingControlForeground#eeeeee
  • editorGutter.modifiedBackground#26a8cd
  • editorHoverWidget.background#111111
  • editorHoverWidget.border#00000000
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#222222
  • editorIndentGuide.background#333333
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#5186b6
  • editorLineNumber.activeForeground#b0b1ff
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#54b2ff
  • editorMarkerNavigation.background#111111
  • editorMarkerNavigationError.background#ff5353
  • editorMarkerNavigationInfo.background#6dbaff
  • editorMarkerNavigationWarning.background#ffdb4d
  • editorOverviewRuler.background#5e5e5e00
  • editorOverviewRuler.border#c0afaf00
  • editorRuler.foreground#333333
  • editorSuggestWidget.background#111111
  • editorSuggestWidget.border#45454544
  • editorSuggestWidget.foreground#8da5b6
  • editorSuggestWidget.highlightForeground#15c0f5
  • editorSuggestWidget.selectedBackground#1b2336
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe46c
  • editorWhitespace.foreground#333333
  • editorWidget.background#0a0a07
  • editorWidget.foreground#888888
  • editorWidget.resizeBorder#00000000
  • focusBorder#040402
  • foreground#c6c6c6
  • gitDecoration.addedResourceForeground#a1ffb2
  • gitDecoration.conflictingResourceForeground#95a5ff
  • gitDecoration.deletedResourceForeground#ff6e6e
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ffeb9e
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#c6c6c6
  • input.background#0a0a07
  • input.border#0a0a07
  • input.foreground#c6c6c6
  • input.placeholderForeground#585856
  • inputOption.activeBackground#1d1d1b
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#52ff66
  • list.activeSelectionBackground#061107
  • list.activeSelectionForeground#f2f2f2
  • list.dropBackground#080806
  • list.focusBackground#52ff668d
  • list.focusForeground#ffffff
  • list.highlightForeground#52ff66
  • list.hoverBackground#1d1d1b
  • list.hoverForeground#f2f2f2
  • list.inactiveSelectionBackground#061107
  • list.inactiveSelectionForeground#f2f2f2
  • listFilterWidget.background#222222
  • listFilterWidget.noMatchesOutline#00000000
  • listFilterWidget.outline#00000000
  • menu.background#1d1d1b
  • menu.border#00000000
  • menu.foreground#f2f2f2
  • menu.selectionBackground#343432
  • menu.selectionBorder#00000000
  • menu.selectionForeground#52ff66
  • menu.separatorBackground#f2f2f254
  • menubar.selectionBackground#111111
  • menubar.selectionBorder#e60f0f00
  • menubar.selectionForeground#f2f2f2
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#040402
  • minimap.errorHighlight#ff4620
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#222222
  • minimap.warningHighlight#ffe46c
  • minimapGutter.addedBackground#55ba0f
  • minimapGutter.deletedBackground#c41f26
  • minimapGutter.modifiedBackground#26a8cd
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#1d1d1b
  • notificationCenterHeader.foreground#fbfbfb
  • notifications.background#1d1d1b
  • notifications.border#00000000
  • notifications.foreground#c6c6c6
  • notificationsErrorIcon.foreground#FF6D6D
  • notificationsInfoIcon.foreground#7EE2FF
  • notificationsWarningIcon.foreground#ffc047
  • notificationToast.border#47474700
  • panel.background#040402
  • panel.border#000000b5
  • panelSection.border#00000000
  • panelTitle.activeBorder#56c3ea
  • panelTitle.activeForeground#56c3ea
  • panelTitle.inactiveForeground#989896
  • peekView.border#7bb4d900
  • peekViewEditor.background#222222
  • peekViewEditor.matchHighlightBackground#ffb30056
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#222222
  • peekViewResult.background#111111
  • peekViewResult.fileForeground#b0f0ff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ff3a254d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#111111
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#cbfdff
  • pickerGroup.border#00000000
  • pickerGroup.foreground#56c3ea
  • progressBar.background#52ff66
  • scrollbar.shadow#040402
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#52ff6606
  • scrollbarSlider.hoverBackground#49485a20
  • selection.background#001f47
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c6c6c6
  • sideBar.background#040402
  • sideBar.border#00000000
  • sideBar.dropBackground#080806
  • sideBar.foreground#c6c6c6
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#52ff66
  • sideBarTitle.foreground#585856
  • statusBar.background#0a0a07
  • statusBar.border#0a0a07
  • statusBar.debuggingBackground#0a0a07
  • statusBar.debuggingBorder#52ff66
  • statusBar.debuggingForeground#f2f2f2
  • statusBar.foreground#585856
  • statusBar.noFolderBackground#1d1d1b
  • statusBar.noFolderBorder#0a0a07
  • statusBar.noFolderForeground#c6c6c6
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0a0a07
  • statusBarItem.remoteForeground#52ff66
  • tab.activeBackground#040402
  • tab.activeBorder#00000000
  • tab.activeBorderTop#52ff66
  • tab.activeForeground#52ff66
  • tab.border#25252600
  • tab.hoverBackground#1d1d1b
  • tab.hoverBorder#00000000
  • tab.hoverForeground#f2f2f2
  • tab.inactiveBackground#0a0a07
  • tab.inactiveForeground#989896
  • terminal.ansiBlack#3d3d3d
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#74BCFF
  • terminal.ansiBrightCyan#74F2FF
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#FFE05B
  • terminal.ansiCyan#39CDE2
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#E1C542
  • terminal.border#00000000
  • terminal.foreground#beb6b6
  • terminal.selectionBackground#8eb3c440
  • terminalCursor.background#333333
  • terminalCursor.foreground#f2f2f2
  • textLink.foreground#52ff66
  • titleBar.activeBackground#0a0a07
  • titleBar.activeForeground#c6c6c6
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1d1d1b
  • titleBar.inactiveForeground#585856
  • tree.indentGuidesStroke#080806
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000054

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#f2f2f2
variable.other.generic-type.haskell#52ff66
storage.type.haskell#00ffff
support.variable.magic.python#f2f2f2
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#fbba00
variable.parameter.function.language.special.self.python#56c3ea
storage.modifier.lifetime.rust#fbba00
support.function.std.rust#56c3ea
entity.name.lifetime.rust#56c3ea
variable.language.rust#f2f2f2
support.constant.edge#52ff66
constant.other.character-class.regexp#f2f2f2
keyword.operator.quantifier.regexp#00ffff
punctuation.definition.string.begin,punctuation.definition.string.end#fbba00
variable.parameter.function#fbba00
comment markup.link#585856
markup.changed.diff#56c3ea
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#56c3ea
markup.inserted.diff#fbba00
markup.deleted.diff#f2f2f2
meta.function.c,meta.function.cpp#f2f2f2
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#fbba00
punctuation.separator.key-value#fbba00
keyword.operator.expression.import#56c3ea
support.constant.math#56c3ea
support.constant.property.math#00ffff
variable.other.constant#56c3ea
storage.type.annotation.java, storage.type.object.array.java#56c3ea
source.java#f2f2f2
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#fbba00
meta.method.java#56c3ea
storage.modifier.import.java,storage.type.java,storage.type.generic.java#56c3ea
keyword.operator.instanceof.java#52ff66
meta.definition.variable.name.java#f2f2f2
keyword.operator.logical#56c3ea
keyword.operator.bitwise#56c3ea
keyword.operator.channel#56c3ea
support.constant.property-value.scss,support.constant.property-value.css#00ffff
keyword.operator.css,keyword.operator.scss,keyword.operator.less#56c3ea
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#00ffff
punctuation.separator.list.comma.css#fbba00
support.constant.color.w3c-standard-color-name.css#00ffff
support.type.vendored.property-name.css#56c3ea
support.module.node,support.type.object.module,support.module.node#56c3ea
entity.name.type.module#56c3ea
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f2f2f2
support.constant.json#00ffff
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#52ff66
support.type.object.console#f2f2f2
support.variable.property.process#00ffff
entity.name.function,support.function.console#56c3ea
keyword.operator.misc.rust#fbba00
keyword.operator.sigil.rust#52ff66
keyword.operator.delete#52ff66
support.type.object.dom#56c3ea
support.variable.dom,support.variable.property.dom#f2f2f2
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#56c3ea
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#52ff66
punctuation.separator.delimiter#fbba00
punctuation.separator.c,punctuation.separator.cpp#52ff66
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56c3ea
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#52ff66
variable.parameter.function.language.python#00ffff
support.type.python#56c3ea
keyword.operator.logical.python#52ff66
variable.parameter.function.python#00ffff
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#fbba00
meta.function-call.generic.python#56c3ea
constant.character.format.placeholder.other.python#00ffff
keyword.operator#fbba00
keyword.operator.assignment.compound#52ff66
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56c3ea
keyword#52ff66
entity.name.namespace#56c3ea
variable#f2f2f2
variable.c#fbba00
variable.language#56c3ea
token.variable.parameter.java#fbba00
import.storage.java#56c3ea
token.package.keyword#52ff66
token.package#fbba00
entity.name.function, meta.require, support.function.any-method, variable.function#56c3ea
entity.name.type.namespace#56c3ea
support.class, entity.name.type.class#56c3ea
entity.name.class.identifier.namespace.type#56c3ea
entity.name.class, variable.other.class.js, variable.other.class.ts#56c3ea
variable.other.class.php#f2f2f2
entity.name.type#56c3ea
keyword.control#52ff66
control.elements, keyword.operator.less#00ffff
keyword.other.special-method#56c3ea
storage#52ff66
token.storage#52ff66
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#52ff66
token.storage.type.java#56c3ea
support.function#56c3ea
support.type.property-name#fbba00
support.constant.property-value#fbba00
support.constant.font-name#00ffff
meta.tag#fbba00
string#fbba00
entity.other.inherited-class#56c3ea
constant.other.symbol#56c3ea
constant.numeric#00ffff
constant#00ffff
punctuation.definition.constant#00ffff
entity.name.tag#f2f2f2
entity.other.attribute-name#00ffff
entity.other.attribute-name.id#56c3eanormal
entity.other.attribute-name.class.css#00ffffnormal
meta.selector#52ff66
markup.heading#f2f2f2
markup.heading punctuation.definition.heading, entity.name.section#56c3ea
keyword.other.unit#f2f2f2
markup.bold,todo.bold#00ffff
punctuation.definition.bold#56c3ea
markup.italic, punctuation.definition.italic,todo.emphasis#52ff66
emphasis md#52ff66
entity.name.section.markdown#f2f2f2
punctuation.definition.heading.markdown#f2f2f2
punctuation.definition.list.begin.markdown#f2f2f2
markup.heading.setext#fbba00
punctuation.definition.bold.markdown#00ffff
markup.inline.raw.markdown#fbba00
markup.inline.raw.string.markdown#fbba00
punctuation.definition.list.markdown#f2f2f2
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f2f2f2
beginning.punctuation.definition.list.markdown#f2f2f2
punctuation.definition.metadata.markdown#f2f2f2
markup.underline.link.markdown,markup.underline.link.image.markdown#52ff66
string.other.link.title.markdown,string.other.link.description.markdown#56c3ea
string.regexp#56c3ea
constant.character.escape#56c3ea
punctuation.section.embedded, variable.interpolation#f2f2f2
punctuation.section.embedded.begin,punctuation.section.embedded.end#52ff66
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#fbba00
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f2f2f2
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f2f2f2
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#fbba00
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56c3ea
support.type.property-name.json#f2f2f2
support.type.property-name.json punctuation#f2f2f2
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#52ff66
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#52ff66
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#56c3ea
keyword.operator.error-control.php#52ff66
keyword.operator.type.php#52ff66
punctuation.section.array.begin.php#fbba00
punctuation.section.array.end.php#fbba00
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#56c3ea
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#56c3ea
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#fbba00
support.constant.core.rust#00ffff
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#00ffff
entity.name.goto-label.php,support.other.php#56c3ea
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56c3ea
keyword.operator.regexp.php#52ff66
keyword.operator.comparison.php#56c3ea
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#52ff66
meta.function.decorator.python#56c3ea
support.token.decorator.python,meta.function.decorator.identifier.python#56c3ea
function.parameter#fbba00
function.brace#fbba00
function.parameter.ruby, function.parameter.cs#fbba00
constant.language.symbol.ruby#56c3ea
rgb-value#56c3ea
inline-color-decoration rgb-value#00ffff
less rgb-value#00ffff
selector.sass#f2f2f2
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#56c3ea
block.scope.end,block.scope.begin#fbba00
storage.type.cs#56c3ea
entity.name.variable.local.cs#f2f2f2
token.info-token#56c3ea
token.warn-token#00ffff
token.error-token#f44747
token.debug-token#52ff66
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#52ff66
meta.template.expression#fbba00
keyword.operator.module#52ff66
support.type.type.flowtype#56c3ea
support.type.primitive#56c3ea
meta.property.object#f2f2f2
variable.parameter.function.js#f2f2f2
keyword.other.template.begin#fbba00
keyword.other.template.end#fbba00
keyword.other.substitution.begin#fbba00
keyword.other.substitution.end#fbba00
keyword.operator.assignment#56c3ea
keyword.operator.assignment.go#56c3ea
keyword.operator.arithmetic.go, keyword.operator.address.go#52ff66
entity.name.package.go#56c3ea
support.type.prelude.elm#56c3ea
support.constant.elm#00ffff
punctuation.quasi.element#52ff66
constant.character.entity#f2f2f2
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56c3ea
entity.global.clojure#56c3ea
meta.symbol.clojure#f2f2f2
constant.keyword.clojure#56c3ea
meta.arguments.coffee, variable.parameter.function.coffee#f2f2f2
source.ini#fbba00
meta.scope.prerequisites.makefile#f2f2f2
source.makefile#56c3ea
storage.modifier.import.groovy#56c3ea
meta.method.groovy#56c3ea
meta.definition.variable.name.groovy#f2f2f2
meta.definition.class.inherited.classes.groovy#fbba00
support.variable.semantic.hlsl#56c3ea
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#52ff66
text.variable, text.bracketed#f2f2f2
support.type.swift, support.type.vb.asp#56c3ea
entity.name.function.xi#56c3ea
entity.name.class.xi#56c3ea
constant.character.character-class.regexp.xi#f2f2f2
constant.regexp.xi#52ff66
keyword.control.xi#56c3ea
invalid.xi#fbba00
beginning.punctuation.definition.quote.markdown.xi#fbba00
beginning.punctuation.definition.list.markdown.xi#585856
constant.character.xi#56c3ea
accent.xi#56c3ea
wikiword.xi#00ffff
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#585856
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#56c3ea
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f2f2f2
meta.brace.square#fbba00
comment, punctuation.definition.comment#585856italic
markup.quote.markdown#585856
punctuation.definition.block.sequence.item.yaml#fbba00
constant.language.symbol.elixir#56c3ea
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...

Vagalume Dev Theme - Coding Theme