Skip to main content
Coding Theme

Loopy

Publisher: kokoscriptThemes in package: 1

Color theme inspired by the Casio Loopy console.

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#111133
  • activityBar.background#222244
  • activityBar.border#11113300
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#55eedd
  • activityBarBadge.foreground#222244
  • badge.background#55eedd
  • badge.foreground#222244
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#222244
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffff99
  • button.background#55eedd
  • button.foreground#222244
  • button.hoverBackground#ffffff
  • button.secondaryBackground#222244
  • button.secondaryForeground#ffffffdd
  • button.secondaryHoverBackground#444466
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#222244
  • debugExceptionWidget.border#111144
  • debugToolBar.background#222244
  • debugToolBar.border#111144
  • diffEditor.border#222244
  • diffEditor.insertedTextBackground#55eedd33
  • diffEditor.insertedTextBorder#ffffff00
  • diffEditor.removedTextBackground#ff000033
  • diffEditor.removedTextBorder#ffffff00
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#333355
  • editor.findMatchBackground#ff77aa66
  • editor.findMatchBorder#ff77aa66
  • editor.findMatchHighlightBackground#ff77aa33
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#22224477
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#22224477
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#ff77aa22
  • editor.inactiveSelectionBackground#ff77aa18
  • editor.lineHighlightBackground#22224477
  • editor.lineHighlightBorder#ff77aa00
  • editor.rangeHighlightBackground#ff77aa22
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ff77aa33
  • editor.selectionHighlightBackground#ff77aa22
  • editor.selectionHighlightBorder#ff77aa22
  • editor.wordHighlightBackground#ff77aa33
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#55eedd33
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketMatch.background#222244
  • editorBracketMatch.border#222244
  • editorCodeLens.foreground#ffffff55
  • editorCursor.background#000000
  • editorCursor.foreground#ffffff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff77aaaa
  • editorGroup.border#222244
  • editorGroup.emptyBackground#333355
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#222244
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#99ee6688
  • editorGutter.background#333355
  • editorGutter.commentRangeForeground#ffffff55
  • editorGutter.deletedBackground#ff77aa88
  • editorGutter.foldingControlForeground#ffffff55
  • editorGutter.modifiedBackground#55eedd88
  • editorHoverWidget.background#222244
  • editorHoverWidget.border#111133
  • editorHoverWidget.foreground#ffffffaa
  • editorIndentGuide.activeBackground#ffffff33
  • editorIndentGuide.background#ffffff11
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#55eeddaa
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#ffffff22
  • editorLink.activeForeground#55eedd
  • editorMarkerNavigation.background#222244
  • editorMarkerNavigationError.background#ff77aa
  • editorMarkerNavigationInfo.background#55eedd
  • editorMarkerNavigationWarning.background#fff66a
  • editorOverviewRuler.background#222244
  • editorOverviewRuler.border#222244
  • editorRuler.foreground#222244
  • editorSuggestWidget.background#222244
  • editorSuggestWidget.border#111133
  • editorSuggestWidget.foreground#ffffffaa
  • editorSuggestWidget.highlightForeground#ff77aacc
  • editorSuggestWidget.selectedBackground#ff77aa44
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#fff66aaa
  • editorWhitespace.foreground#ffffff11
  • editorWidget.background#222244
  • editorWidget.foreground#ffffffbb
  • editorWidget.resizeBorder#111133
  • focusBorder#ff77aa
  • 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#111133
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ff77aa33
  • list.focusBackground#ff77aa33
  • list.focusForeground#ffffff
  • list.highlightForeground#ff77aa
  • list.hoverBackground#00000022
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#222244
  • list.inactiveSelectionForeground#ffffffdd
  • listFilterWidget.background#466d2f
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#222244
  • menu.border#00000044
  • menu.foreground#ffffffcc
  • menu.selectionBackground#ff77aa55
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#00000044
  • menubar.selectionBackground#00000033
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#333355
  • merge.commonHeaderBackground#222244
  • merge.currentContentBackground#40622c
  • merge.currentHeaderBackground#679f45
  • merge.incomingContentBackground#296d65
  • merge.incomingHeaderBackground#3ba398
  • minimap.background#333355
  • minimap.errorHighlight#ff77aaaa
  • minimap.findMatchHighlight#ff77aa66
  • minimap.selectionHighlight#ff77aa33
  • minimap.warningHighlight#fff66aaa
  • minimapGutter.addedBackground#99ee6688
  • minimapGutter.deletedBackground#ff77aa88
  • minimapGutter.modifiedBackground#55eedd88
  • notificationCenter.border#111133
  • notificationCenterHeader.background#111133
  • notificationCenterHeader.foreground#ffffffcc
  • notifications.background#222244
  • notifications.border#111133
  • notifications.foreground#ffffffbb
  • notificationsErrorIcon.foreground#ff77aa
  • notificationsInfoIcon.foreground#55eedd
  • notificationsWarningIcon.foreground#fff66a
  • notificationToast.border#111133
  • panel.background#222244
  • panel.border#00000000
  • panelSection.border#111133
  • panelTitle.activeBorder#ff77aa
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffff99
  • peekView.border#111133
  • peekViewEditor.background#222244
  • peekViewEditor.matchHighlightBackground#ff77aa44
  • peekViewEditor.matchHighlightBorder#ff77aa66
  • peekViewEditorGutter.background#222244
  • peekViewResult.background#222244
  • peekViewResult.fileForeground#ffffffaa
  • peekViewResult.lineForeground#ffffffaa
  • peekViewResult.matchHighlightBackground#ff77aa33
  • peekViewResult.selectionBackground#00000044
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#111133
  • peekViewTitleDescription.foreground#ffffff88
  • peekViewTitleLabel.foreground#ffffffdd
  • pickerGroup.border#111144
  • pickerGroup.foreground#ff77aacc
  • progressBar.background#ff77aa
  • scrollbar.shadow#00000088
  • scrollbarSlider.activeBackground#ffffff44
  • scrollbarSlider.background#ffffff33
  • scrollbarSlider.hoverBackground#ffffff55
  • selection.background#ff77aa33
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#333355
  • sideBar.dropBackground#ff77aa33
  • sideBar.foreground#ffffff99
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#ffffffbb
  • sideBarTitle.foreground#ffffffdd
  • statusBar.background#222244
  • statusBar.border#00000000
  • statusBar.debuggingBackground#55eedd
  • statusBar.debuggingForeground#222244
  • statusBar.foreground#ffffff77
  • statusBar.noFolderBackground#222244
  • statusBar.noFolderForeground#ffffff77
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#00000033
  • statusBarItem.remoteBackground#222244
  • statusBarItem.remoteForeground#ffffff77
  • tab.activeBackground#111133
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffffdd
  • tab.border#111133
  • tab.hoverBackground#11113366
  • tab.hoverBorder#00000000
  • tab.hoverForeground#ffffffbb
  • tab.inactiveBackground#222244
  • tab.inactiveForeground#ffffff99
  • terminal.ansiBlack#04002e
  • terminal.ansiBlue#61f2dc
  • terminal.ansiBrightBlack#07004b
  • terminal.ansiBrightBlue#61f2dc
  • terminal.ansiBrightCyan#61f2dc
  • terminal.ansiBrightGreen#63e99a
  • terminal.ansiBrightMagenta#c573dd
  • terminal.ansiBrightRed#f06191
  • terminal.ansiBrightWhite#ffffffbb
  • terminal.ansiBrightYellow#ffe666
  • terminal.ansiCyan#61f2dc
  • terminal.ansiGreen#63e99a
  • terminal.ansiMagenta#c573dd
  • terminal.ansiRed#f06191
  • terminal.ansiWhite#ffffffbb
  • terminal.ansiYellow#ffe666
  • terminal.border#111133
  • terminal.foreground#ffffffbb
  • terminal.selectionBackground#ff77aa33
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#222244
  • textLink.foreground#55eedd
  • titleBar.activeBackground#222244
  • titleBar.activeForeground#ffffff88
  • titleBar.border#00000000
  • titleBar.inactiveBackground#333355
  • titleBar.inactiveForeground#ffffff66
  • tree.indentGuidesStroke#00000033
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000022

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

Loopy - Coding Theme