Gravel Pit
Publisher: Beat ScherrerThemes in package: 2
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.activeBackground#5e8d8710
- activityBar.activeBorder#5e8d8780
- activityBar.background#252526
- activityBar.foreground#c5c8c6
- activityBar.inactiveForeground#555b65
- activityBarBadge.background#5e8d87
- activityBarBadge.foreground#c5c8c6
- badge.background#44475A
- badge.foreground#c5c8c6
- breadcrumb.activeSelectionForeground#c5c8c6
- breadcrumb.background#1d1f21
- breadcrumb.focusForeground#c5c8c6
- breadcrumb.foreground#555b65
- breadcrumbPicker.background#191A21
- button.background#44475A
- button.foreground#c5c8c6
- contrastBorder#191A21
- debugToolBar.background#252526
- diffEditor.insertedTextBackground#5e8d8720
- diffEditor.removedTextBackground#cc666650
- dropdown.background#282a2e
- dropdown.border#191A21
- dropdown.foreground#c5c8c6
- editor.background#1d1f21
- editor.findMatchBackground#81a2be80
- editor.findMatchHighlightBackground#FFFFFF40
- editor.findRangeHighlightBackground#44475A75
- editor.foldBackground#252526
- editor.foreground#c5c8c6
- editor.hoverHighlightBackground#ffeac350
- editor.lineHighlightBorder#44475A
- editor.rangeHighlightBackground#a5424215
- editor.selectionBackground#44475A
- editor.selectionHighlightBackground#383838
- editor.snippetFinalTabstopHighlightBackground#1d1f21
- editor.snippetFinalTabstopHighlightBorder#5e8d87
- editor.snippetTabstopHighlightBackground#1d1f21
- editor.snippetTabstopHighlightBorder#555b65
- editor.wordHighlightBackground#ffeac350
- editor.wordHighlightStrongBackground#5e8d8750
- editorCodeLens.foreground#555b65
- editorError.foreground#cc6666
- editorGroup.border#555b65
- editorGroup.dropBackground#5e8d8787
- editorGroupHeader.tabsBackground#191A21
- editorGutter.addedBackground#5e8d8780
- editorGutter.deletedBackground#cc666680
- editorGutter.modifiedBackground#ffeac380
- editorHoverWidget.background#1d1f21
- editorHoverWidget.border#555b65
- editorIndentGuide.activeBackground#FFFFFF45
- editorIndentGuide.background#FFFFFF1A
- editorLineNumber.foreground#555b65
- editorLink.activeForeground#ffeac3
- editorMarkerNavigation.background#252526
- editorOverviewRuler.addedForeground#5e8d8780
- editorOverviewRuler.border#191A21
- editorOverviewRuler.currentContentForeground#5e8d87
- editorOverviewRuler.deletedForeground#cc666680
- editorOverviewRuler.errorForeground#cc666680
- editorOverviewRuler.incomingContentForeground#a54242
- editorOverviewRuler.infoForeground#ffeac380
- editorOverviewRuler.modifiedForeground#ffeac380
- editorOverviewRuler.selectionHighlightForeground#81a2be
- editorOverviewRuler.warningForeground#81a2be80
- editorOverviewRuler.wordHighlightForeground#ffeac3
- editorOverviewRuler.wordHighlightStrongForeground#5e8d87
- editorRuler.foreground#FFFFFF1A
- editorSuggestWidget.background#252526
- editorSuggestWidget.foreground#c5c8c6
- editorSuggestWidget.selectedBackground#44475A
- editorWarning.foreground#ffeac3
- editorWhitespace.foreground#FFFFFF1A
- editorWidget.background#252526
- errorForeground#cc6666
- extensionButton.prominentBackground#5e8d8790
- extensionButton.prominentForeground#c5c8c6
- extensionButton.prominentHoverBackground#5e8d8760
- focusBorder#555b65
- foreground#c5c8c6
- gitDecoration.conflictingResourceForeground#81a2be
- gitDecoration.deletedResourceForeground#cc6666
- gitDecoration.ignoredResourceForeground#555b65
- gitDecoration.modifiedResourceForeground#de935f
- gitDecoration.untrackedResourceForeground#555b65
- input.background#1d1f21
- input.border#191A21
- input.foreground#c5c8c6
- input.placeholderForeground#555b65
- inputOption.activeBorder#cc6666
- inputValidation.errorBorder#cc6666
- inputValidation.infoBorder#ffeac3
- inputValidation.warningBorder#81a2be
- list.activeSelectionBackground#44475A
- list.activeSelectionForeground#c5c8c6
- list.dropBackground#44475A
- list.errorForeground#cc6666
- list.focusBackground#44475A75
- list.highlightForeground#ffeac3
- list.hoverBackground#44475A75
- list.inactiveSelectionBackground#44475A75
- list.warningForeground#81a2be
- listFilterWidget.background#282a2e
- listFilterWidget.noMatchesOutline#cc6666
- listFilterWidget.outline#383838
- merge.currentHeaderBackground#5e8d8790
- merge.incomingHeaderBackground#a5424290
- notification.background#1d1f21
- notification.buttonBackground#44475A
- notification.buttonForeground#c5c8c6
- notification.buttonHoverBackground#44475A75
- notification.errorBackground#cc6666
- notification.errorForeground#c5c8c6
- notification.foreground#c5c8c6
- notification.infoBackground#ffeac3
- notification.infoForeground#1d1f21
- notification.warningBackground#81a2be
- notification.warningForeground#1d1f21
- panel.background#1d1f21
- panel.border#5e8d87
- panelTitle.activeBorder#ffeac3
- panelTitle.activeForeground#c5c8c6
- panelTitle.inactiveForeground#555b65
- peekView.border#44475A
- peekViewEditor.background#1d1f21
- peekViewEditor.matchHighlightBackground#8abeb780
- peekViewResult.background#252526
- peekViewResult.fileForeground#c5c8c6
- peekViewResult.lineForeground#c5c8c6
- peekViewResult.matchHighlightBackground#8abeb780
- peekViewResult.selectionBackground#44475A
- peekViewResult.selectionForeground#c5c8c6
- peekViewTitle.background#191A21
- peekViewTitleDescription.foreground#555b65
- peekViewTitleLabel.foreground#c5c8c6
- pickerGroup.border#a54242
- pickerGroup.foreground#ffeac3
- progressBar.background#ffeac3
- selection.background#5e8d87
- settings.checkboxBackground#252526
- settings.checkboxBorder#191A21
- settings.checkboxForeground#c5c8c6
- settings.dropdownBackground#252526
- settings.dropdownBorder#191A21
- settings.dropdownForeground#c5c8c6
- settings.headerForeground#c5c8c6
- settings.modifiedItemForeground#81a2be
- settings.modifiedItemIndicator#81a2be
- settings.numberInputBackground#252526
- settings.numberInputBorder#191A21
- settings.numberInputForeground#c5c8c6
- settings.textInputBackground#252526
- settings.textInputBorder#191A21
- settings.textInputForeground#c5c8c6
- sideBar.background#252526
- sideBarSectionHeader.background#383838
- sideBarSectionHeader.border#191A21
- sideBarTitle.foreground#c5c8c6
- statusBar.background#1d1f21
- statusBar.debuggingBackground#85678f
- statusBar.debuggingForeground#191A21
- statusBar.foreground#c5c8c6
- statusBar.noFolderBackground#191A21
- statusBar.noFolderForeground#c5c8c6
- statusBarItem.prominentBackground#ffeac3
- statusBarItem.prominentHoverBackground#81a2be
- statusBarItem.remoteBackground#5e8d87
- statusBarItem.remoteForeground#252526
- tab.activeBackground#1d1f21
- tab.activeBorderTop#ffeac380
- tab.activeForeground#c5c8c6
- tab.border#191A21
- tab.inactiveBackground#252526
- tab.inactiveForeground#555b65
- terminal.ansiBlack#282a2e
- terminal.ansiBlue#5f819d
- terminal.ansiBrightBlack#555b65
- terminal.ansiBrightBlue#81a2be
- terminal.ansiBrightCyan#8abeb7
- terminal.ansiBrightGreen#b5bd68
- terminal.ansiBrightMagenta#b294bb
- terminal.ansiBrightRed#cc6666
- terminal.ansiBrightWhite#c5c8c6
- terminal.ansiBrightYellow#ffeac3
- terminal.ansiCyan#5e8d87
- terminal.ansiGreen#8c9440
- terminal.ansiMagenta#85678f
- terminal.ansiRed#a54242
- terminal.ansiWhite#707880
- terminal.ansiYellow#5f819d
- terminal.background#1d1f21
- terminal.foreground#c5c8c6
- titleBar.activeBackground#252526
- titleBar.activeForeground#c5c8c6
- titleBar.inactiveBackground#191A21
- titleBar.inactiveForeground#555b65
- walkThrough.embeddedEditorBackground#252526
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text, source | #c5c8c6 | — |
| storage, keyword.declaration | #ffeac3 | — |
| punctuation | #ffeac3 | — |
| string | #5e8d87 | — |
| variable | #ffeac3 | — |
| constant.language | #cc6666 | — |
| comment, punctuation.definition.comment | #555b65 | — |
| storage.type.class.doxygen | #707880 | — |
| support.function, entity.name.function | #81a2be | — |
| entity.name.tag, support.type.property-name | #cc6666 | — |
| entity.other.attribute-name | #de935f | — |
| entity.name.type, storage.type.built-in, support.class | #8c9440 | — |
| keyword.operator | #ffeac3 | — |
| keyword, variable.language.this, keyword.other.decltype.cpp | #cc6666 | — |
| entity.name.function.member, variable.other.property | #b5bd68 | — |
| variable.parameter | #de935f | — |
| markup.heading | #ffeac3 | — |
| markup.fenced_code, markup.inline | #b294bb | — |
| markup.list, punctuation.list | #b5bd68 | — |
| markup.bold, punctuation.definition.bold | #cc6666 | — |
| markup.italic, punctuation.definition.italic | #de935f | — |
| meta.link, string.other.link | #81a2be | — |
| meta.math.block | #b294bb | — |
| meta.preprocessor, punctuation.definition.directive | #cc6666 | — |
| storage.type.template | #b294bb | — |
| keyword.cmake | #cc6666 | — |
| entity.name.type.anchor, variable.other.alias | #c5c8c6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...