Skip to main content
CodingTheme

Gentle Vintage Dark Theme

Publisher: Mao ShizhongThemes in package: 1

A dark theme that's gentle on the eyes - dark greys with subtle accents and syntax colours that are distinct yet subtly muted for gentler viewing.

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#0f0f0f
  • activityBar.background#040404
  • activityBar.border#0f0f0f00
  • activityBar.foreground#ded0bf
  • activityBar.inactiveForeground#474747f3
  • activityBarBadge.background#3b8dad81
  • activityBarBadge.foreground#ded0bf
  • badge.background#b46a717c
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#060606
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#cdcdcd
  • button.background#6f5f4c
  • button.foreground#ffffff
  • button.hoverBackground#948067
  • button.secondaryBackground#3b3228
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4f473d
  • checkbox.background#1f1f1e
  • checkbox.border#00000000
  • checkbox.foreground#cdcdcd
  • debugExceptionWidget.background#111e2c
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#111e2c
  • debugToolBar.border#47474700
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#8cc27933
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#9b515133
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#1f1f1e
  • dropdown.border#00000000
  • dropdown.foreground#cdcdcd
  • editor.background#0a0a0a
  • editor.findMatchBackground#cfc4b748
  • editor.findMatchBorder#cfc4b756
  • editor.findMatchHighlightBackground#ded3c632
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#d9b88520
  • editor.foreground#ffffffe1
  • editor.hoverHighlightBackground#2b568240
  • editor.inactiveSelectionBackground#d1c7bc2c
  • editor.lineHighlightBackground#388bd31e
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#ffffff18
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#b2aaa140
  • editor.selectionHighlightBackground#99c1ea26
  • editor.selectionHighlightBorder#a5a5a500
  • editor.wordHighlightBackground#515151b8
  • editor.wordHighlightStrongBackground#36759962
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ded3c622
  • editorBracketMatch.border#3b729b
  • editorCodeLens.foreground#c2c2c2
  • editorCursor.background#000000
  • editorCursor.foreground#cfd1ce
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#b4656c
  • editorGroup.border#00000000
  • editorGroup.emptyBackground#0a0a0a
  • editorGroupHeader.border#e4e4e400
  • editorGroupHeader.tabsBackground#060606
  • editorGroupHeader.tabsBorder#0f0f0f00
  • editorGutter.addedBackground#6f804c
  • editorGutter.background#080808
  • editorGutter.commentRangeForeground#ded0bf
  • editorGutter.deletedBackground#b4656c
  • editorGutter.foldingControlForeground#ded0bf
  • editorGutter.modifiedBackground#48839f
  • editorHoverWidget.background#080808
  • editorHoverWidget.border#a36c3b6c
  • editorHoverWidget.foreground#c0c0c0
  • editorIndentGuide.activeBackground#ded3c6
  • editorIndentGuide.background#ded3c632
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#78a4cb
  • editorLineNumber.activeForeground#3b8dad
  • editorLineNumber.foreground#cfc4b778
  • editorLink.activeForeground#1cd6e0
  • editorMarkerNavigation.background#385864
  • editorMarkerNavigationError.background#f9674a
  • editorMarkerNavigationInfo.background#d9c9ba
  • editorMarkerNavigationWarning.background#d9bb3ac3
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#9d9d9d00
  • editorRuler.foreground#d3c7b920
  • editorSuggestWidget.background#111e2c
  • editorSuggestWidget.border#2c2c2c
  • editorSuggestWidget.foreground#cdcdcd
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#0f0f0f
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#b4a252
  • editorWhitespace.foreground#e3e4e24a
  • editorWidget.background#0f0f0f
  • editorWidget.foreground#cdcdcd
  • editorWidget.resizeBorder#5f5f5f00
  • focusBorder#eee5d82a
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#7bb03c
  • gitDecoration.conflictingResourceForeground#918eb8
  • gitDecoration.deletedResourceForeground#b46a71
  • gitDecoration.ignoredResourceForeground#8c8c8c93
  • gitDecoration.modifiedResourceForeground#d3ba9d
  • gitDecoration.stageDeletedResourceForeground#c24c58
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#b3d985
  • icon.foreground#ffffff
  • input.background#1f1f1e
  • input.border#00000000
  • input.foreground#cdcdcd
  • input.placeholderForeground#ffffff
  • inputOption.activeBackground#000000
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#0f1b28
  • list.activeSelectionForeground#b3d985
  • list.dropBackground#0f1b28
  • list.focusBackground#0f1b28
  • list.focusForeground#cdcdcd
  • list.highlightForeground#b4656c
  • list.hoverBackground#1a2b3d
  • list.hoverForeground#76c2e0
  • list.inactiveSelectionBackground#bdd99b3a
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#0f1b28
  • listFilterWidget.noMatchesOutline#7d241b
  • listFilterWidget.outline#ffcfcf00
  • menu.background#080808
  • menu.border#3838384e
  • menu.foreground#cdcdcd
  • menu.selectionBackground#ded0bf3a
  • menu.selectionBorder#b63a3a00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#cdcdcd
  • menubar.selectionBackground#ded0bf3a
  • menubar.selectionBorder#cdcdcd00
  • menubar.selectionForeground#cdcdcd
  • merge.commonContentBackground#242424
  • merge.commonHeaderBackground#242424
  • merge.currentContentBackground#223834
  • merge.currentHeaderBackground#0c1f1b
  • merge.incomingContentBackground#2d3d4f
  • merge.incomingHeaderBackground#132738
  • minimap.background#0a0a0a
  • minimap.errorHighlight#b4656c
  • minimap.findMatchHighlight#cfc4b748
  • minimap.selectionHighlight#b2aaa140
  • minimap.warningHighlight#b4a252
  • minimapGutter.addedBackground#6f804c
  • minimapGutter.deletedBackground#b4656c
  • minimapGutter.modifiedBackground#48839f
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#111e2c
  • notificationCenterHeader.foreground#cdcdcd
  • notifications.background#111e2c
  • notifications.border#ffffff00
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#cdcdcd
  • notificationsInfoIcon.foreground#cdcdcd
  • notificationsWarningIcon.foreground#cdcdcd
  • notificationToast.border#47474700
  • panel.background#040404
  • panel.border#40bea700
  • panelSection.border#ded0bf10
  • panelTitle.activeBorder#d3ba9d
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc00
  • peekViewEditor.background#17202a
  • peekViewEditor.matchHighlightBackground#38200000
  • peekViewEditor.matchHighlightBorder#4b4b4b
  • peekViewEditorGutter.background#0f1924
  • peekViewResult.background#1b2938
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#9677634c
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#111e2c
  • peekViewTitleDescription.foreground#cdcdcd
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#111e2c
  • pickerGroup.foreground#cdcdcd
  • progressBar.background#bc8c4e
  • scrollbar.shadow#30303000
  • scrollbarSlider.activeBackground#121f2d
  • scrollbarSlider.background#1b1a21
  • scrollbarSlider.hoverBackground#0f1b28
  • selection.background#4d4d4d
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#060606
  • sideBar.border#0f0f0f00
  • sideBar.dropBackground#0f1b28
  • sideBar.foreground#e6dbcc
  • sideBarSectionHeader.background#000000
  • sideBarSectionHeader.border#56565681
  • sideBarSectionHeader.foreground#dedede
  • sideBarTitle.foreground#eee2d3
  • statusBar.background#040404
  • statusBar.border#fdfeff00
  • statusBar.debuggingBackground#0f1b28
  • statusBar.debuggingBorder#0f1b2800
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#e6ded1
  • statusBar.noFolderBackground#0f0f0f
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#cdcdcd
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#7e858c00
  • statusBarItem.remoteBackground#040404
  • statusBarItem.remoteForeground#b4656c
  • tab.activeBackground#ded3c632
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#ded3c600
  • tab.hoverBackground#132232
  • tab.hoverBorder#00000000
  • tab.hoverForeground#cdcdcd
  • tab.inactiveBackground#080808
  • tab.inactiveForeground#cdcdcd
  • terminal.ansiBlack#343434
  • terminal.ansiBlue#93b2e2
  • terminal.ansiBrightBlack#797979
  • terminal.ansiBrightBlue#5793d7
  • terminal.ansiBrightCyan#53b8d1
  • terminal.ansiBrightGreen#27a773
  • terminal.ansiBrightMagenta#f57ff5
  • terminal.ansiBrightRed#de6363
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#d5d56b
  • terminal.ansiCyan#69cacf
  • terminal.ansiGreen#5fc099
  • terminal.ansiMagenta#f2b8f2
  • terminal.ansiRed#f58181
  • terminal.ansiWhite#dedede
  • terminal.ansiYellow#d7d79b
  • terminal.border#ded0bf10
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ececec30
  • terminalCursor.background#ded3c650
  • terminalCursor.foreground#ffffff
  • textLink.foreground#918eb8
  • titleBar.activeBackground#080808
  • titleBar.activeForeground#cdcdcd
  • titleBar.border#00000000
  • titleBar.inactiveBackground#060606
  • titleBar.inactiveForeground#cdcdcd
  • tree.indentGuidesStroke#96969658
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0f0f0f

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

Gentle Vintage Dark Theme by Mao Shizhong - VS Code Theme