Skip to main content
Coding Theme

Quite Night Theme

Publisher: Vavilen BaderThemes in package: 1

Minimalistic VS code theme for night coding

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#232530
  • activityBar.foreground#b2e2ff
  • activityBar.inactiveForeground#b2e2ff
  • activityBarBadge.background#537f9d
  • activityBarBadge.foreground#b2e2ff
  • badge.background#232530
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#b2e2ff
  • breadcrumb.background#232530
  • breadcrumb.focusForeground#b2e2ff
  • breadcrumb.foreground#b2e2ff
  • button.background#242941
  • button.foreground#b2e2ff
  • button.hoverBackground#232530
  • button.secondaryBackground#282a35
  • button.secondaryForeground#b2e2ff
  • button.secondaryHoverBackground#282a35
  • checkbox.background#282a35
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#282a35
  • debugExceptionWidget.border#282a35
  • debugToolBar.background#282a35
  • debugToolBar.border#282a35
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#282a35
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1c1e26
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#b0bfff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#b2e2ff
  • editor.selectionBackground#1a3149
  • editor.selectionHighlightBackground#1a3149
  • editor.selectionHighlightBorder#1a3149
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#b2e2ff
  • editorCursor.background#ffffff
  • editorCursor.foreground#1a3149
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f00000
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1c1e26
  • editorGroupHeader.tabsBackground#232530
  • editorGroupHeader.tabsBorder#292b38
  • editorGutter.addedBackground#8ccf00
  • editorGutter.background#1c1e26
  • editorGutter.commentRangeForeground#b2e2ff
  • editorGutter.deletedBackground#ff000c
  • editorGutter.foldingControlForeground#b2e2ff
  • editorGutter.modifiedBackground#00c7ff
  • editorHoverWidget.background#282a35
  • editorHoverWidget.border#282a35
  • editorHoverWidget.foreground#b2e2ff
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#0087ff
  • editorLineNumber.activeForeground#b2e2ff
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#282a35
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#282a35
  • editorSuggestWidget.border#282a35
  • editorSuggestWidget.foreground#b2e2ff
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffcb00
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#282a35
  • editorWidget.foreground#b2e2ff
  • editorWidget.resizeBorder#282a35
  • focusBorder#007fd4
  • foreground#b2e2ff
  • 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#b2e2ff
  • input.background#282a35
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#232530
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#b2e2ff
  • list.dropBackground#094771
  • list.focusBackground#062f4a
  • list.focusForeground#b2e2ff
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#b2e2ff
  • list.inactiveSelectionBackground#282a35
  • list.inactiveSelectionForeground#b2e2ff
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#282a35
  • menu.border#282a35
  • menu.foreground#b2e2ff
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#b2e2ff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#282a35
  • menubar.selectionBorder#282a35
  • menubar.selectionForeground#b2e2ff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1c1e26
  • minimap.errorHighlight#f00000
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#1a3149
  • minimap.warningHighlight#ffcb00
  • minimapGutter.addedBackground#8ccf00
  • minimapGutter.deletedBackground#ff000c
  • minimapGutter.modifiedBackground#00c7ff
  • notificationCenter.border#282a35
  • notificationCenterHeader.background#282a35
  • notificationCenterHeader.foreground#b2e2ff
  • notifications.background#282a35
  • notifications.border#303031
  • notifications.foreground#b2e2ff
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#282a35
  • panel.background#232530
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#282a35
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#b2e2ff
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#282a35
  • peekViewResult.fileForeground#b2e2ff
  • peekViewResult.lineForeground#b2e2ff
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#b2e2ff
  • peekViewTitle.background#282a35
  • peekViewTitleDescription.foreground#b2e2ff
  • peekViewTitleLabel.foreground#b2e2ff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#b2e2ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#1c1e26
  • scrollbarSlider.activeBackground#282a35
  • scrollbarSlider.background#282a35
  • scrollbarSlider.hoverBackground#282a35
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#b2e2ff
  • sideBar.background#1c1e26
  • sideBar.border#4b5b64
  • sideBar.dropBackground#094771
  • sideBar.foreground#b2e2ff
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#b2e2ff
  • sideBarTitle.foreground#b2e2ff
  • statusBar.background#232530
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#b2e2ff
  • statusBar.foreground#b2e2ff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#b2e2ff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#232530
  • statusBarItem.remoteForeground#b2e2ff
  • tab.activeBackground#292b38
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#b2e2ff
  • tab.border#252526
  • tab.hoverForeground#b2e2ff
  • tab.inactiveBackground#232530
  • tab.inactiveForeground#b2e2ff
  • 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#b2e2ff
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0085fb
  • terminalCursor.foreground#ffffff
  • textLink.foreground#4c7db6
  • titleBar.activeBackground#232530
  • titleBar.activeForeground#b2e2ff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#b2e2ff
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Quite Night Theme - Coding Theme