Skip to main content
Coding Theme

jelly

Publisher: Nemanja ManojlovicThemes in package: 1

Jelly is a theme designed to make the workspace more colorful, it introduces a new color scheme for the workspace, and the color scheme is more vibrant.

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#27272a
  • activityBar.background#18181b
  • activityBar.border#3f3f46
  • activityBar.foreground#c084fc
  • activityBar.inactiveForeground#a1a1aa
  • activityBarBadge.background#7c3aed
  • activityBarBadge.foreground#fafafa
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#a855f7
  • breadcrumb.background#18181b
  • breadcrumb.focusForeground#a855f7
  • breadcrumb.foreground#d4d4d4
  • button.background#6d28d9
  • button.foreground#fafafa
  • button.hoverBackground#7c3aed
  • button.secondaryBackground#312e81
  • button.secondaryForeground#fafafa
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#27272a
  • debugExceptionWidget.border#9333ea
  • debugToolBar.background#27272a
  • debugToolBar.border#9333ea
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#18181b
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#fafafa
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f783e
  • 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#18181b
  • editorGroupHeader.border#3f3f4600
  • editorGroupHeader.tabsBackground#171717
  • editorGroupHeader.tabsBorder#7c3aed
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#18181b
  • 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#fafafa
  • 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#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#18181b
  • editorWidget.foreground#fafafa
  • editorWidget.resizeBorder#7c3aed
  • focusBorder#4f46e5
  • foreground#fff7ed
  • gitDecoration.addedResourceForeground#22c55e
  • gitDecoration.conflictingResourceForeground#6366f1
  • gitDecoration.deletedResourceForeground#f43f5e
  • gitDecoration.ignoredResourceForeground#a1a1aa
  • gitDecoration.modifiedResourceForeground#fdba74
  • gitDecoration.stageDeletedResourceForeground#f43f5e
  • gitDecoration.stageModifiedResourceForeground#fdba74
  • gitDecoration.submoduleResourceForeground#a5f3fc
  • gitDecoration.untrackedResourceForeground#4ade80
  • icon.foreground#fff7ed
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#a855f795
  • list.activeSelectionForeground#fafafa
  • list.dropBackground#3f3f46
  • list.focusBackground#3f3f46
  • list.focusForeground#fafafa
  • list.highlightForeground#c084fc
  • list.hoverBackground#a855f77e
  • list.hoverForeground#d4d4d4
  • list.inactiveSelectionBackground#3f3f46
  • list.inactiveSelectionForeground#fafafa
  • listFilterWidget.background#18181b
  • listFilterWidget.noMatchesOutline#f43f5e
  • listFilterWidget.outline#3f3f46
  • menu.background#262626
  • menu.border#52525b6c
  • menu.foreground#fafafa
  • menu.selectionBackground#a855f77e
  • menu.selectionBorder#000000c1
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#52525b
  • menubar.selectionBackground#27272a
  • menubar.selectionBorder#ffffff00
  • menubar.selectionForeground#f5f5f5
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#18181b
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f783e
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#18181b
  • notificationCenterHeader.foreground#fafafa
  • notifications.background#262626
  • notifications.border#3f3f46
  • notifications.foreground#e4e4e7
  • notificationsErrorIcon.foreground#f43f5e
  • notificationsInfoIcon.foreground#22d3ee
  • notificationsWarningIcon.foreground#f97316
  • notificationToast.border#9333ea
  • 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#7c3aed
  • pickerGroup.foreground#22d3ee
  • progressBar.background#9333ea
  • scrollbar.shadow#737373
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#7979791c
  • scrollbarSlider.hoverBackground#64646452
  • selection.background#7e22ce
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#fff7ed
  • sideBar.background#27272a
  • sideBar.border#3f3f46
  • sideBar.dropBackground#3f3f46
  • sideBar.foreground#f5f5f5
  • sideBarSectionHeader.background#18181b
  • sideBarSectionHeader.border#3f3f46
  • sideBarSectionHeader.foreground#fafafa
  • sideBarTitle.foreground#fafafa
  • statusBar.background#7c3aed
  • statusBar.border#6d28d9
  • statusBar.debuggingBackground#9333ea
  • statusBar.debuggingBorder#7e22ce
  • statusBar.debuggingForeground#fafafa
  • statusBar.foreground#fafafa
  • statusBar.noFolderBackground#c026d3
  • statusBar.noFolderBorder#a21caf
  • statusBar.noFolderForeground#fafafa
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#c084fc80
  • statusBarItem.remoteBackground#14b8a6
  • statusBarItem.remoteForeground#fafafa
  • tab.activeBackground#18181b
  • tab.activeBorder#7c3aed
  • tab.activeBorderTop#7c3aed00
  • tab.activeForeground#fafafa
  • tab.border#3f3f4685
  • tab.hoverBackground#a855f77e
  • tab.hoverBorder#ff000000
  • tab.hoverForeground#d4d4d4
  • tab.inactiveBackground#27272a
  • tab.inactiveForeground#a3a3a3
  • terminal.ansiBlack#0a0a0a
  • terminal.ansiBlue#2563eb
  • terminal.ansiBrightBlack#737373
  • terminal.ansiBrightBlue#60a5fa
  • terminal.ansiBrightCyan#22d3ee
  • terminal.ansiBrightGreen#4ade80
  • terminal.ansiBrightMagenta#e879f9
  • terminal.ansiBrightRed#fb7185
  • terminal.ansiBrightWhite#fafafa
  • terminal.ansiBrightYellow#fde68a
  • terminal.ansiCyan#0891b2
  • terminal.ansiGreen#16a34a
  • terminal.ansiMagenta#c026d3
  • terminal.ansiRed#e11d48
  • terminal.ansiWhite#f5f5f5
  • terminal.ansiYellow#fbbf24
  • terminal.border#80808059
  • terminal.foreground#fafafa
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#67e8f9
  • titleBar.activeBackground#18181b
  • titleBar.activeForeground#a3a3a3
  • titleBar.border#3f3f46
  • titleBar.inactiveBackground#18181b
  • titleBar.inactiveForeground#a3a3a3
  • tree.indentGuidesStroke#52525b
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#660cffd1

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

jelly - Coding Theme