Skip to main content
CodingTheme

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.activeBackground#ffffff00
  • activityBar.background#1f1f1f
  • activityBar.border#f1f1f10e
  • activityBar.foreground#fb2576
  • activityBar.inactiveForeground#fb257642
  • activityBarBadge.background#fb2576
  • activityBarBadge.foreground#ffffff
  • badge.background#fb2576
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#f1f1f1c1
  • breadcrumb.background#1f1f1f
  • breadcrumb.focusForeground#f1f1f1c1
  • breadcrumb.foreground#f1f1f180
  • button.background#fb2576
  • button.foreground#ffffff
  • button.hoverBackground#f1f1f18d
  • button.secondaryBackground#f1f1f124
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#f1f1f134
  • 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#70b95514
  • diffEditor.removedTextBackground#ff000016
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1f1f1f
  • editor.findMatchBackground#f1f1f118
  • editor.findMatchBorder#f1f1f106
  • editor.findMatchHighlightBackground#f1f1f11c
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#f1f1f10e
  • editor.findRangeHighlightBorder#f1f1f102
  • editor.foldBackground#f1f1f10e
  • editor.foreground#f1f1f180
  • editor.hoverHighlightBackground#f1f1f118
  • editor.inactiveSelectionBackground#f1f1f122
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#f1f1f11a
  • editor.selectionHighlightBackground#f1f1f116
  • editor.selectionHighlightBorder#f1f1f112
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#f1f1f11c
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f471b5
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1f1f1f
  • editorGroupHeader.border#ffffff1a
  • editorGroupHeader.tabsBackground#f1f1f10e
  • editorGutter.addedBackground#ff88b5
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#b04c7b81
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#e2c08d
  • editorHoverWidget.background#1f1f1f
  • editorHoverWidget.border#f1f1f12e
  • editorHoverWidget.foreground#f1f1f1
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#6cba8f00
  • editorInfo.foreground#6cba8f
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#f1f1f1b3
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#b04c7b
  • editorMarkerNavigationInfo.background#4cb0ab
  • editorMarkerNavigationWarning.background#ffcc8f
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#fb2576
  • editorSuggestWidget.selectedBackground#fdfdfd1a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1f1f1f
  • editorWidget.foreground#bababa
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#646b60
  • foreground#f1f1f1
  • gitDecoration.addedResourceForeground#ff8cb7
  • gitDecoration.conflictingResourceForeground#ffcc8fb3
  • gitDecoration.deletedResourceForeground#b04c7b81
  • gitDecoration.ignoredResourceForeground#f1f1f148
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#b04c7b80
  • gitDecoration.stageModifiedResourceForeground#ffcc8fb3
  • gitDecoration.submoduleResourceForeground#4cb0ab
  • gitDecoration.untrackedResourceForeground#408260
  • icon.foreground#f1f1f1
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#f1f1f148
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#f1f1f11c
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#f1f1f10e
  • list.focusBackground#f1f1f11a
  • list.focusForeground#b2b2b2
  • list.highlightForeground#fb2576
  • list.hoverBackground#f1f1f10a
  • list.hoverForeground#f1f1f199
  • list.inactiveSelectionBackground#f1f1f10e
  • list.inactiveSelectionForeground#f1f1f1
  • listFilterWidget.background#f1f1f134
  • listFilterWidget.noMatchesOutline#be0035
  • listFilterWidget.outline#00000000
  • menu.background#1f1f1f
  • menu.border#00000085
  • menu.foreground#f1f1f1
  • menu.selectionBackground#f1f1f136
  • menu.selectionBorder#00000000
  • menu.selectionForeground#f1f1f1
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#f1f1f132
  • menubar.selectionForeground#f1f1f1
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#1d4947
  • merge.currentHeaderBackground#29605d
  • merge.incomingContentBackground#6f2742
  • merge.incomingHeaderBackground#bc3b6c
  • minimap.background#1f1f1f
  • minimap.errorHighlight#f471b5
  • minimap.findMatchHighlight#f1f1f118
  • minimap.selectionHighlight#f1f1f11a
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#ff88b5
  • minimapGutter.deletedBackground#b04c7b81
  • minimapGutter.modifiedBackground#e2c08d
  • notificationCenter.border#47474704
  • notificationCenterHeader.background#f1f1f108
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#1f1f1f
  • notifications.border#303031
  • notifications.foreground#f1f1f1
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#f1f1f10e
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#f1f1f12c
  • peekViewEditor.background#2a2a2a
  • peekViewEditor.matchHighlightBackground#ff8f0038
  • peekViewEditor.matchHighlightBorder#ee931e00
  • peekViewEditorGutter.background#2a2a2a
  • peekViewResult.background#2a2a2a
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c0038
  • peekViewResult.selectionBackground#f1f1f10c
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#2a2a2a
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#fb2576
  • progressBar.background#646b60
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#f1f1f134
  • selection.background#646b60
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#f1f1f1
  • sideBar.background#1f1f1f
  • sideBar.border#f1f1f10e
  • sideBar.dropBackground#f1f1f10e
  • sideBar.foreground#f1f1f1
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#f1f1f10e
  • sideBarSectionHeader.foreground#f1f1f1
  • sideBarTitle.foreground#f1f1f19b
  • statusBar.background#1c1f1e
  • statusBar.debuggingBackground#1c1f1e
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#1c1f1e
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#fdfdfd1f
  • statusBarItem.remoteBackground#fb257695
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#f1f1f100
  • tab.inactiveForeground#f1f1f180
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#7066b6
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#8f80ff
  • terminal.ansiBrightCyan#67eaff
  • terminal.ansiBrightGreen#57ffc7
  • terminal.ansiBrightMagenta#ca82ff
  • terminal.ansiBrightRed#ff0c51
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#ffc71f
  • terminal.ansiCyan#5ac2d3
  • terminal.ansiGreen#3fb48d
  • terminal.ansiMagenta#a469cf
  • terminal.ansiRed#e20e4a
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5b010
  • terminal.border#80808059
  • terminal.foreground#999999
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ececec3e
  • terminalCursor.foreground#ffffff
  • textLink.foreground#fb2576
  • titleBar.activeBackground#1f1f1f
  • titleBar.activeForeground#f1f1f1bf
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1f1f1f
  • titleBar.inactiveForeground#f1f1f15c
  • tree.indentGuidesStroke#f1f1f134
  • 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#9592ff
