pinbs theme
Publisher: pinbsThemes in package: 1
Color 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.activeBorder#d2be96
- activityBar.background#272822
- activityBar.dropBorder#d2be96
- activityBar.foreground#d2be96
- activityBar.inactiveForeground#75715e
- activityBarBadge.background#d2be96
- activityBarBadge.foreground#171814
- badge.background#d2be96
- badge.foreground#272822
- breadcrumb.focusForeground#f8f8f2
- breadcrumb.foreground#d2be96
- breadcrumbPicker.background#171814
- button.background#d2be96
- button.foreground#272822
- button.hoverBackground#9f68ff
- checkbox.background#272822
- checkbox.border#75715e
- checkbox.foreground#d2be96
- debugConsole.errorForeground#ff5d5d
- debugConsole.infoForeground#d2be96
- debugConsole.sourceForeground#9f68ff
- debugConsole.warningForeground#ffae4c
- debugExceptionWidget.background#272822
- debugExceptionWidget.border#ff5d5d
- debugIcon.breakpointCurrentStackframeForeground#ffae4c
- debugIcon.breakpointDisabledForeground#5dff5d
- debugIcon.breakpointForeground#ff5d5d
- debugIcon.breakpointStackframeForeground#ff0000
- debugIcon.continueForeground#68bdff
- debugIcon.disconnectForeground#9f68ff
- debugIcon.pauseForeground#ffae4c
- debugIcon.restartForeground#5dff5d
- debugIcon.startForeground#5dff5d
- debugIcon.stepBackForeground#9f68ff
- debugIcon.stepIntoForeground#9f68ff
- debugIcon.stepOutForeground#9f68ff
- debugIcon.stepOverForeground#9f68ff
- debugIcon.stopForeground#ff5d5d
- debugTokenExpression.boolean#ff5db9
- debugTokenExpression.error#ff5d5d
- debugTokenExpression.name#d2be96
- debugTokenExpression.number#5dffff
- debugTokenExpression.string#68bdff
- debugToolBar.background#171814
- debugToolBar.border#3e3d32
- debugView.stateLabelBackground#d2be96
- debugView.stateLabelForeground#171814
- debugView.valueChangedHighlight#5dff5d33
- diffEditor.border#171814
- diffEditor.diagonalFill#3e3d32
- diffEditor.insertedTextBackground#5dff5d1f
- diffEditor.removedTextBackground#ff5d5d1f
- dropdown.background#272822
- dropdown.foreground#d2be96
- dropdown.listBackground#272822
- editor.background#272822
- editor.findMatchBackground#68bdff66
- editor.findMatchHighlightBackground#f8f8f233
- editor.findRangeHighlightBackground#17181488
- editor.foldBackground#171814
- editor.foreground#d2be96
- editor.hoverHighlightBackground#3e3d32
- editor.inactiveSelectionBackground#3e3d32
- editor.lineHighlightBackground#3e3d32
- editor.selectionBackground#3e3d32
- editor.selectionForeground#f8f8f2
- editor.selectionHighlightBackground#3e3d32
- editorBracketMatch.background#f8f8f244
- editorBracketMatch.border#27282200
- editorCursor.foreground#f8f8f2
- editorError.foreground#ff5d5d
- editorGroup.border#171814
- editorGroup.dropBackground#17181488
- editorGroupHeader.border#171814
- editorGroupHeader.noTabsBackground#272822
- editorGroupHeader.tabsBackground#272822
- editorGutter.addedBackground#5dff5d
- editorGutter.deletedBackground#ff5db9
- editorGutter.foldingControlForeground#9f68ff
- editorGutter.modifiedBackground#68bdff
- editorHoverWidget.background#272822
- editorHoverWidget.border#d2be96
- editorHoverWidget.foreground#d2be96
- editorHoverWidget.statusBarBackground#171814
- editorIndentGuide.activeBackground#3e3d32
- editorIndentGuide.background#3e3d32
- editorInfo.foreground#9f68ff
- editorLightBulb.foreground#ffd75d
- editorLineNumber.activeForeground#d2be96
- editorLineNumber.foreground#75715e
- editorMarkerNavigation.background#272822
- editorMarkerNavigationError.background#ff5d5d
- editorMarkerNavigationInfo.background#9f68ff
- editorMarkerNavigationWarning.background#ffae4c
- editorOverviewRuler.addedForeground#5dff5dff
- editorOverviewRuler.background#272822
- editorOverviewRuler.border#27282200
- editorOverviewRuler.bracketMatchForeground#d2be96
- editorOverviewRuler.deletedForeground#ff5db9ff
- editorOverviewRuler.errorForeground#ff5d5dff
- editorOverviewRuler.findMatchForeground#f8f8f288
- editorOverviewRuler.infoForeground#9f68ff
- editorOverviewRuler.modifiedForeground#68bdffff
- editorOverviewRuler.warningForeground#ffae4cff
- editorSuggestWidget.background#171814
- editorSuggestWidget.border#d2be96
- editorSuggestWidget.foreground#d2be96
- editorSuggestWidget.highlightForeground#9f68ff
- editorSuggestWidget.selectedBackground#272822
- editorWarning.foreground#ffae4c
- editorWhitespace.foreground#171814
- editorWidget.background#171814
- editorWidget.border#9f68ff
- editorWidget.foreground#d2be96
- editorWidget.resizeBorder#9f68ff
- extensionBadge.remoteBackground#5dff5d
- extensionBadge.remoteForeground#272822
- extensionButton.prominentHoverBackground#9f68ff
- focusBorder#3e3d3200
- foreground#d2be96
- gitDecoration.addedResourceForeground#5dff5d
- gitDecoration.deletedResourceForeground#ff5db9
- gitDecoration.modifiedResourceForeground#68bdff
- icon.foreground#9f68ff
- imagePreview.border#171814
- input.background#27282200
- input.border#75715e
- input.placeholderForeground#75715e
- inputOption.activeBackground#27282200
- inputOption.activeBorder#27282200
- inputOption.activeForeground#9f68ff
- inputValidation.errorBackground#ff5d5d
- inputValidation.errorBorder#272822
- inputValidation.errorForeground#272822
- inputValidation.infoBackground#9f68ff
- inputValidation.infoBorder#272822
- inputValidation.infoForeground#272822
- inputValidation.warningBackground#ffd75d
- inputValidation.warningBorder#272822
- inputValidation.warningForeground#272822
- list.activeSelectionBackground#3e3d32
- list.activeSelectionForeground#f8f8f2
- list.dropBackground#3e3d32
- list.errorForeground#ff5d5d
- list.focusBackground#3e3d3288
- list.hoverBackground#3e3d3233
- list.inactiveSelectionBackground#272822
- list.invalidItemForeground#ff0000
- list.warningForeground#ffae4c
- menu.background#272822
- menu.border#3e3d32
- menu.foreground#d2be96
- menu.selectionBackground#3e3d32
- menu.separatorBackground#3e3d32
- menubar.selectionBackground#3e3d32
- minimap.background#272822
- minimap.errorHighlight#ff5d5d
- minimap.findMatchHighlight#f8f8f266
- minimap.selectionHighlight#3e3d32
- minimap.warningHighlight#ffae4c
- minimapGutter.addedBackground#5dff5d
- minimapGutter.deletedBackground#ff5db9
- minimapGutter.modifiedBackground#68bdff
- minimapSlider.activeBackground#ffffff20
- minimapSlider.background#ffffff10
- minimapSlider.hoverBackground#ffffff15
- notebook.focusedRowBorder#171814
- notebook.rowHoverBackground#3e3d32
- notificationCenter.border#d2be96
- notificationCenterHeader.background#171814
- notificationsErrorIcon.foreground#ff5d5d
- notificationsInfoIcon.foreground#9f68ff
- notificationsWarningIcon.foreground#ffae4c
- panel.background#272822
- panel.border#3e3d32
- panel.dropBorder#d2be96
- panelSection.border#3e3d32
- panelSection.dropBackground#171814
- panelSectionHeader.background#272822
- panelTitle.activeBorder#d2be96
- panelTitle.activeForeground#d2be96
- panelTitle.inactiveForeground#75715e
- peekView.border#d2be96
- peekViewTitle.background#171814
- peekViewTitleDescription.foreground#d2be96
- peekViewTitleLabel.foreground#f8f8f2
- pickerGroup.border#3e3d32
- pickerGroup.foreground#75715e
- progressBar.background#9f68ff
- quickInput.background#171814
- sash.hoverBorder#d2be96
- scrollbar.shadow#00000088
- scrollbarSlider.activeBackground#75715e88
- scrollbarSlider.background#3e3d3288
- scrollbarSlider.hoverBackground#75715e88
- selection.background#3e3d32
- settings.checkboxForeground#ff5db9
- settings.dropdownBorder#75715e
- settings.focusedRowBackground#3e3d32
- settings.headerForeground#d2be96
- settings.modifiedItemIndicator#68bdff
- settings.numberInputBorder#75715e
- settings.numberInputForeground#5dffff
- settings.textInputBorder#75715e
- settings.textInputForeground#68bdff
- sideBar.background#272822
- sideBar.border#3e3d32
- sideBar.dropBackground#17181488
- sideBar.foreground#d2be96
- sideBarSectionHeader.foreground#cfbfad
- sideBarTitle.foreground#d2be96
- statusBar.background#272822
- statusBar.border#3e3d32
- statusBar.debuggingBackground#171814
- statusBar.debuggingBorder#ff5d5d
- statusBar.foreground#d2be96
- statusBarItem.activeBackground#3e3d32
- statusBarItem.errorBackground#ff5d5d
- statusBarItem.errorForeground#272822
- statusBarItem.hoverBackground#3e3d32
- statusBarItem.remoteBackground#5dff5d
- statusBarItem.remoteForeground#272822
- symbolIcon.booleanForeground#ff5db9
- symbolIcon.classForeground#9f68ff
- symbolIcon.functionForeground#5dff5d
- symbolIcon.keywordForeground#ff5db9
- symbolIcon.methodForeground#5dff5d
- symbolIcon.nullForeground#5dffff
- symbolIcon.numberForeground#5dffff
- symbolIcon.stringForeground#68bdff
- tab.activeBackground#272822
- tab.activeBorder#d2be96
- tab.activeForeground#d2be96
- tab.border#17181400
- tab.hoverForeground#d2be96
- tab.inactiveBackground#272822
- tab.inactiveForeground#75715e
- tab.lastPinnedBorder#75715e
- tab.unfocusedActiveBorder#75715e
- tab.unfocusedActiveForeground#75715e
- tab.unfocusedHoverForeground#d2be96
- tab.unfocusedInactiveForeground#75715e
- terminal.selectionBackground#3e3d32
- terminalCursor.foreground#d2be96
- testing.iconErrored#ff5d5d
- testing.iconFailed#ff0000
- testing.iconPassed#5dff5d
- titleBar.activeBackground#272822
- titleBar.activeForeground#d2be96
- titleBar.border#3e3d32
- titleBar.inactiveBackground#272822
- titleBar.inactiveForeground#75715e
- tree.indentGuidesStroke#75715e
- widget.shadow#00000070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #75715e | — |
| string | #68bdff | — |
| constant.numeric | #5dffff | — |
| constant.language | #5dffff | — |
| constant.character, constant.other | #5dffff | — |
| variable | #d2be96 | |
| keyword | #ff5db9 | — |
| storage | #ff5db9 | |
| storage.type | #9f68ff | |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #9f68ff | |
| entity.other.inherited-class | #9f68ff | |
| entity.name.function | #5dff5d | |
| variable.parameter | #d2be96 | |
| entity.name.tag | #ff5db9 | |
| entity.other.attribute-name | #5dff5d | |
| support.function | #5dff5d | |
| support.constant | #9f68ff | |
| support.type, support.class | #9f68ff | |
| support.other.variable | — | |
| invalid | #ff5d5d | |
| invalid.deprecated | #C866ff | — |
| meta.diff, meta.diff.header | #75715e | — |
| markup.deleted | #5dff5d | — |
| markup.inserted | #ff5db9 | — |
| markup.changed | #68bdff | — |
| markup.quote | #ff5db9 | — |
| markup.list | #68bdff | — |
| markup.bold, markup.italic | #5dffff | — |
| markup.inline.raw | #ffd75d | |
| markup.heading | #5dff5d | — |
| markup.heading.setext | #5dff5d | bold |
| markup.heading.markdown | — | bold |
| markup.quote.markdown | #75715E | |
| markup.bold.markdown | — | bold |
| string.other.link.title.markdown,string.other.link.description.markdown | #9f68ff | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #ffd75d | — |
| markup.italic.markdown | — | italic |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #f8f8f2 | — |
| punctuation.definition.list.begin.markdown | #5dff5d | — |
| token.info-token | #68bdff | — |
| token.warn-token | #ffae4c | — |
| token.error-token | #ff5d5d | — |
| token.debug-token | #9f68ff | — |
| variable.language | #ffae4c | — |
| meta.attribute | #ffd75d | — |