Skip to main content
Coding Theme

nice-dark

Publisher: Marcos BatisaldoThemes in package: 2

Nice dark mode for your VSCode

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.background#111111
  • activityBar.border#ffffff00
  • activityBar.foreground#626262
  • activityBar.inactiveForeground#ffffff24
  • activityBarBadge.background#00aecb
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1c1c1c
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#ffffff
  • button.foreground#000000
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3d3d3d
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#191919
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#c3c8d1
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#3b3b3b
  • editor.selectionHighlightBackground#add6ff26
  • 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#191919
  • editorGroupHeader.tabsBackground#363636
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1c1c1c
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#929292
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#111111
  • editorSuggestWidget.border#45454534
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#6b6b6b
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#5e5e5e
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#1f1f1f
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • 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#191919
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#3b3b3b
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#7cc1ff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1c1c1c
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797910
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#111111
  • sideBar.border#ff000000
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#000000
  • statusBar.border#111111
  • statusBar.debuggingBackground#ff5500
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#606060
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#000000
  • tab.activeBorder#00000089
  • tab.activeBorderTop#d9d9d9
  • tab.activeForeground#ffffff
  • tab.border#32323200
  • tab.inactiveBackground#111111
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#111111
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • 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#ff6666
variable.other.generic-type.haskell#c852ee
storage.type.haskell#de9857
support.variable.magic.python#ff6666
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#c3c8d1
variable.parameter.function.language.special.self.python#eac174
storage.modifier.lifetime.rust#c3c8d1
support.function.std.rust#5ca3de
entity.name.lifetime.rust#eac174
variable.language.rust#ff6666
support.constant.edge#c852ee
constant.other.character-class.regexp#ff6666
keyword.operator.quantifier.regexp#de9857
punctuation.definition.string.begin,punctuation.definition.string.end#9dd17b
variable.parameter.function#c3c8d1
comment markup.link#7e8186
markup.changed.diff#eac174
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#5ca3de
markup.inserted.diff#9dd17b
markup.deleted.diff#ff6666
meta.function.c,meta.function.cpp#ff6666
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#c3c8d1
punctuation.separator.key-value#c3c8d1
keyword.operator.expression.import#5ca3de
support.constant.math#eac174
support.constant.property.math#de9857
variable.other.constant#eac174
storage.type.annotation.java, storage.type.object.array.java#eac174
source.java#ff6666
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#c3c8d1
meta.method.java#5ca3de
storage.modifier.import.java,storage.type.java,storage.type.generic.java#eac174
keyword.operator.instanceof.java#c852ee
meta.definition.variable.name.java#ff6666
keyword.operator.logical#3db7e6
keyword.operator.bitwise#3db7e6
keyword.operator.channel#3db7e6
support.constant.property-value.scss,support.constant.property-value.css#de9857
keyword.operator.css,keyword.operator.scss,keyword.operator.less#3db7e6
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#de9857
punctuation.separator.list.comma.css#c3c8d1
support.constant.color.w3c-standard-color-name.css#de9857
support.type.vendored.property-name.css#3db7e6
support.module.node,support.type.object.module,support.module.node#eac174
entity.name.type.module#eac174
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff6666
support.constant.json#de9857
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c852ee
support.type.object.console#ff6666
support.variable.property.process#de9857
entity.name.function,support.function.console#5ca3de
keyword.operator.misc.rust#c3c8d1
keyword.operator.sigil.rust#c852ee
keyword.operator.delete#c852ee
support.type.object.dom#3db7e6
support.variable.dom,support.variable.property.dom#ff6666
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#3db7e6
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#c852ee
punctuation.separator.delimiter#c3c8d1
punctuation.separator.c,punctuation.separator.cpp#c852ee
support.type.posix-reserved.c,support.type.posix-reserved.cpp#3db7e6
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c852ee
variable.parameter.function.language.python#de9857
support.type.python#3db7e6
keyword.operator.logical.python#c852ee
variable.parameter.function.python#de9857
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#c3c8d1
meta.function-call.generic.python#5ca3de
constant.character.format.placeholder.other.python#de9857
keyword.operator#c3c8d1
keyword.operator.assignment.compound#c852ee
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#3db7e6
keyword#c852ee
entity.name.namespace#eac174
variable#ff6666
variable.c#c3c8d1
variable.language#eac174
token.variable.parameter.java#c3c8d1
import.storage.java#eac174
token.package.keyword#c852ee
token.package#c3c8d1
entity.name.function, meta.require, support.function.any-method, variable.function#5ca3de
entity.name.type.namespace#eac174
support.class, entity.name.type.class#eac174
entity.name.class.identifier.namespace.type#eac174
entity.name.class, variable.other.class.js, variable.other.class.ts#eac174
variable.other.class.php#ff6666
entity.name.type#eac174
keyword.control#c852ee
control.elements, keyword.operator.less#de9857
keyword.other.special-method#5ca3de
storage#c852ee
token.storage#c852ee
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#c852ee
token.storage.type.java#eac174
support.function#3db7e6
support.type.property-name#c3c8d1
support.constant.property-value#c3c8d1
support.constant.font-name#de9857
meta.tag#c3c8d1
string#9dd17b
entity.other.inherited-class#eac174
constant.other.symbol#3db7e6
constant.numeric#de9857
constant#de9857
punctuation.definition.constant#de9857
entity.name.tag#c852ee
entity.other.attribute-name#de9857
entity.other.attribute-name.id#5ca3denormal
entity.other.attribute-name.class.css#de9857normal
meta.selector#c852ee
markup.heading#ff6666
markup.heading punctuation.definition.heading, entity.name.section#5ca3de
keyword.other.unit#ff6666
markup.bold,todo.bold#de9857
punctuation.definition.bold#eac174
markup.italic, punctuation.definition.italic,todo.emphasis#c852ee
emphasis md#c852ee
entity.name.section.markdown#ff6666
punctuation.definition.heading.markdown#ff6666
punctuation.definition.list.begin.markdown#ff6666
markup.heading.setext#c3c8d1
punctuation.definition.bold.markdown#de9857
markup.inline.raw.markdown#9dd17b
markup.inline.raw.string.markdown#9dd17b
punctuation.definition.list.markdown#ff6666
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff6666
beginning.punctuation.definition.list.markdown#ff6666
punctuation.definition.metadata.markdown#ff6666
markup.underline.link.markdown,markup.underline.link.image.markdown#c852ee
string.other.link.title.markdown,string.other.link.description.markdown#5ca3de
string.regexp#3db7e6
constant.character.escape#3db7e6
punctuation.section.embedded, variable.interpolation#ff6666
punctuation.section.embedded.begin,punctuation.section.embedded.end#c852ee
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#c3c8d1
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff6666
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff6666
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#9dd17b
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#3db7e6
support.type.property-name.json#ff6666
support.type.property-name.json punctuation#ff6666
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c852ee
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c852ee
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#eac174
keyword.operator.error-control.php#c852ee
keyword.operator.type.php#c852ee
punctuation.section.array.begin.php#c3c8d1
punctuation.section.array.end.php#c3c8d1
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#eac174
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#5ca3de
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#c3c8d1
support.constant.core.rust#de9857
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#de9857
entity.name.goto-label.php,support.other.php#5ca3de
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#3db7e6
keyword.operator.regexp.php#c852ee
keyword.operator.comparison.php#3db7e6
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c852ee
meta.function.decorator.python#5ca3de
support.token.decorator.python,meta.function.decorator.identifier.python#3db7e6
function.parameter#c3c8d1
function.brace#c3c8d1
function.parameter.ruby, function.parameter.cs#c3c8d1
constant.language.symbol.ruby#3db7e6
rgb-value#3db7e6
inline-color-decoration rgb-value#de9857
less rgb-value#de9857
selector.sass#ff6666
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#eac174
block.scope.end,block.scope.begin#c3c8d1
storage.type.cs#eac174
entity.name.variable.local.cs#ff6666
token.info-token#5ca3de
token.warn-token#de9857
token.error-token#f44747
token.debug-token#c852ee
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c852ee
meta.template.expression#c3c8d1
keyword.operator.module#c852ee
support.type.type.flowtype#5ca3de
support.type.primitive#eac174
meta.property.object#ff6666
variable.parameter.function.js#ff6666
keyword.other.template.begin#9dd17b
keyword.other.template.end#9dd17b
keyword.other.substitution.begin#9dd17b
keyword.other.substitution.end#9dd17b
keyword.operator.assignment#3db7e6
keyword.operator.assignment.go#eac174
keyword.operator.arithmetic.go, keyword.operator.address.go#c852ee
entity.name.package.go#eac174
support.type.prelude.elm#3db7e6
support.constant.elm#de9857
punctuation.quasi.element#c852ee
constant.character.entity#ff6666
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#3db7e6
entity.global.clojure#eac174
meta.symbol.clojure#ff6666
constant.keyword.clojure#3db7e6
meta.arguments.coffee, variable.parameter.function.coffee#ff6666
source.ini#9dd17b
meta.scope.prerequisites.makefile#ff6666
source.makefile#eac174
storage.modifier.import.groovy#eac174
meta.method.groovy#5ca3de
meta.definition.variable.name.groovy#ff6666
meta.definition.class.inherited.classes.groovy#9dd17b
support.variable.semantic.hlsl#eac174
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#c852ee
text.variable, text.bracketed#ff6666
support.type.swift, support.type.vb.asp#eac174
entity.name.function.xi#eac174
entity.name.class.xi#3db7e6
constant.character.character-class.regexp.xi#ff6666
constant.regexp.xi#c852ee
keyword.control.xi#3db7e6
invalid.xi#c3c8d1
beginning.punctuation.definition.quote.markdown.xi#9dd17b
beginning.punctuation.definition.list.markdown.xi#7e8186
constant.character.xi#5ca3de
accent.xi#5ca3de
wikiword.xi#de9857
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7e8186
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#eac174
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff6666
meta.brace.square#c3c8d1
comment, punctuation.definition.comment#7e8186italic
markup.quote.markdown#7e8186
punctuation.definition.block.sequence.item.yaml#c3c8d1
constant.language.symbol.elixir#3db7e6
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...

nice-dark - Coding Theme