Skip to main content
Coding Theme

Mission Blue

Publisher: SebastianThemes in package: 1

A colorful theme with special focus on different blue tones.

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#092747
  • activityBar.foreground#007bff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#0c223b
  • 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#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#007bff
  • diffEditor.insertedTextBackground#67ff5236
  • diffEditor.removedTextBackground#ff072a33
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#0c1c2e
  • editor.findMatchBackground#ffd97e5a
  • editor.findMatchBorder#ffa87493
  • editor.findMatchHighlightBackground#ffa56a55
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#00367d66
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f7800
  • editor.foreground#00ff70
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#174777
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#0069d1
  • editor.rangeHighlightBackground#003b79
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#0052a3
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#007bffa7
  • 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#007bff
  • editorGroup.emptyBackground#0c1c2e
  • editorGroupHeader.tabsBackground#092747
  • editorGutter.addedBackground#72de29
  • editorGutter.background#092747
  • editorGutter.commentRangeForeground#7dbeff
  • editorGutter.deletedBackground#e4326c
  • editorGutter.foldingControlForeground#7dbeff
  • editorGutter.modifiedBackground#39ccee
  • editorHoverWidget.background#092747
  • editorHoverWidget.border#007bff
  • editorHoverWidget.foreground#3b9aff
  • editorIndentGuide.activeBackground#0052a3
  • editorIndentGuide.background#093158
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#007bff
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#092747
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#072441
  • editorSuggestWidget.background#092747
  • editorSuggestWidget.border#007bff
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#00ffab
  • editorSuggestWidget.selectedBackground#007bff5a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#007fd4
  • 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#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#007bff
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#0052a758
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#7ebdff
  • list.hoverBackground#007bff93
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#007bffb3
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#092747
  • menu.border#007bff
  • menu.foreground#7ebdff
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#0c1c2e
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#ffd97e5a
  • minimap.selectionHighlight#0052a3
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#72de29
  • minimapGutter.deletedBackground#e4326c
  • minimapGutter.modifiedBackground#39ccee
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#092747
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f4719c
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#ffa462
  • notificationToast.border#007bff
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007bff
  • peekViewEditor.background#092747
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#061a30
  • peekViewResult.background#051b32
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#031d38
  • 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#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#001d3d
  • sideBar.border#007bff
  • sideBar.dropBackground#0052a758
  • sideBar.foreground#7ebdff
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#d5e9ff
  • statusBar.background#092747
  • statusBar.debuggingBackground#248bf7
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#0052a7
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0054ad
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#2765a7
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#043262
  • 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#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#092747
  • titleBar.activeForeground#7ebdff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#092747
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#007bff
  • 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#bc9dff
