Skip to main content
Coding Theme

Lara-vs-theme

Publisher: Lara FariaThemes in package: 1

Dark Theme for VSCode made by Lara

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#171717
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1ef1
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • 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#171717
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d419f
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#211b1bf7
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • 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#171717
  • editorGroupHeader.tabsBackground#252526f7
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#171717
  • 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#404040a5
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c0bfbf
  • editorLineNumber.foreground#8a8a8a
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5adf
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • 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#007fd4
  • 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#5a1234
  • list.activeSelectionForeground#5a1234
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#2a2a2a
  • 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#171717
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • 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#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1e1e1e
  • 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#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#171717
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#d1689a
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#d35792
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#681247
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#2d2d2d6a
  • 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#171717
  • 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#ff7cc0
variable.other.generic-type.haskell#d19de0
storage.type.haskell#e6c098
support.variable.magic.python#ff7cc0
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#fbc685
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#89c7d5
entity.name.lifetime.rust#fbc685
variable.language.rust#ff7cc0
support.constant.edge#d19de0
constant.other.character-class.regexp#ff7cc0
keyword.operator.quantifier.regexp#e6c098
punctuation.definition.string.begin,punctuation.definition.string.end#c1ff95
variable.parameter.function#d4d4d4
comment markup.link#b6b6b6
markup.changed.diff#fbc685
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#89c7d5
markup.inserted.diff#c1ff95
markup.deleted.diff#ff7cc0
meta.function.c,meta.function.cpp#ff7cc0
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#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#89c7d5
support.constant.math#fbc685
support.constant.property.math#e6c098
variable.other.constant#fbc685
storage.type.annotation.java, storage.type.object.array.java#fbc685
source.java#ff7cc0
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#d4d4d4
meta.method.java#89c7d5
storage.modifier.import.java,storage.type.java,storage.type.generic.java#fbc685
keyword.operator.instanceof.java#d19de0
meta.definition.variable.name.java#ff7cc0
keyword.operator.logical#ffffff
keyword.operator.bitwise#ffffff
keyword.operator.channel#ffffff
support.constant.property-value.scss,support.constant.property-value.css#e6c098
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ffffff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e6c098
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#e6c098
support.type.vendored.property-name.css#ffffff
support.module.node,support.type.object.module,support.module.node#fbc685
entity.name.type.module#fbc685
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff7cc0
support.constant.json#e6c098
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#d19de0
support.type.object.console#ff7cc0
support.variable.property.process#e6c098
entity.name.function,support.function.console#89c7d5
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#d19de0
keyword.operator.delete#d19de0
support.type.object.dom#ffffff
support.variable.dom,support.variable.property.dom#ff7cc0
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ffffff
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#d19de0
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#d19de0
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ffffff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#d19de0
variable.parameter.function.language.python#e6c098
support.type.python#ffffff
keyword.operator.logical.python#d19de0
variable.parameter.function.python#e6c098
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#89c7d5
constant.character.format.placeholder.other.python#e6c098
keyword.operator#d4d4d4
keyword.operator.assignment.compound#d19de0
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ffffff
keyword#d19de0
entity.name.namespace#fbc685
variable#ff7cc0
variable.c#d4d4d4
variable.language#fbc685
token.variable.parameter.java#d4d4d4
import.storage.java#fbc685
token.package.keyword#d19de0
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#89c7d5
entity.name.type.namespace#fbc685
support.class, entity.name.type.class#fbc685
entity.name.class.identifier.namespace.type#fbc685
entity.name.class, variable.other.class.js, variable.other.class.ts#fbc685
variable.other.class.php#ff7cc0
entity.name.type#fbc685
keyword.control#d19de0
control.elements, keyword.operator.less#e6c098
keyword.other.special-method#89c7d5
storage#d19de0
token.storage#d19de0
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#d19de0
token.storage.type.java#fbc685
support.function#ffffff
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#e6c098
meta.tag#d4d4d4
string#c1ff95
entity.other.inherited-class#fbc685
constant.other.symbol#ffffff
constant.numeric#e6c098
constant#e6c098
punctuation.definition.constant#e6c098
entity.name.tag#ff7cc0
entity.other.attribute-name#e6c098
entity.other.attribute-name.id#89c7d5normal
entity.other.attribute-name.class.css#e6c098normal
meta.selector#d19de0
markup.heading#ff7cc0
markup.heading punctuation.definition.heading, entity.name.section#89c7d5
keyword.other.unit#ff7cc0
markup.bold,todo.bold#e6c098
punctuation.definition.bold#fbc685
markup.italic, punctuation.definition.italic,todo.emphasis#d19de0
emphasis md#d19de0
entity.name.section.markdown#ff7cc0
punctuation.definition.heading.markdown#ff7cc0
punctuation.definition.list.begin.markdown#ff7cc0
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#e6c098
markup.inline.raw.markdown#c1ff95
markup.inline.raw.string.markdown#c1ff95
punctuation.definition.list.markdown#ff7cc0
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff7cc0
beginning.punctuation.definition.list.markdown#ff7cc0
punctuation.definition.metadata.markdown#ff7cc0
markup.underline.link.markdown,markup.underline.link.image.markdown#d19de0
string.other.link.title.markdown,string.other.link.description.markdown#89c7d5
string.regexp#ffffff
constant.character.escape#ffffff
punctuation.section.embedded, variable.interpolation#ff7cc0
punctuation.section.embedded.begin,punctuation.section.embedded.end#d19de0
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff7cc0
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff7cc0
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#c1ff95
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ffffff
support.type.property-name.json#ff7cc0
support.type.property-name.json punctuation#ff7cc0
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#d19de0
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#d19de0
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#fbc685
keyword.operator.error-control.php#d19de0
keyword.operator.type.php#d19de0
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#fbc685
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#89c7d5
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#d4d4d4
support.constant.core.rust#e6c098
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e6c098
entity.name.goto-label.php,support.other.php#89c7d5
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ffffff
keyword.operator.regexp.php#d19de0
keyword.operator.comparison.php#ffffff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#d19de0
meta.function.decorator.python#89c7d5
support.token.decorator.python,meta.function.decorator.identifier.python#ffffff
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#ffffff
rgb-value#ffffff
inline-color-decoration rgb-value#e6c098
less rgb-value#e6c098
selector.sass#ff7cc0
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#fbc685
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#fbc685
entity.name.variable.local.cs#ff7cc0
token.info-token#89c7d5
token.warn-token#e6c098
token.error-token#f44747
token.debug-token#d19de0
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#d19de0
meta.template.expression#d4d4d4
keyword.operator.module#d19de0
support.type.type.flowtype#89c7d5
support.type.primitive#fbc685
meta.property.object#ff7cc0
variable.parameter.function.js#ff7cc0
keyword.other.template.begin#c1ff95
keyword.other.template.end#c1ff95
keyword.other.substitution.begin#c1ff95
keyword.other.substitution.end#c1ff95
keyword.operator.assignment#ffffff
keyword.operator.assignment.go#fbc685
keyword.operator.arithmetic.go, keyword.operator.address.go#d19de0
entity.name.package.go#fbc685
support.type.prelude.elm#ffffff
support.constant.elm#e6c098
punctuation.quasi.element#d19de0
constant.character.entity#ff7cc0
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ffffff
entity.global.clojure#fbc685
meta.symbol.clojure#ff7cc0
constant.keyword.clojure#ffffff
meta.arguments.coffee, variable.parameter.function.coffee#ff7cc0
source.ini#c1ff95
meta.scope.prerequisites.makefile#ff7cc0
source.makefile#fbc685
storage.modifier.import.groovy#fbc685
meta.method.groovy#89c7d5
meta.definition.variable.name.groovy#ff7cc0
meta.definition.class.inherited.classes.groovy#c1ff95
support.variable.semantic.hlsl#fbc685
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#d19de0
text.variable, text.bracketed#ff7cc0
support.type.swift, support.type.vb.asp#fbc685
entity.name.function.xi#fbc685
entity.name.class.xi#ffffff
constant.character.character-class.regexp.xi#ff7cc0
constant.regexp.xi#d19de0
keyword.control.xi#ffffff
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#c1ff95
beginning.punctuation.definition.list.markdown.xi#b6b6b6
constant.character.xi#89c7d5
accent.xi#89c7d5
wikiword.xi#e6c098
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#b6b6b6
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#fbc685
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff7cc0
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#b6b6b6italic
markup.quote.markdown#b6b6b6
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#ffffff
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...

Lara-vs-theme - Coding Theme