Skip to main content
Coding Theme

LightBlack

Publisher: theboringkidThemes in package: 1

A black theme with light foreground colors for eye comfort. It is especially good on OLED screens because they can turn off black pixels.

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#000000
  • activityBar.background#191919
  • activityBar.border#ffa700a1
  • activityBar.foreground#d2fff6
  • activityBar.inactiveForeground#ffffff83
  • activityBarBadge.background#ffffff
  • activityBarBadge.foreground#000000
  • badge.background#902f00
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#000000
  • button.foreground#ffffff
  • button.hoverBackground#1177bb5e
  • button.secondaryBackground#2c2c2c
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#5789c9
  • checkbox.background#000000
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#000000
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#000000
  • editor.findMatchBackground#00ffdb72
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea8f0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#7c7e804d
  • editor.foreground#f0f0f0
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#11c7be22
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • 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#444444
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.tabsBackground#252526
  • editorGutter.addedBackground#53cbbf
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#d7d7d7
  • editorHoverWidget.background#131313
  • editorHoverWidget.border#ffffff14
  • editorHoverWidget.foreground#d9d9d9
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#1f1f1f
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#0f0f0f
  • editorSuggestWidget.border#ffffff68
  • editorSuggestWidget.foreground#ffffff
  • editorSuggestWidget.highlightForeground#636464
  • editorSuggestWidget.selectedBackground#d5d5d5
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#ffffff
  • foreground#ffffff
  • 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#ffffff
  • input.background#000000
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#0086e066
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#70b8b1
  • list.activeSelectionForeground#000000
  • list.dropBackground#00ffcf26
  • list.focusBackground#000000
  • list.focusForeground#b6b6b6
  • list.highlightForeground#ffffff
  • list.hoverBackground#00bfffa3
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#bcbcbc
  • list.inactiveSelectionForeground#262626
  • listFilterWidget.background#000000
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • 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#000000
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#00ffdb72
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#53cbbf
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#d7d7d7
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#000000
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#000000
  • panel.border#ffffffaf
  • panelSection.border#ffffff74
  • panelTitle.activeBorder#6ae2e8
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#00ccaf
  • peekViewEditor.background#092024
  • peekViewEditor.matchHighlightBackground#ff8f0072
  • peekViewEditor.matchHighlightBorder#ee931e54
  • peekViewEditorGutter.background#003333
  • peekViewResult.background#001919
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#33fff533
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#ffffff
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#315e86
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#191717
  • sideBar.border#828282
  • sideBar.dropBackground#00ffcf26
  • sideBar.foreground#4c9292
  • sideBarSectionHeader.background#ffffff
  • sideBarSectionHeader.border#ff000000
  • sideBarSectionHeader.foreground#000000
  • sideBarTitle.foreground#abf7e5
  • statusBar.background#3c514d
  • statusBar.border#ffffff00
  • statusBar.debuggingBackground#d5af1a
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#0000004e
  • statusBarItem.remoteBackground#ceffee
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#000000
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#2d2d2d
  • 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#ffffff74
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087ff
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#3c3c3c
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#ffffff
  • 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#e0656e