variable.other.generic-type.haskell#00ff70
storage.type.haskell#cbcbcb
support.variable.magic.python#bc9dff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#00ff70
variable.parameter.function.language.special.self.python#ff6c9c
storage.modifier.lifetime.rust#00ff70
support.function.std.rust#24c2ff
entity.name.lifetime.rust#ff6c9c
variable.language.rust#bc9dff
support.constant.edge#00ff70
constant.other.character-class.regexp#bc9dff
keyword.operator.quantifier.regexp#cbcbcb
punctuation.definition.string.begin,punctuation.definition.string.end#ffb86d
variable.parameter.function#00ff70
comment markup.link#7f848e
markup.changed.diff#ff6c9c
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#24c2ff
markup.inserted.diff#ffb86d
markup.deleted.diff#bc9dff
meta.function.c,meta.function.cpp#bc9dff
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#00ff70
punctuation.separator.key-value#00ff70
keyword.operator.expression.import#24c2ff
support.constant.math#ff6c9c
support.constant.property.math#cbcbcb
variable.other.constant#ff6c9c
storage.type.annotation.java, storage.type.object.array.java#ff6c9c
source.java#bc9dff
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#00ff70
meta.method.java#24c2ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ff6c9c
keyword.operator.instanceof.java#00ff70
meta.definition.variable.name.java#bc9dff
keyword.operator.logical#ff7777
keyword.operator.bitwise#ff7777
keyword.operator.channel#ff7777
support.constant.property-value.scss,support.constant.property-value.css#cbcbcb
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff7777
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#cbcbcb
punctuation.separator.list.comma.css#00ff70
support.constant.color.w3c-standard-color-name.css#cbcbcb
support.type.vendored.property-name.css#ff7777
support.module.node,support.type.object.module,support.module.node#ff6c9c
entity.name.type.module#ff6c9c
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#bc9dff
support.constant.json#cbcbcb
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#00ff70
support.type.object.console#bc9dff
support.variable.property.process#cbcbcb
entity.name.function,support.function.console#24c2ff
keyword.operator.misc.rust#00ff70
keyword.operator.sigil.rust#00ff70
keyword.operator.delete#00ff70
support.type.object.dom#ff7777
support.variable.dom,support.variable.property.dom#bc9dff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ff7777
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#00ff70
punctuation.separator.delimiter#00ff70
punctuation.separator.c,punctuation.separator.cpp#00ff70
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ff7777
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#00ff70
variable.parameter.function.language.python#cbcbcb
support.type.python#ff7777
keyword.operator.logical.python#00ff70
variable.parameter.function.python#cbcbcb
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#00ff70
meta.function-call.generic.python#24c2ff
constant.character.format.placeholder.other.python#cbcbcb
keyword.operator#00ff70
keyword.operator.assignment.compound#00ff70
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ff7777
keyword#00ff70
entity.name.namespace#ff6c9c
variable#bc9dff
variable.c#00ff70
variable.language#ff6c9c
token.variable.parameter.java#00ff70
import.storage.java#ff6c9c
token.package.keyword#00ff70
token.package#00ff70
entity.name.function, meta.require, support.function.any-method, variable.function#24c2ff
entity.name.type.namespace#ff6c9c
support.class, entity.name.type.class#ff6c9c
entity.name.class.identifier.namespace.type#ff6c9c
entity.name.class, variable.other.class.js, variable.other.class.ts#ff6c9c
variable.other.class.php#bc9dff
entity.name.type#ff6c9c
keyword.control#00ff70
control.elements, keyword.operator.less#cbcbcb
keyword.other.special-method#24c2ff
storage#00ff70
token.storage#00ff70
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#00ff70
token.storage.type.java#ff6c9c
support.function#ff7777
support.type.property-name#00ff70
support.constant.property-value#00ff70
support.constant.font-name#cbcbcb
meta.tag#00ff70
string#ffb86d
entity.other.inherited-class#ff6c9c
constant.other.symbol#ff7777
constant.numeric#cbcbcb
constant#cbcbcb
punctuation.definition.constant#cbcbcb
entity.name.tag#bc9dff
entity.other.attribute-name#cbcbcb
entity.other.attribute-name.id#24c2ffnormal
entity.other.attribute-name.class.css#cbcbcbnormal
meta.selector#00ff70
markup.heading#bc9dff
markup.heading punctuation.definition.heading, entity.name.section#24c2ff
keyword.other.unit#bc9dff
markup.bold,todo.bold#cbcbcb
punctuation.definition.bold#ff6c9c
markup.italic, punctuation.definition.italic,todo.emphasis#00ff70
emphasis md#00ff70
entity.name.section.markdown#bc9dff
punctuation.definition.heading.markdown#bc9dff
punctuation.definition.list.begin.markdown#bc9dff
markup.heading.setext#00ff70
punctuation.definition.bold.markdown#cbcbcb
markup.inline.raw.markdown#ffb86d
markup.inline.raw.string.markdown#ffb86d
punctuation.definition.list.markdown#bc9dff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#bc9dff
beginning.punctuation.definition.list.markdown#bc9dff
punctuation.definition.metadata.markdown#bc9dff
markup.underline.link.markdown,markup.underline.link.image.markdown#00ff70
string.other.link.title.markdown,string.other.link.description.markdown#24c2ff
string.regexp#ff7777
constant.character.escape#ff7777
punctuation.section.embedded, variable.interpolation#bc9dff
punctuation.section.embedded.begin,punctuation.section.embedded.end#00ff70
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#00ff70
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#bc9dff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#bc9dff
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#ffb86d
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff7777
support.type.property-name.json#bc9dff
support.type.property-name.json punctuation#bc9dff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#00ff70
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#00ff70
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ff6c9c
keyword.operator.error-control.php#00ff70
keyword.operator.type.php#00ff70
punctuation.section.array.begin.php#00ff70
punctuation.section.array.end.php#00ff70
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ff6c9c
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#24c2ff
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#00ff70
support.constant.core.rust#cbcbcb
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#cbcbcb
entity.name.goto-label.php,support.other.php#24c2ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ff7777
keyword.operator.regexp.php#00ff70
keyword.operator.comparison.php#ff7777
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#00ff70
meta.function.decorator.python#24c2ff
support.token.decorator.python,meta.function.decorator.identifier.python#ff7777
function.parameter#00ff70
function.brace#00ff70
function.parameter.ruby, function.parameter.cs#00ff70
constant.language.symbol.ruby#ff7777
rgb-value#ff7777
inline-color-decoration rgb-value#cbcbcb
less rgb-value#cbcbcb
selector.sass#bc9dff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ff6c9c
block.scope.end,block.scope.begin#00ff70
storage.type.cs#ff6c9c
entity.name.variable.local.cs#bc9dff
token.info-token#24c2ff
token.warn-token#cbcbcb
token.error-token#f44747
token.debug-token#00ff70
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#00ff70
meta.template.expression#00ff70
keyword.operator.module#00ff70
support.type.type.flowtype#24c2ff
support.type.primitive#ff6c9c
meta.property.object#bc9dff
variable.parameter.function.js#bc9dff
keyword.other.template.begin#ffb86d
keyword.other.template.end#ffb86d
keyword.other.substitution.begin#ffb86d
keyword.other.substitution.end#ffb86d
keyword.operator.assignment#ff7777
keyword.operator.assignment.go#ff6c9c
keyword.operator.arithmetic.go, keyword.operator.address.go#00ff70
entity.name.package.go#ff6c9c
support.type.prelude.elm#ff7777
support.constant.elm#cbcbcb
punctuation.quasi.element#00ff70
constant.character.entity#bc9dff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff7777
entity.global.clojure#ff6c9c
meta.symbol.clojure#bc9dff
constant.keyword.clojure#ff7777
meta.arguments.coffee, variable.parameter.function.coffee#bc9dff
source.ini#ffb86d
meta.scope.prerequisites.makefile#bc9dff
source.makefile#ff6c9c
storage.modifier.import.groovy#ff6c9c
meta.method.groovy#24c2ff
meta.definition.variable.name.groovy#bc9dff
meta.definition.class.inherited.classes.groovy#ffb86d
support.variable.semantic.hlsl#ff6c9c
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#00ff70
text.variable, text.bracketed#bc9dff
support.type.swift, support.type.vb.asp#ff6c9c
entity.name.function.xi#ff6c9c
entity.name.class.xi#ff7777
constant.character.character-class.regexp.xi#bc9dff
constant.regexp.xi#00ff70
keyword.control.xi#ff7777
invalid.xi#00ff70
beginning.punctuation.definition.quote.markdown.xi#ffb86d
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#24c2ff
accent.xi#24c2ff
wikiword.xi#cbcbcb
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ff6c9c
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#bc9dff
meta.brace.square#00ff70
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#00ff70
constant.language.symbol.elixir#ff7777
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...

Mission Blue - Coding Theme