variable.other.generic-type.haskell#7800d7
storage.type.haskell#f1f1f1cc
support.variable.magic.python#9592ff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#f1f1f180
variable.parameter.function.language.special.self.python#fb2576
storage.modifier.lifetime.rust#f1f1f180
support.function.std.rust#8fefff
entity.name.lifetime.rust#fb2576
variable.language.rust#9592ff
support.constant.edge#7800d7
constant.other.character-class.regexp#9592ff
keyword.operator.quantifier.regexp#f1f1f1cc
punctuation.definition.string.begin,punctuation.definition.string.end#f1f1f1cc
variable.parameter.function#f1f1f180
comment markup.link#ababab80
markup.changed.diff#fb2576
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#8fefff
markup.inserted.diff#f1f1f1cc
markup.deleted.diff#9592ff
meta.function.c,meta.function.cpp#9592ff
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#f1f1f180
punctuation.separator.key-value#f1f1f180
keyword.operator.expression.import#8fefff
support.constant.math#fb2576
support.constant.property.math#f1f1f1cc
variable.other.constant#fb2576
storage.type.annotation.java, storage.type.object.array.java#fb2576
source.java#9592ff
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#f1f1f180
meta.method.java#8fefff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#fb2576
keyword.operator.instanceof.java#7800d7
meta.definition.variable.name.java#9592ff
keyword.operator.logical#f1f1f1ef
keyword.operator.bitwise#f1f1f1ef
keyword.operator.channel#f1f1f1ef
support.constant.property-value.scss,support.constant.property-value.css#f1f1f1cc
keyword.operator.css,keyword.operator.scss,keyword.operator.less#f1f1f1ef
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f1f1f1cc
punctuation.separator.list.comma.css#f1f1f180
support.constant.color.w3c-standard-color-name.css#f1f1f1cc
support.type.vendored.property-name.css#f1f1f1ef
support.module.node,support.type.object.module,support.module.node#fb2576
entity.name.type.module#fb2576
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#9592ff
support.constant.json#f1f1f1cc
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#7800d7
support.type.object.console#9592ff
support.variable.property.process#f1f1f1cc
entity.name.function,support.function.console#8fefff
keyword.operator.misc.rust#f1f1f180
keyword.operator.sigil.rust#7800d7
keyword.operator.delete#7800d7
support.type.object.dom#f1f1f1ef
support.variable.dom,support.variable.property.dom#9592ff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#f1f1f1ef
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#7800d7
punctuation.separator.delimiter#f1f1f180
punctuation.separator.c,punctuation.separator.cpp#7800d7
support.type.posix-reserved.c,support.type.posix-reserved.cpp#f1f1f1ef
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#7800d7
variable.parameter.function.language.python#f1f1f1cc
support.type.python#f1f1f1ef
keyword.operator.logical.python#7800d7
variable.parameter.function.python#f1f1f1cc
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#f1f1f180
meta.function-call.generic.python#8fefff
constant.character.format.placeholder.other.python#f1f1f1cc
keyword.operator#f1f1f180
keyword.operator.assignment.compound#7800d7
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#f1f1f1ef
keyword#7800d7
entity.name.namespace#fb2576
variable#9592ff
variable.c#f1f1f180
variable.language#fb2576
token.variable.parameter.java#f1f1f180
import.storage.java#fb2576
token.package.keyword#7800d7
token.package#f1f1f180
entity.name.function, meta.require, support.function.any-method, variable.function#8fefff
entity.name.type.namespace#fb2576
support.class, entity.name.type.class#fb2576
entity.name.class.identifier.namespace.type#fb2576
entity.name.class, variable.other.class.js, variable.other.class.ts#fb2576
variable.other.class.php#9592ff
entity.name.type#fb2576
keyword.control#7800d7
control.elements, keyword.operator.less#f1f1f1cc
keyword.other.special-method#8fefff
storage#7800d7
token.storage#7800d7
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#7800d7
token.storage.type.java#fb2576
support.function#f1f1f1ef
support.type.property-name#f1f1f180
support.constant.property-value#f1f1f180
support.constant.font-name#f1f1f1cc
meta.tag#f1f1f180
string#f1f1f1cc
entity.other.inherited-class#fb2576
constant.other.symbol#f1f1f1ef
constant.numeric#f1f1f1cc
constant#f1f1f1cc
punctuation.definition.constant#f1f1f1cc
entity.name.tag#9592ff
entity.other.attribute-name#f1f1f1cc
entity.other.attribute-name.id#8fefffnormal
entity.other.attribute-name.class.css#f1f1f1ccnormal
meta.selector#7800d7
markup.heading#9592ff
markup.heading punctuation.definition.heading, entity.name.section#8fefff
keyword.other.unit#9592ff
markup.bold,todo.bold#f1f1f1cc
punctuation.definition.bold#fb2576
markup.italic, punctuation.definition.italic,todo.emphasis#7800d7
emphasis md#7800d7
entity.name.section.markdown#9592ff
punctuation.definition.heading.markdown#9592ff
punctuation.definition.list.begin.markdown#9592ff
markup.heading.setext#f1f1f180
punctuation.definition.bold.markdown#f1f1f1cc
markup.inline.raw.markdown#f1f1f1cc
markup.inline.raw.string.markdown#f1f1f1cc
punctuation.definition.list.markdown#9592ff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#9592ff
beginning.punctuation.definition.list.markdown#9592ff
punctuation.definition.metadata.markdown#9592ff
markup.underline.link.markdown,markup.underline.link.image.markdown#7800d7
string.other.link.title.markdown,string.other.link.description.markdown#8fefff
string.regexp#f1f1f1ef
constant.character.escape#f1f1f1ef
punctuation.section.embedded, variable.interpolation#9592ff
punctuation.section.embedded.begin,punctuation.section.embedded.end#7800d7
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#f1f1f180
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#9592ff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#9592ff
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#f1f1f1cc
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#f1f1f1ef
support.type.property-name.json#9592ff
support.type.property-name.json punctuation#9592ff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#7800d7
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#7800d7
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#fb2576
keyword.operator.error-control.php#7800d7
keyword.operator.type.php#7800d7
punctuation.section.array.begin.php#f1f1f180
punctuation.section.array.end.php#f1f1f180
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#fb2576
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#8fefff
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#f1f1f180
support.constant.core.rust#f1f1f1cc
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f1f1f1cc
entity.name.goto-label.php,support.other.php#8fefff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#f1f1f1ef
keyword.operator.regexp.php#7800d7
keyword.operator.comparison.php#f1f1f1ef
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#7800d7
meta.function.decorator.python#8fefff
support.token.decorator.python,meta.function.decorator.identifier.python#f1f1f1ef
function.parameter#f1f1f180
function.brace#f1f1f180
function.parameter.ruby, function.parameter.cs#f1f1f180
constant.language.symbol.ruby#f1f1f1ef
rgb-value#f1f1f1ef
inline-color-decoration rgb-value#f1f1f1cc
less rgb-value#f1f1f1cc
selector.sass#9592ff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#fb2576
block.scope.end,block.scope.begin#f1f1f180
storage.type.cs#fb2576
entity.name.variable.local.cs#9592ff
token.info-token#8fefff
token.warn-token#f1f1f1cc
token.error-token#f44747
token.debug-token#7800d7
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#7800d7
meta.template.expression#f1f1f180
keyword.operator.module#7800d7
support.type.type.flowtype#8fefff
support.type.primitive#fb2576
meta.property.object#9592ff
variable.parameter.function.js#9592ff
keyword.other.template.begin#f1f1f1cc
keyword.other.template.end#f1f1f1cc
keyword.other.substitution.begin#f1f1f1cc
keyword.other.substitution.end#f1f1f1cc
keyword.operator.assignment#f1f1f1ef
keyword.operator.assignment.go#fb2576
keyword.operator.arithmetic.go, keyword.operator.address.go#7800d7
entity.name.package.go#fb2576
support.type.prelude.elm#f1f1f1ef
support.constant.elm#f1f1f1cc
punctuation.quasi.element#7800d7
constant.character.entity#9592ff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#f1f1f1ef
entity.global.clojure#fb2576
meta.symbol.clojure#9592ff
constant.keyword.clojure#f1f1f1ef
meta.arguments.coffee, variable.parameter.function.coffee#9592ff
source.ini#f1f1f1cc
meta.scope.prerequisites.makefile#9592ff
source.makefile#fb2576
storage.modifier.import.groovy#fb2576
meta.method.groovy#8fefff
meta.definition.variable.name.groovy#9592ff
meta.definition.class.inherited.classes.groovy#f1f1f1cc
support.variable.semantic.hlsl#fb2576
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#7800d7
text.variable, text.bracketed#9592ff
support.type.swift, support.type.vb.asp#fb2576
entity.name.function.xi#fb2576
entity.name.class.xi#f1f1f1ef
constant.character.character-class.regexp.xi#9592ff
constant.regexp.xi#7800d7
keyword.control.xi#f1f1f1ef
invalid.xi#f1f1f180
beginning.punctuation.definition.quote.markdown.xi#f1f1f1cc
beginning.punctuation.definition.list.markdown.xi#ababab80
constant.character.xi#8fefff
accent.xi#8fefff
wikiword.xi#f1f1f1cc
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#ababab80
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#fb2576
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#9592ff
meta.brace.square#f1f1f180
comment, punctuation.definition.comment#ababab80italic
markup.quote.markdown#ababab80
punctuation.definition.block.sequence.item.yaml#f1f1f180
constant.language.symbol.elixir#f1f1f1ef
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...

MeOcean Themes by Jaiane Oliveira - VS Code Theme