Islands
Publisher: congardThemes in package: 1
JetBrains-inspired Islands Theme
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#191a1c
- activityBar.border#26282c
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#b0b1b3
- activityBarBadge.background#3474f0
- activityBarBadge.foreground#ffffff
- breadcrumb.activeSelectionForeground#dfe1e5
- breadcrumb.background#191a1c
- breadcrumb.focusForeground#dfe1e5
- breadcrumb.foreground#9da0a8
- breadcrumbPicker.background#27282b
- button.background#3474f0
- button.foreground#ffffff
- button.hoverBackground#467ff2
- diffEditor.diagonalFill#2b2d30
- diffEditor.insertedLineBackground#1f2b2688
- diffEditor.insertedTextBackground#29443688
- diffEditor.removedLineBackground#2b232288
- diffEditor.removedTextBackground#45302b88
- dropdown.background#27282b
- dropdown.border#393b40
- dropdown.foreground#dfe1e5
- editor.background#191a1c
- editor.findMatchBackground#2d543f
- editor.findMatchHighlightBackground#114957cc
- editor.findMatchHighlightBorder#165e70
- editor.foreground#bcbec4
- editor.inactiveSelectionBackground#21428388
- editor.lineHighlightBackground#1f2024
- editor.selectionBackground#214283
- editor.selectionHighlightBackground#21428388
- editor.wordHighlightBackground#373b3988
- editor.wordHighlightStrongBackground#402f3388
- editor.wordHighlightTextBackground#373b3988
- editorBracketHighlight.foreground1#bcbec4
- editorBracketHighlight.foreground2#bcbec4
- editorBracketHighlight.foreground3#bcbec4
- editorBracketHighlight.foreground4#bcbec4
- editorBracketHighlight.foreground5#bcbec4
- editorBracketHighlight.foreground6#bcbec4
- editorBracketHighlight.unexpectedBracket.foreground#f75464
- editorBracketMatch.background#43454a
- editorBracketMatch.border#00000000
- editorBracketPairGuide.activeBackground1#4e5157
- editorBracketPairGuide.activeBackground2#4e5157
- editorBracketPairGuide.activeBackground3#4e5157
- editorBracketPairGuide.activeBackground4#4e5157
- editorBracketPairGuide.activeBackground5#4e5157
- editorBracketPairGuide.activeBackground6#4e5157
- editorBracketPairGuide.background1#323438
- editorBracketPairGuide.background2#323438
- editorBracketPairGuide.background3#323438
- editorBracketPairGuide.background4#323438
- editorBracketPairGuide.background5#323438
- editorBracketPairGuide.background6#323438
- editorCursor.foreground#ced0d6
- editorError.foreground#fa6675
- editorGroup.border#26282c
- editorGroup.focusedEmptyBorder#3474f0
- editorGroupHeader.tabsBackground#191a1c
- editorGroupHeader.tabsBorder#26282c
- editorGutter.addedBackground#549159
- editorGutter.background#191a1c
- editorGutter.deletedBackground#868a91
- editorGutter.modifiedBackground#375fad
- editorHint.foreground#868a91
- editorHoverWidget.background#27282b
- editorHoverWidget.border#393b40
- editorHoverWidget.foreground#dfe1e5
- editorIndentGuide.activeBackground#4e5157
- editorIndentGuide.activeBackground1#4e5157
- editorIndentGuide.activeBackground2#4e5157
- editorIndentGuide.activeBackground3#4e5157
- editorIndentGuide.activeBackground4#4e5157
- editorIndentGuide.activeBackground5#4e5157
- editorIndentGuide.activeBackground6#4e5157
- editorIndentGuide.background#323438
- editorIndentGuide.background1#323438
- editorIndentGuide.background2#323438
- editorIndentGuide.background3#323438
- editorIndentGuide.background4#323438
- editorIndentGuide.background5#323438
- editorIndentGuide.background6#323438
- editorInfo.foreground#3592c4
- editorInlayHint.background#393b40
- editorInlayHint.foreground#868a91
- editorInlayHint.parameterForeground#858a94
- editorInlayHint.typeForeground#858a94
- editorLineNumber.activeForeground#a1a3ab
- editorLineNumber.foreground#4b5059
- editorLink.activeForeground#548af7
- editorOverviewRuler.addedForeground#549159
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#868a91
- editorOverviewRuler.errorForeground#fa6675
- editorOverviewRuler.infoForeground#3592c4
- editorOverviewRuler.modifiedForeground#375fad
- editorOverviewRuler.warningForeground#f2c55c
- editorRuler.foreground#323438
- editorSuggestWidget.background#27282b
- editorSuggestWidget.border#393b40
- editorSuggestWidget.foreground#dfe1e5
- editorSuggestWidget.highlightForeground#56a8f5
- editorSuggestWidget.selectedBackground#3c3e41
- editorWarning.foreground#f2c55c
- editorWhitespace.foreground#6f737a
- editorWidget.background#27282b
- editorWidget.border#393b40
- editorWidget.foreground#dfe1e5
- editorWidget.resizeBorder#467ff2
- focusBorder#467ff2
- foreground#dfe1e5
- gitDecoration.addedResourceForeground#73bd79
- gitDecoration.conflictingResourceForeground#de6a66
- gitDecoration.deletedResourceForeground#6f737a
- gitDecoration.ignoredResourceForeground#d69a6b
- gitDecoration.modifiedResourceForeground#70aeff
- gitDecoration.renamedResourceForeground#70aeff
- gitDecoration.untrackedResourceForeground#e88f89
- inlineChatDiff.inserted#29443688
- inlineChatDiff.removed#45302b88
- input.background#191a1c
- input.border#393b40
- input.foreground#dfe1e5
- input.placeholderForeground#6f737a
- inputOption.activeBorder#3474f0
- list.activeSelectionBackground#43454a
- list.activeSelectionForeground#dfe1e5
- list.dropBackground#ffffff25
- list.focusHighlightForeground#3474f0
- list.highlightForeground#56a8f5
- list.hoverBackground#3c3e41
- list.hoverForeground#dfe1e5
- list.inactiveSelectionBackground#393b41
- menu.background#27282b
- menu.border#393b40
- menu.foreground#dfe1e5
- menu.selectionBackground#3c3e41
- menu.selectionForeground#ffffff
- menu.separatorBackground#393b40
- notificationCenterHeader.background#25324d
- notifications.background#25324d
- notifications.border#393b40
- panel.background#191a1c
- panel.border#26282c
- panelTitle.activeBorder#3474f0
- panelTitle.activeForeground#dfe1e5
- panelTitle.inactiveForeground#b0b1b3
- pickerGroup.border#393b40
- pickerGroup.foreground#56a8f5
- quickInput.background#27282b
- quickInput.foreground#dfe1e5
- quickInputList.focusBackground#3c3e41
- quickInputList.focusForeground#ffffff
- scrollbarSlider.activeBackground#ffffff60
- scrollbarSlider.background#ffffff26
- scrollbarSlider.hoverBackground#ffffff4d
- selection.background#3474f0
- sideBar.background#191a1c
- sideBar.border#26282c
- sideBar.foreground#dfe1e5
- sideBarSectionHeader.background#191a1c
- sideBarSectionHeader.border#26282c
- sideBarSectionHeader.foreground#dfe1e5
- sideBarTitle.foreground#dfe1e5
- statusBar.background#191a1c
- statusBar.border#26282c
- statusBar.debuggingBackground#191a1c
- statusBar.foreground#dfe1e5
- statusBar.noFolderBackground#191a1c
- tab.activeBackground#191a1c
- tab.activeBorder#3474f0
- tab.activeForeground#dfe1e5
- tab.border#26282c
- tab.inactiveBackground#191a1c
- tab.inactiveForeground#b0b1b3
- terminal.ansiBlack#000000
- terminal.ansiBlue#5594fa
- terminal.ansiBrightBlack#4e5157
- terminal.ansiBrightBlue#3399ff
- terminal.ansiBrightCyan#40ffe9
- terminal.ansiBrightGreen#67ff59
- terminal.ansiBrightMagenta#d970ff
- terminal.ansiBrightRed#ff6b7a
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffec1a
- terminal.ansiCyan#47ccbd
- terminal.ansiGreen#6bcc62
- terminal.ansiMagenta#c092fa
- terminal.ansiRed#f75464
- terminal.ansiWhite#ced0d6
- terminal.ansiYellow#e0ce70
- terminal.background#191a1c
- terminal.foreground#bcbec4
- textLink.activeForeground#548af7
- textLink.foreground#56a8f5
- textPreformat.background#2c2d30
- textPreformat.foreground#bcbec4
- titleBar.activeBackground#191a1c
- titleBar.activeForeground#dfe1e5
- titleBar.border#26282c
- titleBar.inactiveBackground#191a1c
- titleBar.inactiveForeground#b0b1b3
- widget.border#393b40
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7a7e85 | — |
| comment.block.documentation, comment.block.documentation punctuation, comment.line.documentation | #5f826b | italic |
| comment.block.documentation keyword, comment.block.documentation storage.type.class, comment.block.documentation entity.name.tag | #67a37c | — |
| comment.block.documentation variable, comment.block.documentation entity.name.variable | #abadb3 | — |
| comment.block.documentation markup | #68a67e | — |
| comment.todo, comment.line.todo, comment.block.todo | #8bb33d | italic |
| keyword, storage.type, storage.modifier | #cf8e6d | — |
| keyword.control.conditional, keyword.control.loop, keyword.control.flow, keyword.control.trycatch, keyword.control.switch | #cc7832 | bold |
| string, string.quoted, string.template, punctuation.definition.string | #6aab73 | — |
| constant.character.escape, string.regexp, constant.other.placeholder, constant.other.placeholder.go, constant.character.format | #cf8e6d | — |
| constant.other.character-class.regexp, string.regexp.character-class | #b2ae60 | bold |
| string.special, constant.other.symbol | #56a8f5 | — |
| constant.numeric | #2aacb8 | |
| constant.language.boolean, constant.language.null, constant.language.nil, constant.language, variable.language.nil, variable.language | #cc7832 | |
| constant, constant.other, variable.other.constant, entity.name.constant, support.constant | #c77dbb | italic |
| entity.name.package, entity.name.package.go, storage.modifier.package.go, entity.name.namespace, support.package, support.other.namespace.use.go | #afbf7e | — |
| entity.name.function.declaration, entity.name.function.definition, meta.function.declaration entity.name.function, meta.function.definition entity.name.function, meta.method.declaration entity.name.function, meta.method.definition entity.name.function | #56a8f5 | — |
| entity.name.function, entity.name.function.member, meta.function-call entity.name.function, meta.function-call, meta.method-call entity.name.function, meta.method-call, variable.function, variable.function.member, support.function, entity.name.function.call | #b09d79 | — |
| entity.name.function.constructor, variable.function.constructor | #57aaf7 | italic |
| support.function.builtin, support.function.builtin.go | #cc7832 | — |
| entity.name.type, entity.name.class, support.class, support.type | #6fafbd | — |
| support.type.primitive, storage.type.primitive, storage.type.built-in, support.type.builtin, storage.type.boolean, storage.type.byte, storage.type.numeric, storage.type.string, storage.type.uintptr, storage.type.rune, storage.type.any, storage.type.error, support.type.error, entity.name.type.primitive | #cc7832 | — |
| entity.name.type.interface, support.type.interface | #8d91dc | — |
| entity.name.type.enum | #6fafbd | italic |
| variable.other.enummember | #c77dbb | italic |
| entity.name.type.parameter | #16baac | — |
| variable.parameter.receiver, variable.parameter.receiver.go, variable.receiver, variable.receiver.go, meta.function.receiver.go variable, meta.function.receiver.go variable.parameter, meta.function.receiver.go variable.parameter.go, meta.receiver.go variable, meta.receiver.go variable.parameter, meta.receiver.go variable.parameter.go, entity.name.variable.parameter.receiver | #4eade5 | — |
| variable, variable.other, variable.parameter, variable.parameter.go, meta.function.parameters variable, meta.function.parameters.go variable.parameter.go | #bcbec4 | — |
| variable.language.this, variable.language.self, variable.language.super | #d98eb3 | — |
| variable.other.property, variable.other.object.property, support.type.property-name, entity.name.variable.field | #c77dbb | — |
| keyword.operator, keyword.operator.assignment | #bcbec4 | — |
| punctuation.bracket, punctuation.section, punctuation.section.block, punctuation.section.brackets, punctuation.section.scope, punctuation.definition.bracket, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.group, punctuation.separator, punctuation.terminator, punctuation.delimiter, meta.brace | #bcbec4 | — |
| punctuation.special, entity.name.annotation, meta.annotation, storage.type.annotation | #b3ae60 | — |
| entity.name.tag, meta.tag.sgml | #d5b778 | — |
| entity.other.attribute-name, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css | #b3ae60 | — |
| markup.heading, entity.name.section | #c77dbb | italic |
| markup.raw, markup.raw.inline, markup.raw.block, markup.inline.raw, markup.inline.raw.string.markdown, punctuation.definition.raw.markdown | #ced0d6 | — |
| markup.fenced_code.block.markdown punctuation.definition.markdown, markup.fenced_code.block punctuation.definition.markdown, punctuation.definition.fence.markdown, punctuation.definition.fence, punctuation.definition.raw.code-fence.markdown, meta.code-fence.markdown punctuation.definition.markdown, meta.code-fence.definition.markdown, fenced_code.block.language.markdown punctuation.definition.markdown, markup.raw.block.markdown punctuation.definition.markdown, punctuation.separator.table-cell.markdown, punctuation.separator.table-border.markdown, punctuation.separator.table.markdown, punctuation.separator.table-header.markdown, punctuation.section.table-header.markdown, punctuation.definition.table.markdown, markup.table.delimiter.markdown, markup.table.border.markdown, meta.table.markdown punctuation.separator, meta.table.markdown punctuation.section, meta.table.header.markdown punctuation.separator, meta.table.header.markdown punctuation.section | #cf8e6d | — |
| punctuation.definition.list.begin.markdown, punctuation.definition.list.markdown, markup.list.unnumbered.bullet.markdown, beginning-of-line punctuation.definition.list.begin.markdown | #cf8e6d | — |
| markup.underline.link, string.other.link, constant.other.reference.link.markdown, meta.link.inline.markdown punctuation.definition, meta.link.reference.markdown punctuation.definition, meta.link.reference.def.markdown punctuation.definition, meta.image.inline.markdown punctuation.definition, punctuation.definition.link.markdown, punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, punctuation.definition.link.description.begin.markdown, punctuation.definition.link.description.end.markdown, punctuation.definition.link.uri.begin.markdown, punctuation.definition.link.uri.end.markdown | #56a8f5 | — |
| markup.bold | #bcbec4 | bold |
| markup.italic | #bcbec4 | italic |