variable.other.generic-type.haskell#71bec2
storage.type.haskell#ffffff
support.variable.magic.python#e0656e
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#f0f0f0
variable.parameter.function.language.special.self.python#a78b55
storage.modifier.lifetime.rust#f0f0f0
support.function.std.rust#1c6eb2
entity.name.lifetime.rust#a78b55
variable.language.rust#e0656e
support.constant.edge#71bec2
constant.other.character-class.regexp#e0656e
keyword.operator.quantifier.regexp#ffffff
punctuation.definition.string.begin,punctuation.definition.string.end#abb65c
variable.parameter.function#f0f0f0
comment markup.link#8ac97d
markup.changed.diff#a78b55
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#1c6eb2
markup.inserted.diff#abb65c
markup.deleted.diff#e0656e
meta.function.c,meta.function.cpp#e0656e
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#f0f0f0
punctuation.separator.key-value#f0f0f0
keyword.operator.expression.import#1c6eb2
support.constant.math#a78b55
support.constant.property.math#ffffff
variable.other.constant#a78b55
storage.type.annotation.java, storage.type.object.array.java#a78b55
source.java#e0656e
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#f0f0f0
meta.method.java#1c6eb2
storage.modifier.import.java,storage.type.java,storage.type.generic.java#a78b55
keyword.operator.instanceof.java#71bec2
meta.definition.variable.name.java#e0656e
keyword.operator.logical#73b0b8
keyword.operator.bitwise#73b0b8
keyword.operator.channel#73b0b8
support.constant.property-value.scss,support.constant.property-value.css#ffffff
keyword.operator.css,keyword.operator.scss,keyword.operator.less#73b0b8
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffffff
punctuation.separator.list.comma.css#f0f0f0
support.constant.color.w3c-standard-color-name.css#ffffff
support.type.vendored.property-name.css#73b0b8
support.module.node,support.type.object.module,support.module.node#a78b55
entity.name.type.module#a78b55
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#e0656e
support.constant.json#ffffff
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#71bec2
support.type.object.console#e0656e
support.variable.property.process#ffffff
entity.name.function,support.function.console#1c6eb2
keyword.operator.misc.rust#f0f0f0
keyword.operator.sigil.rust#71bec2
keyword.operator.delete#71bec2
support.type.object.dom#73b0b8
support.variable.dom,support.variable.property.dom#e0656e
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#73b0b8
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#71bec2
punctuation.separator.delimiter#f0f0f0
punctuation.separator.c,punctuation.separator.cpp#71bec2
support.type.posix-reserved.c,support.type.posix-reserved.cpp#73b0b8
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#71bec2
variable.parameter.function.language.python#ffffff
support.type.python#73b0b8
keyword.operator.logical.python#71bec2
variable.parameter.function.python#ffffff
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#f0f0f0
meta.function-call.generic.python#1c6eb2
constant.character.format.placeholder.other.python#ffffff
keyword.operator#f0f0f0
keyword.operator.assignment.compound#71bec2
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#73b0b8
keyword#71bec2
entity.name.namespace#a78b55
variable#e0656e
variable.c#f0f0f0
variable.language#a78b55
token.variable.parameter.java#f0f0f0
import.storage.java#a78b55
token.package.keyword#71bec2
token.package#f0f0f0
entity.name.function, meta.require, support.function.any-method, variable.function#1c6eb2
entity.name.type.namespace#a78b55
support.class, entity.name.type.class#a78b55
entity.name.class.identifier.namespace.type#a78b55
entity.name.class, variable.other.class.js, variable.other.class.ts#a78b55
variable.other.class.php#e0656e
entity.name.type#a78b55
keyword.control#71bec2
control.elements, keyword.operator.less#ffffff
keyword.other.special-method#1c6eb2
storage#71bec2
token.storage#71bec2
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#71bec2
token.storage.type.java#a78b55
support.function#73b0b8
support.type.property-name#f0f0f0
support.constant.property-value#f0f0f0
support.constant.font-name#ffffff
meta.tag#f0f0f0
string#abb65c
entity.other.inherited-class#a78b55
constant.other.symbol#73b0b8
constant.numeric#ffffff
constant#ffffff
punctuation.definition.constant#ffffff
entity.name.tag#e0656e
entity.other.attribute-name#ffffff
entity.other.attribute-name.id#1c6eb2normal
entity.other.attribute-name.class.css#ffffffnormal
meta.selector#71bec2
markup.heading#e0656e
markup.heading punctuation.definition.heading, entity.name.section#1c6eb2
keyword.other.unit#e0656e
markup.bold,todo.bold#ffffff
punctuation.definition.bold#a78b55
markup.italic, punctuation.definition.italic,todo.emphasis#71bec2
emphasis md#71bec2
entity.name.section.markdown#e0656e
punctuation.definition.heading.markdown#e0656e
punctuation.definition.list.begin.markdown#e0656e
markup.heading.setext#f0f0f0
punctuation.definition.bold.markdown#ffffff
markup.inline.raw.markdown#abb65c
markup.inline.raw.string.markdown#abb65c
punctuation.definition.list.markdown#e0656e
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#e0656e
beginning.punctuation.definition.list.markdown#e0656e
punctuation.definition.metadata.markdown#e0656e
markup.underline.link.markdown,markup.underline.link.image.markdown#71bec2
string.other.link.title.markdown,string.other.link.description.markdown#1c6eb2
string.regexp#73b0b8
constant.character.escape#73b0b8
punctuation.section.embedded, variable.interpolation#e0656e
punctuation.section.embedded.begin,punctuation.section.embedded.end#71bec2
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#f0f0f0
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#e0656e
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#e0656e
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#abb65c
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#73b0b8
support.type.property-name.json#e0656e
support.type.property-name.json punctuation#e0656e
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#71bec2
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#71bec2
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#a78b55
keyword.operator.error-control.php#71bec2
keyword.operator.type.php#71bec2
punctuation.section.array.begin.php#f0f0f0
punctuation.section.array.end.php#f0f0f0
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#a78b55
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#1c6eb2
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#f0f0f0
support.constant.core.rust#ffffff
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffffff
entity.name.goto-label.php,support.other.php#1c6eb2
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#73b0b8
keyword.operator.regexp.php#71bec2
keyword.operator.comparison.php#73b0b8
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#71bec2
meta.function.decorator.python#1c6eb2
support.token.decorator.python,meta.function.decorator.identifier.python#73b0b8
function.parameter#f0f0f0
function.brace#f0f0f0
function.parameter.ruby, function.parameter.cs#f0f0f0
constant.language.symbol.ruby#73b0b8
rgb-value#73b0b8
inline-color-decoration rgb-value#ffffff
less rgb-value#ffffff
selector.sass#e0656e
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#a78b55
block.scope.end,block.scope.begin#f0f0f0
storage.type.cs#a78b55
entity.name.variable.local.cs#e0656e
token.info-token#1c6eb2
token.warn-token#ffffff
token.error-token#f44747
token.debug-token#71bec2
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#71bec2
meta.template.expression#f0f0f0
keyword.operator.module#71bec2
support.type.type.flowtype#1c6eb2
support.type.primitive#a78b55
meta.property.object#e0656e
variable.parameter.function.js#e0656e
keyword.other.template.begin#abb65c
keyword.other.template.end#abb65c
keyword.other.substitution.begin#abb65c
keyword.other.substitution.end#abb65c
keyword.operator.assignment#73b0b8
keyword.operator.assignment.go#a78b55
keyword.operator.arithmetic.go, keyword.operator.address.go#71bec2
entity.name.package.go#a78b55
support.type.prelude.elm#73b0b8
support.constant.elm#ffffff
punctuation.quasi.element#71bec2
constant.character.entity#e0656e
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#73b0b8
entity.global.clojure#a78b55
meta.symbol.clojure#e0656e
constant.keyword.clojure#73b0b8
meta.arguments.coffee, variable.parameter.function.coffee#e0656e
source.ini#abb65c
meta.scope.prerequisites.makefile#e0656e
source.makefile#a78b55
storage.modifier.import.groovy#a78b55
meta.method.groovy#1c6eb2
meta.definition.variable.name.groovy#e0656e
meta.definition.class.inherited.classes.groovy#abb65c
support.variable.semantic.hlsl#a78b55
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#71bec2
text.variable, text.bracketed#e0656e
support.type.swift, support.type.vb.asp#a78b55
entity.name.function.xi#a78b55
entity.name.class.xi#73b0b8
constant.character.character-class.regexp.xi#e0656e
constant.regexp.xi#71bec2
keyword.control.xi#73b0b8
invalid.xi#f0f0f0
beginning.punctuation.definition.quote.markdown.xi#abb65c
beginning.punctuation.definition.list.markdown.xi#8ac97d
constant.character.xi#1c6eb2
accent.xi#1c6eb2
wikiword.xi#ffffff
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#8ac97d
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#a78b55
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#e0656e
meta.brace.square#f0f0f0
comment, punctuation.definition.comment#8ac97ditalic
markup.quote.markdown#8ac97d
punctuation.definition.block.sequence.item.yaml#f0f0f0
constant.language.symbol.elixir#73b0b8
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...

LightBlack - Coding Theme