Gasrulle Theme
Publisher: GasrulleThemes in package: 13
A curated theme pack for VS Code — ported IDE themes (JetBrains Rider, Visual Studio, and more) plus original creations by Gasrulle.
Color themes
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.activeBorder#8caaee
- activityBar.background#1b1c2e
- activityBar.border#1b1c2e
- activityBar.foreground#B6BCCE
- activityBar.inactiveForeground#555782
- activityBarBadge.background#8caaee
- activityBarBadge.foreground#1b1c2e
- badge.background#8caaee
- badge.foreground#1b1c2e
- breadcrumb.activeSelectionForeground#B6BCCE
- breadcrumb.focusForeground#B6BCCE
- breadcrumb.foreground#60647A
- breadcrumbPicker.background#222238
- button.background#8caaee
- button.foreground#1b1c2e
- button.hoverBackground#99b5f0
- button.secondaryBackground#45475f
- button.secondaryForeground#B6BCCE
- button.secondaryHoverBackground#555782
- chat.requestBubbleBackground#2A2D46
- chat.requestBubbleHoverBackground#323654
- debugConsole.errorForeground#f38ba8
- debugConsole.infoForeground#8caaee
- debugConsole.warningForeground#f9e2af
- debugExceptionWidget.background#222238
- debugExceptionWidget.border#f38ba8
- debugToolBar.background#222238
- descriptionForeground#ACB2C5
- diffEditor.diagonalFill#353649
- diffEditor.insertedTextBackground#a6d18928
- diffEditor.removedTextBackground#f38ba828
- dropdown.background#222238
- dropdown.border#353649
- dropdown.foreground#B6BCCE
- dropdown.listBackground#222238
- editor.background#1b1c2e
- editor.findMatchBackground#A6D18960
- editor.findMatchHighlightBackground#A6D18940
- editor.findRangeHighlightBackground#2d2e3e66
- editor.foldBackground#2d2e3e30
- editor.foreground#B6BCCE
- editor.hoverHighlightBackground#8CAAEE20
- editor.inactiveSelectionBackground#6860A866
- editor.lineHighlightBackground#222339
- editor.lineHighlightBorder#222339
- editor.rangeHighlightBackground#1b1c2dCC
- editor.selectionBackground#6860A8
- editor.selectionHighlightBackground#8CAAEE30
- editor.wordHighlightBackground#8CAAEE48
- editor.wordHighlightStrongBackground#C9A0F548
- editorBracketHighlight.foreground1#EDD078
- editorBracketHighlight.foreground2#58DEB8
- editorBracketHighlight.foreground3#B47850
- editorBracketHighlight.foreground4#B4E870
- editorBracketHighlight.foreground5#FCD0DC
- editorBracketHighlight.foreground6#C0DCF0
- editorBracketHighlight.unexpectedBracket.foreground#f38ba8
- editorBracketMatch.background#C9A0F530
- editorBracketMatch.border#555782
- editorCodeLens.foreground#747A94
- editorCursor.foreground#B6BCCE
- editorError.foreground#f38ba8
- editorGhostText.foreground#555782
- editorGroup.border#1b1c2e
- editorGroup.dropBackground#3d3b6b44
- editorGroupHeader.noTabsBackground#1b1c2e
- editorGroupHeader.tabsBackground#1b1c2e
- editorGroupHeader.tabsBorder#1b1c2e
- editorGutter.addedBackground#a6d189
- editorGutter.deletedBackground#f38ba8
- editorGutter.foldingControlForeground#60647A
- editorGutter.modifiedBackground#8caaee
- editorHoverWidget.background#222238
- editorHoverWidget.border#353649
- editorHoverWidget.foreground#B6BCCE
- editorIndentGuide.activeBackground1#555782
- editorIndentGuide.background1#353649
- editorInfo.foreground#8caaee
- editorInlayHint.background#2d2e3e80
- editorInlayHint.foreground#60647A
- editorInlayHint.parameterBackground#2d2e3e80
- editorInlayHint.parameterForeground#60647A
- editorInlayHint.typeBackground#2d2e3e80
- editorInlayHint.typeForeground#60647A
- editorLightBulb.foreground#f9e2af
- editorLightBulbAutoFix.foreground#8caaee
- editorLineNumber.activeForeground#8c90a8
- editorLineNumber.foreground#45475f
- editorOverviewRuler.border#1b1c2e
- editorOverviewRuler.currentContentForeground#a6d189
- editorOverviewRuler.errorForeground#f38ba8
- editorOverviewRuler.findMatchForeground#f2b07a80
- editorOverviewRuler.incomingContentForeground#8caaee
- editorOverviewRuler.infoForeground#8caaee
- editorOverviewRuler.warningForeground#f9e2af
- editorRuler.foreground#353649
- editorStickyScroll.background#1b1c2e
- editorStickyScrollHover.background#222339
- editorSuggestWidget.background#222238
- editorSuggestWidget.border#353649
- editorSuggestWidget.foreground#B6BCCE
- editorSuggestWidget.highlightForeground#8caaee
- editorSuggestWidget.selectedBackground#6860A8
- editorSuggestWidget.selectedForeground#C3C9DB
- editorWarning.foreground#f9e2af
- editorWhitespace.foreground#3d3f5480
- editorWidget.background#222238
- editorWidget.border#353649
- editorWidget.foreground#B6BCCE
- errorForeground#f38ba8
- extensionBadge.remoteBackground#8caaee
- extensionBadge.remoteForeground#1b1c2e
- extensionButton.prominentBackground#8caaee
- extensionButton.prominentForeground#1b1c2e
- extensionButton.prominentHoverBackground#99b5f0
- focusBorder#8caaee
- foreground#B6BCCE
- gitDecoration.addedResourceForeground#a6d189
- gitDecoration.conflictingResourceForeground#f38ba8
- gitDecoration.deletedResourceForeground#60647A
- gitDecoration.ignoredResourceForeground#555782
- gitDecoration.modifiedResourceForeground#8caaee
- gitDecoration.stageDeletedResourceForeground#60647A
- gitDecoration.stageModifiedResourceForeground#8caaee
- gitDecoration.untrackedResourceForeground#a6d189
- icon.foreground#ACB2C5
- input.background#353649
- input.border#45475f
- input.foreground#B6BCCE
- input.placeholderForeground#555782
- inputOption.activeBackground#8caaee44
- inputOption.activeBorder#8caaee
- inputValidation.errorBackground#222238
- inputValidation.errorBorder#f38ba8
- inputValidation.infoBackground#222238
- inputValidation.infoBorder#8caaee
- inputValidation.warningBackground#222238
- inputValidation.warningBorder#f9e2af
- list.activeSelectionBackground#6860A8
- list.activeSelectionForeground#C3C9DB
- list.errorForeground#f38ba8
- list.focusBackground#6860A8
- list.focusForeground#C3C9DB
- list.highlightForeground#8caaee
- list.hoverBackground#1b1b2c80
- list.hoverForeground#B6BCCE
- list.inactiveSelectionBackground#6860A866
- list.inactiveSelectionForeground#C0C7D9
- list.invalidItemForeground#f38ba8
- list.warningForeground#f9e2af
- merge.border#1b1c2e
- merge.currentContentBackground#a6d18930
- merge.currentHeaderBackground#a6d18944
- merge.incomingContentBackground#8caaee30
- merge.incomingHeaderBackground#8caaee44
- minimap.errorHighlight#f38ba8
- minimap.findMatchHighlight#A6D18980
- minimap.selectionHighlight#8CAAEEBB
- minimap.warningHighlight#f9e2af
- minimapGutter.addedBackground#a6d189
- minimapGutter.deletedBackground#f38ba8
- minimapGutter.modifiedBackground#8caaee
- minimapSlider.activeBackground#50527a60
- minimapSlider.background#50527a20
- minimapSlider.hoverBackground#50527a40
- notificationCenter.border#353649
- notificationCenterHeader.background#222238
- notificationCenterHeader.foreground#B6BCCE
- notificationLink.foreground#8caaee
- notifications.background#353649
- notifications.border#45475f
- notifications.foreground#B6BCCE
- notificationsErrorIcon.foreground#f38ba8
- notificationsInfoIcon.foreground#8caaee
- notificationsWarningIcon.foreground#f9e2af
- panel.background#1b1c2e
- panel.border#353649
- panelTitle.activeBorder#8caaee
- panelTitle.activeForeground#B6BCCE
- panelTitle.inactiveForeground#555782
- peekView.border#8caaee
- peekViewEditor.background#1b1c2e
- peekViewEditor.matchHighlightBackground#A6D18950
- peekViewEditorGutter.background#1b1c2e
- peekViewResult.background#222238
- peekViewResult.fileForeground#B6BCCE
- peekViewResult.lineForeground#8c90a8
- peekViewResult.matchHighlightBackground#A6D18950
- peekViewResult.selectionBackground#6860A8
- peekViewResult.selectionForeground#C3C9DB
- peekViewTitle.background#222238
- peekViewTitleDescription.foreground#60647A
- peekViewTitleLabel.foreground#B6BCCE
- progressBar.background#8caaee
- quickInput.background#222238
- quickInput.foreground#B6BCCE
- quickInputList.focusBackground#6860A8
- quickInputList.focusForeground#C3C9DB
- quickInputTitle.background#222238
- sash.hoverBorder#8caaee
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#505488BB
- scrollbarSlider.background#50548866
- scrollbarSlider.hoverBackground#50548899
- selection.background#6860A8
- settings.focusedRowBackground#1b1b2c80
- settings.headerForeground#B6BCCE
- settings.modifiedItemIndicator#8caaee
- sideBar.background#222238
- sideBar.border#1b1c2e
- sideBar.foreground#B6BCCE
- sideBarSectionHeader.background#292A42
- sideBarSectionHeader.border#1b1c2e
- sideBarSectionHeader.foreground#C1C7D8
- sideBarTitle.foreground#C1C7D8
- statusBar.background#1b1c2e
- statusBar.border#1b1c2e
- statusBar.debuggingBackground#f38ba8
- statusBar.debuggingForeground#1b1c2e
- statusBar.foreground#8c90a8
- statusBar.noFolderBackground#1b1c2e
- statusBar.noFolderForeground#8c90a8
- statusBarItem.hoverBackground#353649
- statusBarItem.prominentBackground#8caaee
- statusBarItem.prominentForeground#1b1c2e
- statusBarItem.remoteBackground#8caaee
- statusBarItem.remoteForeground#1b1c2e
- tab.activeBackground#1b1c2e
- tab.activeBorderTop#8caaee
- tab.activeForeground#B6BCCE
- tab.border#1b1c2e
- tab.hoverBackground#222238
- tab.inactiveBackground#1b1c2e
- tab.inactiveForeground#60647A
- tab.lastPinnedBorder#353649
- tab.unfocusedActiveBackground#1b1c2e
- tab.unfocusedActiveForeground#60647A
- tab.unfocusedInactiveBackground#1b1c2e
- tab.unfocusedInactiveForeground#555782
- terminal.ansiBlack#1b1c2e
- terminal.ansiBlue#8caaee
- terminal.ansiBrightBlack#60647A
- terminal.ansiBrightBlue#a0bdf2
- terminal.ansiBrightCyan#96d4ca
- terminal.ansiBrightGreen#b5dda0
- terminal.ansiBrightMagenta#d4b3f7
- terminal.ansiBrightRed#f5a0b8
- terminal.ansiBrightWhite#dce1f0
- terminal.ansiBrightYellow#faeac0
- terminal.ansiCyan#81c8be
- terminal.ansiGreen#a6d189
- terminal.ansiMagenta#c9a0f5
- terminal.ansiRed#f38ba8
- terminal.ansiWhite#B6BCCE
- terminal.ansiYellow#f9e2af
- terminal.background#1b1c2e
- terminal.border#222238
- terminal.dropBackground#8caaee20
- terminal.findMatchBackground#a6d18960
- terminal.findMatchBorder#a6d189CC
- terminal.findMatchHighlightBackground#a6d18940
- terminal.foreground#B6BCCE
- terminal.hoverHighlightBackground#8caaee20
- terminal.inactiveSelectionBackground#6860A866
- terminal.initialHintForeground#60647A
- terminal.selectionBackground#6860A8
- terminal.tab.activeBorder#8caaee
- terminalCommandDecoration.defaultBackground#60647A
- terminalCommandDecoration.errorBackground#f38ba8
- terminalCommandDecoration.successBackground#a6d189
- terminalCommandGuide.foreground#60647A40
- terminalCursor.background#1b1c2e
- terminalCursor.foreground#B6BCCE
- terminalOverviewRuler.cursorForeground#8caaeeBB
- terminalOverviewRuler.findMatchForeground#a6d18980
- terminalStickyScroll.background#222238
- terminalStickyScrollHover.background#222339
- testing.iconErrored#f38ba8
- testing.iconFailed#f38ba8
- testing.iconPassed#a6d189
- testing.iconQueued#f9e2af
- testing.iconSkipped#60647A
- testing.iconUnset#60647A
- textBlockQuote.background#222238
- textBlockQuote.border#8caaee
- textCodeBlock.background#353649
- textLink.activeForeground#a0bdf2
- textLink.foreground#8caaee
- textPreformat.foreground#F2B07A
- titleBar.activeBackground#1b1c2e
- titleBar.activeForeground#B6BCCE
- titleBar.border#1b1c2e
- titleBar.inactiveBackground#1b1c2e
- titleBar.inactiveForeground#555782
- tree.indentGuidesStroke#353649
- walkThrough.embeddedEditorBackground#1b1c2e
- welcomePage.background#1b1c2e
- widget.shadow#00000044
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #B6BCCE | — |
| comment, punctuation.definition.comment | #60647A | italic |
| comment.block.documentation, comment.block.javadoc | #545866 | italic |
| comment.block.documentation keyword, comment.block.documentation storage.type, entity.name.type.instance.jsdoc, keyword.other.documentation, storage.type.class.jsdoc | #927A68 | — |
| keyword, keyword.control, keyword.operator.delete, keyword.operator.expression, keyword.operator.instanceof, keyword.operator.new, keyword.operator.typeof, keyword.operator.void, storage, storage.modifier, storage.type | #c9a0f5 | — |
| keyword.control.conditional, keyword.control.flow, keyword.control.loop, keyword.control.trycatch | #d8b0f8 | italic |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.bitwise, keyword.operator.comparison, keyword.operator.decrement, keyword.operator.increment, keyword.operator.relational, keyword.operator.ternary, punctuation.accessor, punctuation.separator, punctuation.terminator | #9aa2c0 | — |
| keyword.operator.logical, keyword.operator.logical.python | #81c8be | — |
| string, string.interpolated, string.quoted, string.template | #a6d189 | — |
| constant.character.escape, string.template punctuation.definition.template-expression | #f2b07a | — |
| constant.numeric, constant.numeric.binary, constant.numeric.float, constant.numeric.hex, constant.numeric.integer, constant.numeric.octal | #f2b07a | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant, variable.language.self, variable.language.super, variable.language.this | #f2b07a | italic |
| entity.name.function, meta.function-call entity.name.function, meta.method-call entity.name.function, support.function | #8caaee | — |
| entity.name.function.member, meta.function-call support.function | #8caaee | — |
| entity.name.type, entity.name.type.class, entity.name.type.enum, entity.name.type.interface, entity.name.type.struct, entity.other.inherited-class, support.class, support.type | #81c8be | — |
| entity.name.type.parameter, entity.name.type.type-parameter | #99d1db | — |
| meta.parameter, variable, variable.other, variable.parameter | #B6BCCE | — |
| entity.name.tag.yaml, meta.object-literal.key, support.type.property-name, variable.other.object.property, variable.other.property | #f4b8e4 | — |
| variable.other.constant, variable.other.enummember | #f2b07a | italic |
| meta.attribute, meta.decorator, meta.decorator entity.name.function, meta.decorator punctuation.decorator, punctuation.definition.annotation, storage.type.annotation | #e5c890 | — |
| entity.name.module, entity.name.namespace, entity.name.type.module, entity.name.type.namespace | #9399b2 | — |
| meta.brace, punctuation.bracket, punctuation.definition.arguments, punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #9aa2c0 | — |
| entity.name.tag, punctuation.definition.tag | #f38ba8 | — |
| entity.name.tag.custom, entity.name.tag.other.custom, support.class.component | #81c8be | — |
| entity.other.attribute-name | #e5c890 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css | #f9e2af | — |
| support.type.property-name.css, support.type.vendored.property-name.css | #f4b8e4 | — |
| constant.other.color.rgb-value.hex.css, support.constant.color.w3c-standard-color-name.css, support.constant.font-name.css, support.constant.property-value.css | #f2b07a | — |
| entity.name.tag.css | #f38ba8 | — |
| keyword.other.unit.css | #f2b07a | — |
| variable.argument.css, variable.css | #f4b8e4 | — |
| support.type.property-name.json | #f4b8e4 | — |
| string.quoted.double.json, string.value.json | #a6d189 | — |
| markup.heading, markup.heading entity.name | #8caaee | bold |
| markup.bold | #f2b07a | bold |
| markup.italic | — | italic |
| markup.underline | — | underline |
| markup.fenced_code, markup.inline.raw, markup.raw | #a6d189 | — |
| markup.quote | #60647A | italic |
| punctuation.definition.quote.begin.markdown | #a6d189 | — |
| punctuation.definition.list.begin.markdown | #8caaee | — |
| markup.underline.link | #8caaee | — |
| markup.inserted | #a6d189 | — |
| markup.deleted | #f38ba8 | — |
| markup.changed | #8caaee | — |
| constant.other.character-class.regexp, string.regexp, string.regexp.character-class | #f38ba8 | — |
| keyword.control.anchor.regexp, keyword.operator.or.regexp, keyword.operator.quantifier.regexp, punctuation.definition.group.regexp | #f2b07a | — |
| keyword.other.class.cs, keyword.other.namespace.cs, keyword.other.using.cs, keyword.other.var.cs | #c9a0f5 | — |
| entity.name.variable.property.cs | #f4b8e4 | — |
| meta.preprocessor | #60647A | — |
| meta.preprocessor.numeric | #f2b07a | — |
| meta.preprocessor.string | #a6d189 | — |
| meta.function-call.generic.python | #8caaee | — |
| support.function.builtin.python, support.function.magic.python | #81c8be | — |
| meta.function.decorator.identifier.python, meta.function.decorator.python | #e5c890 | — |
| variable.parameter.function.language.special.self.python | #f2b07a | italic |
| entity.name.type.alias.ts, entity.name.type.interface.ts | #b4befe | — |
| variable.object.property.js, variable.object.property.jsx, variable.object.property.ts, variable.object.property.tsx | #f4b8e4 | — |
| entity.name.tag.yaml | #f4b8e4 | — |
| keyword.key.toml, support.type.property-name.table.toml | #f4b8e4 | — |
| variable.other.bracket.shell, variable.other.normal.shell, variable.other.positional.shell, variable.other.special.shell | #f4b8e4 | — |
| support.other.variable, support.variable | #B6BCCE | — |
| entity.name.label | #9aa2c0 | — |
| invalid, invalid.illegal | #f38ba8 | — |
| invalid.deprecated | #f38ba8 | strikethrough |