IntelliJ IDEA Islands Theme

Name: IntelliJ IDEA Islands Theme
Author: Oleksandr Havrysh

Publisher: Oleksandr HavryshThemes in package: 3

Dark and Light themes for Visual Studio Code inspired by IntelliJ IDEA Islands.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

IntelliJ IDEA Islands Theme — IntelliJ IDEA Classic Dark

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#2e436e33
activityBar.background#25282a
activityBar.border#191a1c
activityBar.foreground#5DA9FF
activityBar.inactiveForeground#aaacb2
activityBarBadge.background#BCBEC4
activityBarBadge.foreground#191a1c
badge.background#2e436e
badge.foreground#BCBEC4
breadcrumb.activeSelectionForeground#DFE1E5
breadcrumb.background#191a1c
breadcrumb.focusForeground#DFE1E5
breadcrumb.foreground#9DA0A8
button.background#3474f0
button.foreground#BCBEC4
button.hoverBackground#3474f000
button.secondaryBackground#2B2D30
button.secondaryForeground#BCBEC4
button.secondaryHoverBackground#45494E00
checkbox.background#2B2D30
checkbox.border#00000000
checkbox.foreground#BCBEC4
debugExceptionWidget.background#25282a
debugExceptionWidget.border#191a1c
debugToolBar.background#25282a
debugToolBar.border#191a1c
diffEditor.border#191a1c
diffEditor.insertedTextBackground#9BB95533
diffEditor.removedTextBackground#FF000033
dropdown.background#2B2D30
dropdown.border#191a1c
dropdown.foreground#BCBEC4
editor.background#191a1c
editor.findMatchBackground#2B2D30
editor.findMatchBorder#74879F
editor.findMatchHighlightBackground#EA5C0055
editor.findMatchHighlightBorder#FFFFFF00
editor.findRangeHighlightBackground#3A3D4166
editor.findRangeHighlightBorder#FFFFFF00
editor.foldBackground#264F784D
editor.foreground#BCBEC4
editor.hoverHighlightBackground#264F7840
editor.lineHighlightBackground#1F2024
editor.lineHighlightBorder#28282800
editor.rangeHighlightBackground#FFFFFF0B
editor.rangeHighlightBorder#FFFFFF00
editor.selectionBackground#264F78
editor.selectionHighlightBackground#ADD6FF26
editor.selectionHighlightBorder#495F77
editor.wordHighlightBackground#575757B8
editor.wordHighlightStrongBackground#004972B8
editorBracketMatch.background#43454A
editorBracketMatch.border#888888
editorCodeLens.foreground#868A91
editorCursor.background#000000
editorCursor.foreground#CED0D6
editorError.background#B73A3400
editorError.border#FFFFFF00
editorError.foreground#F75464
editorGroup.border#191a1c
editorGroup.emptyBackground#191a1c
editorGroupHeader.tabsBackground#25282a
editorGutter.addedBackground#549159
editorGutter.background#191a1c
editorGutter.commentRangeForeground#BCBEC4
editorGutter.deletedBackground#868A91
editorGutter.foldingControlForeground#BCBEC4
editorGutter.modifiedBackground#375FAD
editorHoverWidget.background#2B2D30
editorHoverWidget.border#191a1c
editorHoverWidget.foreground#BCBEC4
editorIndentGuide.activeBackground1#4E5157
editorIndentGuide.background1#323438
editorInfo.background#4490BF00
editorInfo.border#4490BF00
editorInfo.foreground#75BEFF
editorLineNumber.activeForeground#A1A3AB
editorLineNumber.foreground#4B5059
editorLink.activeForeground#548AF7
editorMarkerNavigation.background#2B2D30
editorMarkerNavigationError.background#F75464
editorMarkerNavigationInfo.background#75BEFF
editorMarkerNavigationWarning.background#F2C55C
editorOverviewRuler.background#25252500
editorOverviewRuler.border#7F7F7F4D
editorRuler.foreground#323438
editorSuggestWidget.background#2B2D30
editorSuggestWidget.border#191a1c
editorSuggestWidget.foreground#BCBEC4
editorSuggestWidget.highlightForeground#0097FB
editorSuggestWidget.selectedBackground#062F4A
editorWarning.background#A9904000
editorWarning.border#FFFFFF00
editorWarning.foreground#F2C55C
editorWhitespace.foreground#E3E4E229
editorWidget.background#25282a
editorWidget.border#191a1c
editorWidget.foreground#BCBEC4
editorWidget.resizeBorder#191a1c
focusBorder#191a1c
foreground#BCBEC4
gitDecoration.addedResourceForeground#73BD79
gitDecoration.conflictingResourceForeground#DE6A66
gitDecoration.deletedResourceForeground#6F737A
gitDecoration.ignoredResourceForeground#D69A6B
gitDecoration.modifiedResourceForeground#70AEFF
gitDecoration.stageDeletedResourceForeground#6F737A
gitDecoration.stageModifiedResourceForeground#70AEFF
gitDecoration.submoduleResourceForeground#8DB9E2
gitDecoration.untrackedResourceForeground#73BD79
icon.foreground#CCCCCC
input.background#2B2D30
input.border#191a1c
input.foreground#BCBEC4
input.placeholderForeground#BCBEC4
inputOption.activeBackground#007FD466
inputOption.activeBorder#191a1c
inputOption.activeForeground#FFFFFF
list.activeSelectionBackground#2e436e
list.activeSelectionForeground#FFFFFF
list.dropBackground#2e436e
list.focusBackground#062F4A
list.focusForeground#CCCCCC
list.highlightForeground#0097FB
list.hoverBackground#2e436e
list.hoverForeground#BCBEC4
list.inactiveSelectionBackground#2e436e
list.inactiveSelectionForeground#CCCCCC
listFilterWidget.background#653723
listFilterWidget.noMatchesOutline#BE1100
listFilterWidget.outline#00000000
menu.background#25282a
menu.border#191a1c
menu.foreground#BCBEC4
menu.selectionBackground#2e436e
menu.selectionBorder#00000000
menu.selectionForeground#BCBEC4
menu.separatorBackground#BCBEC4
menubar.selectionBackground#FFFFFF1A
menubar.selectionBorder#FF000000
menubar.selectionForeground#CCCCCC
minimap.background#25282a
minimap.errorHighlight#F75464
minimap.warningHighlight#F2C55C
minimapGutter.addedBackground#549159
minimapGutter.deletedBackground#868A91
minimapGutter.modifiedBackground#375FAD
notificationCenter.border#191a1c
notificationCenterHeader.background#2B2D30
notificationCenterHeader.foreground#BCBEC4
notifications.background#2B2D30
notifications.border#191a1c
notifications.foreground#BCBEC4
notificationsErrorIcon.foreground#F75464
notificationsInfoIcon.foreground#75BEFF
notificationsWarningIcon.foreground#F2C55C
notificationToast.border#191a1c
panel.background#25282a
panel.border#191a1c
panelSection.border#191a1c
panelTitle.activeBorder#BCBEC4
panelTitle.activeForeground#CCCCCC
panelTitle.inactiveForeground#E7E7E799
peekView.border#191a1c
peekViewEditor.background#001F33
peekViewEditor.matchHighlightBackground#FF8F0099
peekViewEditor.matchHighlightBorder#EE931E
peekViewEditorGutter.background#001F33
peekViewResult.background#2B2D30
peekViewResult.fileForeground#FFFFFF
peekViewResult.lineForeground#BBBBBB
peekViewResult.matchHighlightBackground#EA5C004D
peekViewResult.selectionBackground#3399FF33
peekViewResult.selectionForeground#FFFFFF
peekViewTitle.background#2B2D30
peekViewTitleDescription.foreground#CCCCCCB3
peekViewTitleLabel.foreground#FFFFFF
pickerGroup.border#191a1c
pickerGroup.foreground#3794FF
progressBar.background#BCBEC4
quickInput.background#25282a
quickInput.foreground#BCBEC4
quickInputTitle.background#25282a
scrollbar.shadow#00000000
selection.background#2e436e
settings.focusedRowBackground#FFFFFF07
settings.headerForeground#CCCCCC
sideBar.background#25282a
sideBar.border#191a1c
sideBar.dropBackground#2e436e
sideBar.foreground#BCBEC4
sideBarSectionHeader.background#00000000
sideBarSectionHeader.border#191a1c
sideBarSectionHeader.foreground#BCBEC4
sideBarTitle.foreground#BBBBBB
statusBar.background#25282a
statusBar.border#191a1c
statusBar.debuggingBackground#623118
statusBar.debuggingForeground#BCBEC4
statusBar.foreground#BCBEC4
statusBar.noFolderBackground#25282a
statusBar.noFolderForeground#BCBEC4
statusBarItem.activeBackground#FFFFFF25
statusBarItem.hoverBackground#FFFFFF1F
statusBarItem.remoteBackground#16825D
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#191a1c
tab.activeBorder#191a1c
tab.activeBorderTop#191a1c
tab.activeForeground#d1d3da
tab.border#191a1c
tab.inactiveBackground#25282a
tab.inactiveForeground#aaacb2
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#191a1c
terminal.foreground#CCCCCC
terminal.selectionBackground#FFFFFF40
terminalCursor.background#0087FF
terminalCursor.foreground#BCBEC4
textLink.foreground#3794FF
titleBar.activeBackground#25282a
titleBar.activeForeground#BCBEC4
titleBar.border#191a1c
titleBar.inactiveBackground#25282a
titleBar.inactiveForeground#BCBEC4
tree.inactiveIndentGuidesStroke#191a1c
tree.indentGuidesStroke#191a1c
walkThrough.embeddedEditorBackground#00000050
widget.shadow#0000005C

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7A7E85	—
comment.block.documentation, comment.block.javadoc, comment.block.jsdoc, comment.block.documentation.ts, comment.block.documentation.js	#5F826B	italic
keyword.other.documentation, storage.type.class.jsdoc, storage.type.class.doc, punctuation.definition.block.tag.jsdoc, keyword.other.documentation.javadoc	#67A37C	—
variable.other.jsdoc, entity.name.type.instance.jsdoc, comment.block.documentation variable, comment.block.javadoc variable	#ABADB3	—
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.logical.python, storage.type, storage.modifier, constant.language	#CF8E6D	—
string, string.quoted, string.template, punctuation.definition.string	#6AAB73	—
constant.character.escape, string constant.character.escape	#CF8E6D	—
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary	#2AACB8	—
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined	#CF8E6D	—
string.regexp, keyword.other.regex	#42C3D4	—
constant.other.character-class.regexp, constant.character.character-class.regexp	#B2AE60	bold
keyword.operator.quantifier.regexp, keyword.operator.or.regexp, keyword.operator.negation.regexp	#CF8E6D	—
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, punctuation.separator.key-value	#BCBEC4	—
punctuation, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.section, punctuation.separator, punctuation.terminator, meta.brace	#BCBEC4	—
entity.name.function, meta.function-call.generic, support.function	#56A8F5	—
meta.method-call, entity.name.function.member	#57AAF7	—
entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, entity.name.type.class	#BCBEC4	—
entity.name.type.interface, entity.other.attribute-name.class.mixin	#BCBEC4	—
entity.name.type.parameter, storage.type.generic	#16BAAC	—
variable, variable.other, variable.other.readwrite	#BCBEC4	—
variable.language.this, variable.language.self, variable.language.super	#CF8E6D	—
variable.other.constant, entity.name.constant	#C77DBB	italic
variable.other.property, variable.other.object.property, meta.object-literal.key, support.variable.property	#C77DBB	—
variable.parameter, meta.function.parameter, entity.name.variable.parameter	#BCBEC4	—
meta.decorator, entity.name.function.decorator, storage.type.annotation, punctuation.definition.annotation, meta.annotation	#B3AE60	—
entity.name.label, punctuation.definition.label	#32B8AF	—
variable.other.template, punctuation.definition.template-expression, punctuation.section.embedded	#B189F5	—
comment.line.todo, keyword.other.todo, punctuation.definition.tag.todo	#8BB33D	italic
invalid.deprecated	—	strikethrough
invalid, invalid.illegal	#F75464	—
entity.name.tag.xml, entity.name.tag.localname.xml, punctuation.definition.tag.xml, punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml	#D5B778	—
entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml	#2FBAA3	—
entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml	#BCBEC4	—
string.quoted.double.xml, string.quoted.single.xml	#6AAB73	—
constant.character.entity.xml, punctuation.definition.constant.xml	#56A8F5	—
string.unquoted.cdata.xml	#BCBEC4	—
meta.tag.preprocessor.xml, entity.name.tag.xml.prologue, punctuation.definition.tag.xml.prologue	#D5B778	—
comment.block.xml	#7A7E85	—
entity.name.tag.html, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html	#D5B778	—
entity.name.tag.other.html, support.class.component	#2FBAA3	—
entity.other.attribute-name.html	#BCBEC4	—
string.quoted.double.html, string.quoted.single.html	#6AAB73	—
constant.character.entity.html, punctuation.definition.entity.html	#56A8F5	—
entity.name.tag.doctype.html, meta.tag.sgml.doctype.html, keyword.other.doctype.html	#CF8E6D	—
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#D5B778	—
support.type.property-name.css, meta.property-name.css	#BCBEC4	—
support.constant.property-value.css, meta.property-value.css, constant.other.color.rgb-value.css, constant.other.rgb-value.css	#56A8F5	—
keyword.other.unit.css, keyword.other.unit.rem.css, keyword.other.unit.em.css, keyword.other.unit.px.css, keyword.other.unit.percentage.css	#2AACB8	—
constant.numeric.css	#2AACB8	—
keyword.other.important.css	#CF8E6D	bold
variable.parameter.url.css, support.function.url.css	#5C92FF	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#D5B778	—
keyword.control.at-rule.css, keyword.control.at-rule.media.css, keyword.control.at-rule.import.css, keyword.control.at-rule.keyframes.css	#CF8E6D	—
support.function.calc.css, support.function.transform.css, support.function.gradient.css, support.function.misc.css	#56A8F5	—
string.quoted.double.css, string.quoted.single.css	#6AAB73	—
variable.other.less	#C77DBB	—
entity.other.mixin.less, entity.name.mixin.less	#56A8F5	—
variable.scss, variable.sass	#C77DBB	—
entity.name.function.scss, keyword.control.at-rule.mixin.scss, keyword.control.at-rule.include.scss	#56A8F5	—
source.js, source.ts, source.jsx, source.tsx	#BCBEC4	—
keyword.control.js, keyword.control.ts, keyword.operator.new.js, keyword.operator.new.ts, storage.type.js, storage.type.ts, storage.type.function.js, storage.type.function.ts, storage.type.function.arrow.js, storage.type.function.arrow.ts, storage.modifier.js, storage.modifier.ts, keyword.control.import.js, keyword.control.import.ts, keyword.control.export.js, keyword.control.export.ts, keyword.control.from.js, keyword.control.from.ts, keyword.control.default.js, keyword.control.default.ts	#CF8E6D	—
variable.language.this.js, variable.language.this.ts, variable.language.this.jsx, variable.language.this.tsx	#CF8E6D	—
constant.language.js, constant.language.ts, constant.language.boolean.true.js, constant.language.boolean.false.js, constant.language.boolean.true.ts, constant.language.boolean.false.ts, constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts	#CF8E6D	—
entity.name.function.js, entity.name.function.ts, entity.name.function.jsx, entity.name.function.tsx, support.function.js, support.function.ts, meta.function-call.js entity.name.function.js, meta.function-call.ts entity.name.function.ts	#56A8F5	—
meta.method-call.js, meta.method-call.ts, entity.name.function.member.js, entity.name.function.member.ts	#57AAF7	—
variable.other.js, variable.other.ts, variable.parameter.js, variable.parameter.ts	#BCBEC4	—
variable.other.property.js, variable.other.property.ts, meta.object-literal.key.js, meta.object-literal.key.ts	#C77DBB	—
variable.other.constant.js, variable.other.constant.ts	#C77DBB	italic
entity.name.type.js, entity.name.type.ts, entity.name.type.class.js, entity.name.type.class.ts, entity.name.type.interface.ts, support.type.builtin.ts, entity.name.type.enum.ts	#BCBEC4	—
entity.name.type.parameter.ts, entity.name.type.parameter.tsx	#16BAAC	—
string.quoted.double.js, string.quoted.single.js, string.template.js, string.quoted.double.ts, string.quoted.single.ts, string.template.ts	#6AAB73	—
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts	#B189F5	—
constant.numeric.js, constant.numeric.ts, constant.numeric.decimal.js, constant.numeric.decimal.ts	#2AACB8	—
string.regexp.js, string.regexp.ts	#42C3D4	—
meta.decorator.js, meta.decorator.ts, punctuation.decorator.js, punctuation.decorator.ts	#B3AE60	—
comment.line.double-slash.js, comment.line.double-slash.ts, comment.block.js, comment.block.ts	#7A7E85	—
comment.block.documentation.js, comment.block.documentation.ts	#5F826B	italic
entity.name.tag.jsx, entity.name.tag.tsx, support.class.component.jsx, support.class.component.tsx	#D5B778	—
support.class.component.jsx, support.class.component.tsx, entity.name.tag.component.jsx, entity.name.tag.component.tsx	#2FBAA3	—
entity.other.attribute-name.jsx, entity.other.attribute-name.tsx	#BCBEC4	—
variable.other.global.js, support.variable.js, support.variable.ts	#C77DBA	italic
source.kotlin	#BCBEC4	—
keyword.control.kotlin, storage.type.kotlin, storage.modifier.kotlin, keyword.other.kotlin, keyword.operator.declaration.kotlin, keyword.soft.kotlin	#CF8E6D	—
entity.name.function.gradle, support.function.gradle, entity.name.tag.gradle	#CF8E6D	—
entity.name.function.definition.kotlin, entity.name.function.declaration.kotlin	#56A8F5	—
entity.name.function.kotlin, entity.name.function.call.kotlin, support.function.kotlin	#BCBEC4	—
entity.name.type.class.kotlin, entity.name.type.interface.kotlin, entity.name.type.enum.kotlin, support.type.kotlin	#BCBEC4	—
entity.name.type.parameter.kotlin	#16BAAC	—
variable.other.kotlin, variable.parameter.kotlin	#BCBEC4	—
variable.other.property.kotlin	#C77DBB	—
entity.name.label.kotlin, keyword.other.label.kotlin	#32B8AF	—
variable.other.named-argument.kotlin	#56C1D6	—
storage.type.annotation.kotlin, punctuation.definition.annotation.kotlin	#B3AE60	—
string.quoted.double.kotlin, string.quoted.single.kotlin, string.quoted.triple.kotlin	#6AAB73	—
constant.numeric.kotlin	#2AACB8	—
comment.line.double-slash.kotlin, comment.block.kotlin	#7A7E85	—
comment.block.documentation.kotlin	#5F826B	italic
punctuation.definition.template-expression.begin.kotlin, punctuation.definition.template-expression.end.kotlin, variable.other.template.kotlin, entity.name.variable.kotlin	#CF8E6D	—
constant.character.escape.kotlin	#CF8E6D	—
keyword.operator.kotlin, keyword.operator.comparison.kotlin, keyword.operator.assignment.kotlin, keyword.operator.arithmetic.kotlin	#BCBEC4	—
punctuation.separator.kotlin, punctuation.section.kotlin	#BCBEC4	—
constant.language.kotlin, constant.language.boolean.kotlin, constant.language.null.kotlin, keyword.constant.kotlin, constant.language.boolean.true.kotlin, constant.language.boolean.false.kotlin	#CF8E6D	—
entity.name.type.class.kotlin, storage.type.generic.kotlin, entity.other.inherited-class.kotlin	#BCBEC4	—
heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown, markup.heading.markdown, punctuation.definition.heading.markdown	#CF8E6D	bold
markup.bold.markdown	#BCBEC4	bold
markup.italic.markdown	#BCBEC4	italic
string.other.link.title.markdown, string.other.link.description.markdown, markup.underline.link.markdown	#56A8F5	—
markup.underline.link.markdown	#56A8F5	underline
markup.inline.raw.string.markdown	#CED0D6	—
markup.fenced_code.block.markdown	#CED0D6	—
fenced_code.block.language.markdown	#7A7E85	—
markup.quote.markdown, punctuation.definition.quote.begin.markdown	#7A7E85	italic
punctuation.definition.list.begin.markdown	#CF8E6D	—
markup.strikethrough.markdown	#7A7E85	strikethrough
markup.raw.markdown	#6AAB73	—
entity.name.tag.yaml, support.type.property-name.yaml	#CF8E6D	—
string.unquoted.yaml, string.unquoted.plain.yaml, string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml, string.unquoted.block.yaml	#BCBEC4	—
string.quoted.double.yaml, string.quoted.single.yaml	#6AAB73	—
entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml	#B189F5	—
keyword.control.directive.yaml, punctuation.definition.directive.yaml	#CF8E6D	—
constant.numeric.yaml	#2AACB8	—
constant.language.yaml	#CF8E6D	—
comment.line.number-sign.yaml	#7A7E85	—
punctuation.separator.key-value.yaml, punctuation.definition.block.sequence.item.yaml	#BCBEC4	—
keyword.other.sql, keyword.control.sql, keyword.operator.sql, storage.modifier.sql	#CF8E6D	—
storage.type.sql, support.type.sql	#BCBEC4	—
support.function.sql, entity.name.function.sql	#CF8E6D	—
entity.name.table.sql, entity.name.column.sql	#BCBEC4	—
string.quoted.double.sql, string.quoted.single.sql	#6AAB73	—
constant.numeric.sql	#2AACB8	—
comment.line.double-dash.sql, comment.block.sql	#7A7E85	—
keyword.operator.comparison.sql, keyword.operator.arithmetic.sql, keyword.operator.logical.sql	#BCBEC4	—
keyword.other.dockerfile, keyword.control.dockerfile, storage.type.dockerfile	#CF8E6D	—
entity.name.function.dockerfile, keyword.other.special-method.dockerfile	#CF8E6D	—
variable.other.dockerfile	#C77DBB	—
string.quoted.double.dockerfile, string.quoted.single.dockerfile	#6AAB73	—
comment.line.number-sign.dockerfile	#7A7E85	—
support.other.image.dockerfile	#BCBEC4	—
keyword.control.groovy, storage.type.groovy, storage.modifier.groovy, keyword.other.groovy	#CF8E6D	—
entity.name.function.groovy	#56A8F5	—
entity.name.type.class.groovy, storage.type.groovy	#BCBEC4	—
variable.other.groovy, variable.parameter.groovy	#BCBEC4	—
variable.other.property.groovy	#C77DBB	—
storage.type.annotation.groovy, punctuation.definition.annotation.groovy	#B3AE60	—
string.quoted.double.groovy, string.quoted.single.groovy	#6AAB73	—
string.interpolated.groovy	#6AAB73	—
constant.numeric.groovy	#2AACB8	—
comment.line.double-slash.groovy, comment.block.groovy	#7A7E85	—
comment.block.documentation.groovy	#5F826B	italic
support.type.property-name.properties, keyword.other.definition.properties, support.constant.java-properties, keyword.other.definition.ini, support.type.property-name.ini	#CF8E6D	—
string.unquoted.properties	#6AAB73	—
comment.line.number-sign.properties, comment.line.hash.properties	#7A7E85	—
punctuation.separator.key-value.properties	#BCBEC4	—
variable.other.interpolated.properties, constant.other.placeholder.properties, string.interpolated.properties, punctuation.definition.variable.properties	#CF8E6D	—
keyword.control.shell, keyword.operator.shell, storage.type.shell, storage.modifier.shell	#CF8E6D	—
entity.name.function.shell, support.function.shell	#56A8F5	—
variable.other.shell, variable.other.normal.shell, punctuation.definition.variable.shell	#C77DBB	—
string.quoted.double.shell, string.quoted.single.shell	#6AAB73	—
constant.numeric.shell	#2AACB8	—
comment.line.number-sign.shell	#7A7E85	—
keyword.operator.shell, keyword.operator.pipe.shell, keyword.operator.redirect.shell	#BCBEC4	—
keyword.control.python, keyword.operator.python, storage.type.python, storage.modifier.python	#CF8E6D	—
entity.name.function.python, support.function.python	#56A8F5	—
support.function.magic.python	#56A8F5	—
entity.name.type.class.python, support.type.python	#BCBEC4	—
variable.language.self.python, variable.language.cls.python	#CF8E6D	—
variable.other.python, variable.parameter.python	#BCBEC4	—
variable.other.property.python	#C77DBB	—
entity.name.function.decorator.python, punctuation.definition.decorator.python, meta.function.decorator.python	#B3AE60	—
string.quoted.double.python, string.quoted.single.python, string.quoted.docstring.python	#6AAB73	—
constant.numeric.python	#2AACB8	—
comment.line.number-sign.python	#7A7E85	—
string.quoted.docstring.multi.python	#5F826B	italic
keyword.control.go, keyword.operator.go, storage.type.go	#CF8E6D	—
entity.name.function.go, support.function.go	#56A8F5	—
entity.name.type.go, support.type.go	#BCBEC4	—
variable.other.go, variable.parameter.go	#BCBEC4	—
variable.other.property.go	#C77DBB	—
string.quoted.double.go, string.quoted.single.go, string.quoted.raw.go	#6AAB73	—
constant.numeric.go	#2AACB8	—
comment.line.double-slash.go, comment.block.go	#7A7E85	—
keyword.control.rust, keyword.operator.rust, storage.type.rust, storage.modifier.rust	#CF8E6D	—
entity.name.function.rust, support.function.rust	#56A8F5	—
entity.name.function.macro.rust, support.macro.rust	#CF8E6D	—
entity.name.type.rust, entity.name.type.struct.rust, entity.name.type.enum.rust, entity.name.type.trait.rust, support.type.rust	#BCBEC4	—
entity.name.type.parameter.rust	#16BAAC	—
punctuation.definition.lifetime.rust, entity.name.lifetime.rust	#16BAAC	—
variable.other.rust, variable.parameter.rust	#BCBEC4	—
variable.other.property.rust, variable.other.member.rust	#C77DBB	—
string.quoted.double.rust, string.quoted.single.rust	#6AAB73	—
constant.numeric.rust	#2AACB8	—
comment.line.double-slash.rust, comment.block.rust	#7A7E85	—
comment.block.documentation.rust, comment.line.documentation.rust	#5F826B	italic
keyword.control.c, keyword.control.cpp, storage.type.c, storage.type.cpp, storage.modifier.c, storage.modifier.cpp	#CF8E6D	—
meta.preprocessor.c, meta.preprocessor.cpp, keyword.control.directive.c, keyword.control.directive.cpp	#CF8E6D	—
entity.name.function.c, entity.name.function.cpp	#56A8F5	—
entity.name.type.c, entity.name.type.cpp, entity.name.type.class.cpp, entity.name.type.struct.cpp	#BCBEC4	—
entity.name.type.parameter.cpp	#16BAAC	—
variable.other.c, variable.other.cpp, variable.parameter.c, variable.parameter.cpp	#BCBEC4	—
variable.other.property.c, variable.other.property.cpp, variable.other.member.c, variable.other.member.cpp	#C77DBB	—
string.quoted.double.c, string.quoted.single.c, string.quoted.double.cpp, string.quoted.single.cpp	#6AAB73	—
constant.numeric.c, constant.numeric.cpp	#2AACB8	—
comment.line.double-slash.c, comment.line.double-slash.cpp, comment.block.c, comment.block.cpp	#7A7E85	—
comment.block.documentation.c, comment.block.documentation.cpp	#5F826B	italic
keyword.control.csharp, storage.type.csharp, storage.modifier.csharp	#CF8E6D	—
entity.name.function.csharp	#56A8F5	—
entity.name.type.class.csharp, entity.name.type.struct.csharp, entity.name.type.interface.csharp, entity.name.type.enum.csharp	#BCBEC4	—
entity.name.type.parameter.csharp	#16BAAC	—
variable.other.csharp, variable.parameter.csharp	#BCBEC4	—
variable.other.property.csharp	#C77DBB	—
meta.attribute.csharp, entity.name.type.attribute.csharp	#B3AE60	—
string.quoted.double.csharp, string.quoted.single.csharp	#6AAB73	—
constant.numeric.csharp	#2AACB8	—
comment.line.double-slash.csharp, comment.block.csharp	#7A7E85	—
comment.block.documentation.csharp	#5F826B	italic
keyword.control.php, storage.type.php, storage.modifier.php	#CF8E6D	—
entity.name.function.php, support.function.php	#56A8F5	—
entity.name.type.class.php, entity.name.type.interface.php	#BCBEC4	—
variable.other.php, variable.parameter.php, punctuation.definition.variable.php	#C77DBB	—
variable.other.property.php	#C77DBB	—
variable.language.this.php	#CF8E6D	—
string.quoted.double.php, string.quoted.single.php	#6AAB73	—
constant.numeric.php	#2AACB8	—
comment.line.double-slash.php, comment.block.php	#7A7E85	—
comment.block.documentation.phpdoc.php	#5F826B	italic
keyword.control.ruby, keyword.operator.ruby, storage.type.ruby, storage.modifier.ruby	#CF8E6D	—
entity.name.function.ruby, support.function.ruby	#56A8F5	—
entity.name.type.class.ruby, entity.name.type.module.ruby	#BCBEC4	—
variable.other.ruby, variable.parameter.ruby	#BCBEC4	—
variable.other.readwrite.instance.ruby	#C77DBB	—
variable.other.readwrite.class.ruby	#C77DBB	italic
constant.language.symbol.ruby	#2AACB8	—
string.quoted.double.ruby, string.quoted.single.ruby	#6AAB73	—
constant.numeric.ruby	#2AACB8	—
comment.line.number-sign.ruby, comment.block.ruby	#7A7E85	—
comment.block.documentation.ruby	#5F826B	italic
support.type.property-name.json, entity.name.key.json, meta.structure.dictionary.key.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json	#C77DBB	—
string.quoted.double.json	#6AAB73	—
constant.numeric.json	#2AACB8	—
constant.language.boolean.json, constant.language.null.json	#CF8E6D	—
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json	#BCBEC4	—
comment.line.double-slash.json, comment.block.json	#7A7E85	—
support.type.property-name.toml, entity.name.tag.toml	#CF8E6D	—
entity.name.section.toml	#D5B778	—
string.quoted.double.toml, string.quoted.single.toml, string.quoted.triple.toml	#6AAB73	—
constant.numeric.toml	#2AACB8	—
constant.language.toml	#CF8E6D	—
comment.line.number-sign.toml	#7A7E85	—
keyword.other.definition.ini	#CF8E6D	—
entity.name.section.group-title.ini	#D5B778	—
source.ini	#6AAB73	—
comment.line.semicolon.ini, comment.line.number-sign.ini	#7A7E85	—
entity.name.function.target.makefile	#56A8F5	—
variable.other.makefile	#C77DBB	—
meta.scope.prerequisites.makefile	#BCBEC4	—
comment.line.number-sign.makefile	#7A7E85	—
markup.inserted.diff, punctuation.definition.inserted.diff	#73BD79	—
markup.deleted.diff, punctuation.definition.deleted.diff	#F75464	—
markup.changed.diff	#70AEFF	—
meta.diff.header	#56A8F5	—
meta.diff.range, punctuation.definition.range.diff	#B189F5	—
keyword.graphql, keyword.type.graphql	#CF8E6D	—
support.type.graphql	#BCBEC4	—
variable.graphql	#C77DBB	—
variable.arguments.graphql	#BCBEC4	—
string.graphql	#6AAB73	—
comment.line.graphql	#7A7E85	—
source.java, meta.class.java, meta.class.body.java, meta.method.java, meta.method.body.java	#BCBEC4	—
punctuation.definition.parameters.varargs.java, punctuation.separator.delimiter.java, punctuation.definition.annotation-arguments.begin.bracket.round.java, punctuation.definition.annotation-arguments.end.bracket.round.java, keyword.control.ternary.java, source.java punctuation.definition.parameters.begin.bracket.round.java, source.java punctuation.definition.parameters.end.bracket.round.java, punctuation.definition.parameters.begin.bracket.round.java, punctuation.definition.parameters.end.bracket.round.java, punctuation.section.block.begin.java, punctuation.section.block.end.java, punctuation.section.class.begin.java, punctuation.section.class.end.java, punctuation.section.inner-class.begin.java, punctuation.section.inner-class.end.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.definition.method-parameters.begin.java, punctuation.definition.method-parameters.end.java, punctuation.section.method.begin.java, punctuation.section.method.end.java, punctuation.separator.period.java, punctuation.bracket.angle.java, punctuation.bracket.square.java	#BCBEC4	—
entity.name.type.class.java, entity.other.inherited-class.java, storage.type.java, storage.type.generic.java, storage.type.function.arrow.java, storage.type.generic.wildcard.java	#BCBEC4	—
variable.parameter.java, variable.other.object.java, meta.definition.variable.name.java, variable.other.definition.java, meta.method-call.java	#BCBEC4	—
entity.name.function.java, meta.method.identifier.java	#56A8F5	—
variable.language.this.java, constant.language.java, storage.modifier.java, storage.modifier.implements.java, storage.modifier.extends.java, keyword.control.java, keyword.control.try.java, keyword.control.throw.java, keyword.control.catch.java, keyword.control.new.java, keyword.other.package.java, keyword.other.import.java, keyword.operator.instanceof.java, storage.type.primitive.java, storage.type.primitive.array.java, storage.type.local.java, variable.other.object.property.java	#CF8E6D	—
storage.type.annotation.java, punctuation.definition.annotation.java	#B3AE60	—
source.java constant.numeric, constant.numeric.java	#2AACB8	—
comment.block.javadoc.java, comment.block.javadoc.java punctuation.definition.comment.java	#5F826B	italic
source.java comment.line.double-slash, comment.line.double-slash.java, source.java comment.block.documentation, comment.block.documentation.java	#7A7E85	—
source.java string, string.quoted.double.java, string.quoted.single.java	#6AAB73	—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}