Pirulug Theme
Publisher: PirulugThemes in package: 2
A clean, minimal and well-balanced VS Code theme with Dark and Light variants, focused on readability and productivity.
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.background#f6f7f9
- activityBar.border#d0d4da
- activityBar.dropBackground#eef0f3
- activityBar.foreground#1f2328
- activityBar.inactiveForeground#4b5563
- activityBarBadge.background#ff0055
- activityBarBadge.foreground#1f2328
- badge.background#d0d4da
- badge.foreground#1f2328
- breadcrumb.activeSelectionForeground#ff0055
- breadcrumb.background#f6f7f9
- breadcrumb.focusForeground#ff0055
- breadcrumb.foreground#1f2328
- breadcrumbPicker.background#eef0f3
- button.background#ff0055
- button.foreground#f6f7f9
- debugExceptionWidget.background#eef0f3
- debugExceptionWidget.border#d0d4da
- descriptionForeground#4b5563
- diffEditor.insertedTextBackground#3D4F3B
- diffEditor.insertedTextBorder#0000004D
- diffEditor.removedTextBackground#5E2629
- diffEditor.removedTextBorder#0000004D
- dropdown.background#eef0f3
- dropdown.border#d0d4da
- dropdown.foreground#1f2328
- dropdown.listBackground#eef0f3
- editor.background#f6f7f9
- editor.findMatchBackground#ff00553D
- editor.findMatchHighlightBackground#ff00551F
- editor.foreground#1f2328
- editor.hoverHighlightBackground#d0d4da4D
- editor.inactiveSelectionBackground#ff00551F
- editor.lineHighlightBackground#d0d4da2D
- editor.rangeHighlightBackground#d0d4da
- editor.selectionBackground#ff00552d
- editor.wordHighlightBackground#00000000
- editor.wordHighlightStrongBackground#00000000
- editorBracketMatch.background#00000000
- editorBracketMatch.border#ff00554D
- editorCodeLens.foreground#4b5563
- editorCursor.foreground#ff0055
- editorError.border#f6f7f9
- editorError.foreground#d92d20
- editorGroup.border#d0d4da
- editorGroup.dropBackground#d0d4da
- editorGroup.emptyBackground#f6f7f9
- editorGroup.focusedEmptyBorder#ff0055
- editorGroupHeader.noTabsBackground#d0d4da
- editorGroupHeader.tabsBackground#eef0f3
- editorGroupHeader.tabsBorder#d0d4da
- editorGutter.addedBackground#166534
- editorGutter.background#f6f7f9
- editorGutter.deletedBackground#d92d20
- editorGutter.modifiedBackground#1d4ed8
- editorHoverWidget.background#eef0f3
- editorHoverWidget.border#d0d4da
- editorIndentGuide.activeBackground#4b5563
- editorIndentGuide.background#4b55631F
- editorLineNumber.activeForeground#1f2328
- editorLineNumber.foreground#4b5563
- editorLink.activeForeground#1d4ed8
- editorMarkerNavigation.background#eef0f3
- editorMarkerNavigationError.background#d92d20
- editorMarkerNavigationWarning.background#8a6a00
- editorOverviewRuler.addedForeground#166534
- editorOverviewRuler.border#d0d4da
- editorOverviewRuler.currentContentForeground#A94348
- editorOverviewRuler.deletedForeground#d92d20
- editorOverviewRuler.errorForeground#d92d20
- editorOverviewRuler.findMatchForeground#ff00550F
- editorOverviewRuler.incomingContentForeground#A94348
- editorOverviewRuler.infoForeground#1d4ed8
- editorOverviewRuler.modifiedForeground#1d4ed8
- editorOverviewRuler.rangeHighlightForeground#ff00550F
- editorOverviewRuler.selectionHighlightForeground#ff00550F
- editorOverviewRuler.warningForeground#8a6a00
- editorOverviewRuler.wordHighlightForeground#ff00550F
- editorOverviewRuler.wordHighlightStrongForeground#ff00550F
- editorRuler.foreground#4b55631F
- editorSuggestWidget.background#eef0f3
- editorSuggestWidget.border#d0d4da
- editorSuggestWidget.foreground#1f2328
- editorSuggestWidget.selectedBackground#d0d4da
- editorWarning.border#f6f7f9
- editorWarning.foreground#8a6a00
- editorWhitespace.foreground#4b5563
- editorWidget.background#eef0f3
- editorWidget.border#d0d4da
- errorForeground#d92d20
- extensionButton.prominentBackground#ff0055
- extensionButton.prominentForeground#1f2328
- extensionButton.prominentHoverBackground#ff0055
- focusBorder#ff0055
- foreground#1f2328
- gitDecoration.conflictingResourceForeground#d92d20
- gitDecoration.deletedResourceForeground#d92d20
- gitDecoration.ignoredResourceForeground#4b5563
- gitDecoration.modifiedResourceForeground#1d4ed8
- gitDecoration.untrackedResourceForeground#166534
- input.background#f6f7f9
- input.border#d0d4da
- input.foreground#1f2328
- input.placeholderForeground#4b5563
- inputOption.activeBorder#4b5563
- inputValidation.errorBackground#d92d20
- inputValidation.errorBorder#d92d20
- inputValidation.errorForeground#1f2328
- inputValidation.infoBackground#1d4ed8
- inputValidation.infoBorder#1d4ed8
- inputValidation.infoForeground#1f2328
- inputValidation.warningBackground#8a6a00
- inputValidation.warningBorder#8a6a00
- inputValidation.warningForeground#f6f7f9
- list.activeSelectionBackground#d0d4da
- list.activeSelectionForeground#1f2328
- list.dropBackground#d0d4da
- list.errorForeground#d92d20
- list.focusBackground#d0d4da
- list.focusForeground#1f2328
- list.highlightForeground#1f2328
- list.hoverBackground#d0d4da
- list.hoverForeground#1f2328
- list.inactiveFocusBackground#d0d4da
- list.inactiveSelectionBackground#d0d4da
- list.inactiveSelectionForeground#1f2328
- list.invalidItemForeground#d92d20
- list.warningForeground#8a6a00
- listFilterWidget.background#f6f7f9
- listFilterWidget.noMatchesOutline#d92d20
- listFilterWidget.outline#d0d4da
- merge.border#30373A
- merge.currentContentBackground#eef0f3
- merge.currentHeaderBackground#eef0f3
- merge.incomingContentBackground#eef0f3
- merge.incomingHeaderBackground#eef0f3
- notificationCenter.border#d0d4da
- notificationCenterHeader.background#eef0f3
- notificationCenterHeader.foreground#1f2328
- notificationLink.foreground#ff0055
- notifications.background#eef0f3
- notifications.border#d0d4da
- notifications.foreground#1f2328
- notificationToast.border#d0d4da
- panel.background#f6f7f9
- panel.border#d0d4da
- panelTitle.activeBorder#ff0055
- panelTitle.activeForeground#1f2328
- panelTitle.inactiveForeground#4b5563
- peekView.border#30373A
- peekViewEditor.background#eef0f3
- peekViewEditor.matchHighlightBackground#0000001F
- peekViewEditorGutter.background#eef0f3
- peekViewResult.background#eef0f3
- peekViewResult.fileForeground#1f2328
- peekViewResult.lineForeground#1f2328
- peekViewResult.matchHighlightBackground#0000001F
- peekViewResult.selectionBackground#30373A
- peekViewResult.selectionForeground#1f2328
- peekViewTitle.background#eef0f3
- peekViewTitleDescription.foreground#4b5563
- peekViewTitleLabel.foreground#1f2328
- pickerGroup.border#30373A
- pickerGroup.foreground#4b5563
- progressBar.background#8a6a00
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#d0d4da
- scrollbarSlider.background#0000000F
- scrollbarSlider.hoverBackground#0000001F
- selection.background#ff005533
- settings.checkboxBackground#eef0f3
- settings.checkboxBorder#30373A
- settings.checkboxForeground#1f2328
- settings.dropdownBackground#eef0f3
- settings.dropdownBorder#30373A
- settings.dropdownForeground#1f2328
- settings.headerForeground#1f2328
- settings.modifiedItemIndicator#1d4ed8
- settings.numberInputBackground#eef0f3
- settings.numberInputBorder#30373A
- settings.numberInputForeground#1f2328
- settings.textInputBackground#eef0f3
- settings.textInputBorder#30373A
- settings.textInputForeground#1f2328
- sideBar.background#eef0f3
- sideBar.border#d0d4da
- sideBar.dropBackground#d0d4da
- sideBar.foreground#1f2328
- sideBarSectionHeader.background#f6f7f9
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#1f2328
- sideBarTitle.foreground#1f2328
- statusBar.background#f6f7f9
- statusBar.border#30373A
- statusBar.debuggingBackground#f6f7f9
- statusBar.debuggingForeground#1f2328
- statusBar.foreground#4b5563
- statusBar.noFolderBackground#f6f7f9
- statusBar.noFolderForeground#4b5563
- statusBarItem.activeBackground#f6f7f9
- statusBarItem.hoverBackground#f6f7f9
- statusBarItem.prominentBackground#f6f7f9
- statusBarItem.prominentHoverBackground#f6f7f9
- tab.activeBackground#f6f7f9
- tab.activeForeground#1f2328
- tab.activeModifiedBorder#ff0055
- tab.border#d0d4da
- tab.hoverBackground#d0d4da
- tab.inactiveBackground#eef0f3
- tab.inactiveForeground#4b5563
- tab.inactiveModifiedBorder#ff0055
- tab.unfocusedActiveForeground#1f2328
- tab.unfocusedActiveModifiedBorder#ff0055
- tab.unfocusedHoverBackground#f6f7f9
- tab.unfocusedInactiveForeground#4b5563
- tab.unfocusedInactiveModifiedBorder#ff0055
- terminal.ansiBlack#4b5563
- terminal.ansiBlue#1d4ed8
- terminal.ansiBrightBlack#4b5563
- terminal.ansiBrightBlue#1d4ed8
- terminal.ansiBrightCyan#0891b2
- terminal.ansiBrightGreen#166534
- terminal.ansiBrightMagenta#ff0055
- terminal.ansiBrightRed#d92d20
- terminal.ansiBrightWhite#1f2328
- terminal.ansiBrightYellow#8a6a00
- terminal.ansiCyan#0891b2
- terminal.ansiGreen#166534
- terminal.ansiMagenta#ff0055
- terminal.ansiRed#d92d20
- terminal.ansiWhite#1f2328
- terminal.ansiYellow#8a6a00
- terminal.border#30373A
- textBlockQuote.background#eef0f3
- textBlockQuote.border#d0d4da
- textCodeBlock.background#d0d4da
- textLink.activeForeground#ff0055
- textLink.foreground#1d4ed8
- textPreformat.foreground#0891b2
- textSeparator.foreground#4b5563
- titleBar.activeBackground#f6f7f9
- titleBar.activeForeground#4b5563
- titleBar.border#30373A
- titleBar.inactiveBackground#f6f7f9
- titleBar.inactiveForeground#4b5563
- tree.indentGuidesStroke#d0d4da
- walkThrough.embeddedEditorBackground#eef0f3
- welcomePage.buttonBackground#eef0f3
- welcomePage.buttonHoverBackground#30373A
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #1f2328 | — |
| meta.embedded, source.groovy.embedded | #1f2328 | — |
| comment | #6b7280 | italic |
| string | #166534 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #ff0055 | — |
| meta.template.expression | #1f2328 | — |
| constant.numeric | #5b2b82 | — |
| constant.language | #5b2b82 | — |
| constant.character, constant.other | #5b2b82 | — |
| variable | #1f2328 | |
| keyword | #ff0055 | italic |
| storage | #ff0055 | |
| storage.type | #0891b2 | italic |
| entity.name.type, entity.name.class | #1d4ed8 | underline |
| entity.other.inherited-class | #1d4ed8 | italic underline |
| entity.name.function | #166534 | |
| variable.parameter | #c2410c | italic |
| entity.name.tag | #ff0055 | |
| entity.other.attribute-name | #0891b2 | |
| support.function | #1d4ed8 | |
| support.constant | #1d4ed8 | |
| support.type, support.class | #1d4ed8 | italic |
| support.other.variable | — | |
| invalid | #ffffff | |
| invalid.deprecated | #ffffff | — |
| meta.structure.dictionary.json string.quoted.double.json | #166534 | — |
| meta.diff, meta.diff.header | #6b7280 | — |
| markup.deleted | #d92d20 | — |
| markup.inserted | #166534 | — |
| markup.changed | #8a6a00 | — |
| constant.numeric.line-number.find-in-files - match | #5b2b82 | — |
| entity.name.filename.find-in-files | #1d4ed8 | — |
| markup.quote | #ff0055 | — |
| markup.list | #8a6a00 | — |
| markup.bold, markup.italic | #0891b2 | — |
| markup.inline.raw | #c2410c | |
| markup.heading | #1d4ed8 | — |
| markup.heading.setext | #1d4ed8 | |
| token.info-token | #1d4ed8 | — |
| token.warn-token | #c2410c | — |
| token.error-token | #d92d20 | — |
| token.debug-token | #c2410c | — |
| variable.language | #ff0055 | — |
| entity.name.type.class.php, entity.other.inherited-class.php | #1d4ed8 | italic bold |
| entity.name.function.php, support.function.construct.php, support.function.magic.php | #1d4ed8 | italic bold |
| storage.modifier.extends.php, storage.modifier.php | #ff0055 | italic bold |
| variable.other.php, variable.other.property.php, variable.other.readwrite.php | #0891b2 | — |
| keyword.control.php | #ff0055 | italic |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.separator.key-value.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #4b5563 | — |
| entity.name.tag.html | #1d4ed8 | bold |
| entity.other.attribute-name.html | #0891b2 | italic |
| string.quoted.double.html | #166534 | — |
| comment.block.html | #6b7280 | italic |
| entity.name.tag.css, entity.name.tag.scss, entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss | #1d4ed8 | bold |
| support.type.property-name.css, support.type.property-name.scss | #0891b2 | italic |
| support.constant.property-value.css, support.constant.property-value.scss | #c2410c | — |
| variable.scss, variable.parameter.scss, variable.other.scss, punctuation.definition.variable.scss | #5b2b82 | — |
| keyword.control.at-rule | #ff0055 | italic |
| storage.type.js, storage.type.ts, keyword.control.js, keyword.control.ts, keyword.operator.new.js, keyword.operator.new.ts | #ff0055 | italic |
| entity.name.function.js, entity.name.function.ts, support.function.dom.js, support.function.dom.ts | #1d4ed8 | — |
| variable.language.this | #c2410c | bold |
| entity.name.tag.pug, storage.type.pug | #ff0055 | bold |
| entity.other.attribute-name.tag.pug | #0891b2 | italic |
| comment.line.pug, comment.block.pug | #6b7280 | italic |
| string.interpolated.pug | #ff0055 | — |