Shadow of gogle
Publisher: david-git-devThemes in package: 1
that's fork dark gogle 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#e8eaed
- activityBar.background#121212
- activityBar.border#3c4043
- activityBar.foreground#e8eaed
- activityBar.inactiveForeground#bdc1c6
- activityBarBadge.background#a142f4
- activityBarBadge.foreground#121212
- badge.background#a142f4
- badge.foreground#121212
- button.background#a142f4
- button.foreground#121212
- dropdown.background#5f6368
- dropdown.border#3c4043
- dropdown.foreground#e8eaed
- dropdown.listBackground#121212
- editor.background#121212
- editor.findMatchBackground#f9ab0055
- editor.findMatchHighlightBackground#f9ab0033
- editor.findRangeHighlightBackground#5f6368cc
- editor.foreground#e8eaed
- editor.hoverHighlightBackground#3c404366
- editor.inactiveSelectionBackground#5f636866
- editor.lineHighlightBackground#5f6368
- editor.lineHighlightBorder#202124
- editor.rangeHighlightBackground#5f636844
- editor.selectionBackground#5f636888
- editor.selectionHighlightBackground#9aa0a611
- editor.wordHighlightBackground#3c404311
- editor.wordHighlightStrongBackground#20212422
- editorBracketMatch.background#202124
- editorBracketMatch.border#3c4043
- editorGroup.border#3c4043
- editorGroupHeader.tabsBackground#121212
- editorGutter.addedBackground#34a853
- editorGutter.background#121212
- editorGutter.deletedBackground#1a73e8
- editorGutter.modifiedBackground#34a853
- editorHoverWidget.background#202124
- editorIndentGuide.background1#3c4043
- editorInlayHint.background#3c4043
- editorInlayHint.foreground#bdc1c6
- editorInlayHint.typeBackground#3c4043
- editorInlayHint.typeForeground#e8eaed
- editorLineNumber.activeForeground#e8eaed
- editorLineNumber.foreground#5f6368
- editorSuggestWidget.background#121212
- editorSuggestWidget.border#3c4043
- editorSuggestWidget.foreground#e8eaed
- editorSuggestWidget.highlightForeground#bdc1c6
- editorSuggestWidget.selectedBackground#3c4043
- editorWhitespace.foreground#202124
- editorWidget.background#5f6368
- editorWidget.border#3c4043
- input.background#5f6368
- input.border#3c4043
- input.foreground#e8eaed
- input.placeholderForeground#bdc1c6
- inputOption.activeBackground#202124
- inputOption.activeBorder#3c4043
- inputOption.activeForeground#e8eaed
- list.activeSelectionBackground#5f6368
- list.activeSelectionForeground#e8eaed
- list.focusOutline#f9ab00
- list.foreground#e8eaed
- list.hoverBackground#3c4043
- list.hoverForeground#e8eaed
- list.inactiveFocusOutline#3c4043
- list.inactiveSelectionBackground#3c4043
- list.inactiveSelectionForeground#e8eaed
- menu.background#121212
- menu.border#3c4043
- menu.foreground#e8eaed
- menu.selectionBackground#3c4043
- menu.selectionForeground#e8eaed
- merge.border#3c4043
- merge.commonContentBackground#5f636866
- merge.commonHeaderBackground#3c404366
- merge.currentContentBackground#34a85344
- merge.currentHeaderBackground#34a85344
- merge.incomingContentBackground#34a85344
- merge.incomingHeaderBackground#34a85344
- notifications.background#202124
- panel.background#121212
- panel.border#3c4043
- panelTitle.activeBorder#5f6368
- panelTitle.activeForeground#e8eaed
- panelTitle.inactiveForeground#bdc1c6
- peekView.border#3c4043
- peekViewEditor.background#121212
- peekViewEditor.matchHighlightBackground#5f6368
- peekViewResult.background#5f6368
- peekViewResult.fileForeground#e8eaed
- peekViewResult.lineForeground#bdc1c6
- peekViewResult.matchHighlightBackground#5f6368
- peekViewResult.selectionBackground#202124
- peekViewResult.selectionForeground#9aa0a6
- peekViewTitle.background#3c4043
- peekViewTitleDescription.foreground#bdc1c6
- peekViewTitleLabel.foreground#e8eaed
- settings.headerForeground#e8eaed
- settings.modifiedItemForeground#1a73e8
- settings.textInputForeground#e8eaed
- sideBar.activeBackground#5f6368
- sideBar.activeForeground#e8eaed
- sideBar.background#121212
- sideBar.border#3c4043
- sideBar.fileIcon.foreground#a142f4
- sideBar.folderIcon.foreground#34a853
- sideBar.foreground#e8eaed
- sideBar.hoverBackground#3c4043
- sideBar.hoverForeground#bdc1c6
- sideBarSectionHeader.background#5f6368
- sideBarSectionHeader.border#3c4043
- sideBarSectionHeader.foreground#e8eaed
- sideBarTitle.foreground#e8eaed
- statusBar.background#121212
- statusBar.border#3c4043
- statusBar.debuggingBackground#1a73e8
- statusBar.debuggingForeground#e8eaed
- statusBar.foreground#e8eaed
- statusBar.noFolderBackground#5f6368
- statusBar.noFolderForeground#9aa0a6
- tab.activeBackground#121212
- tab.activeForeground#e8eaed
- tab.activeModifiedBorder#f9ab00
- tab.border#3c4043
- tab.hoverBackground#3c4043
- tab.inactiveBackground#5f6368
- tab.inactiveForeground#bdc1c6
- tab.inactiveModifiedBorder#a142f4
- tab.unfocusedActiveModifiedBorder#f9ab00
- tab.unfocusedHoverBackground#3c4043
- tab.unfocusedInactiveModifiedBorder#a142f4
- terminal.ansiBlue#a142f4
- terminal.ansiCyan#34a853
- terminal.ansiGreen#34a853
- terminal.ansiMagenta#34a853
- terminal.ansiRed#1a73e8
- terminal.ansiYellow#f9ab00
- terminal.background#121212
- terminal.foreground#e8eaed
- terminalCursor.background#121212
- terminalCursor.foreground#e8eaed
- textLink.foreground#f9ab00
- titleBar.activeBackground#121212
- titleBar.activeForeground#e8eaed
- titleBar.border#3c4043
- titleBar.inactiveBackground#5f6368
- titleBar.inactiveForeground#bdc1c6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, support.type.property-name.css | #e8eaed | — |
| entity.name.type.class | #f9ab00 | — |
| entity.name.type.interface, entity.name.type | #f9ab00 | — |
| entity.name.type.struct | #f9ab00 | — |
| entity.name.type.enum | #f9ab00 | — |
| meta.object-literal.key | #e8eaed | — |
| entity.name.function.method, meta.function.method | #a142f4 | — |
| entity.name.function, support.function, meta.function-call.generic | #f9ab00 | — |
| variable, meta.variable, variable.other.object.property, variable.other.readwrite.alias | #e8eaed | — |
| variable.other.object | #a142f4 | — |
| variable.other.global, variable.language.this | #34a853 | — |
| variable.other.local | #e8eaed | — |
| variable.parameter, meta.parameter | #e8eaed | — |
| variable.other.property, meta.property | #e8eaed | — |
| string, string.other.link, markup.inline.raw.string.markdown | #34a853 | — |
| constant.character.escape, constant.other.placeholder | #e8eaed | — |
| keyword | #1a73e8 | — |
| keyword.control.import, keyword.control.from, keywaord.import | #1a73e8 | — |
| storage.modifier, keyword.modifier, storage.type | #1a73e8 | — |
| comment, punctuation.definition.comment | #9aa0a6 | — |
| comment.documentation, comment.line.documentation | #9aa0a6 | — |
| constant.numeric | #ff3e3e | — |
| constant.language.boolean, constant.language.json | #ff3e3e | — |
| keyword.operator | #1a73e8 | — |
| entity.name.function.preprocessor, meta.preprocessor | #a142f4 | — |
| meta.preprocessor | #34a853 | — |
| markup.underline.link | #a142f4 | — |
| entity.name.tag | #1a73e8 | — |
| support.class.component | #a142f4 | — |
| entity.other.attribute-name, meta.attribute | #f9ab00 | — |
| support.type | #a142f4 | — |
| variable.other.constant, variable.readonly | #a142f4 | — |
| entity.name.label, punctuation.definition.label | #34a853 | — |
| entity.name.namespace, storage.modifier.namespace, markup.bold.markdown | #f9ab00 | — |
| entity.name.module, storage.modifier.module | #1a73e8 | — |
| variable.type.parameter, variable.parameter.type | #f9ab00 | — |
| keyword.control.exception, keyword.control.trycatch | #1a73e8 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #f9ab00 | — |
| variable.function | #e8eaed | — |
| punctuation, punctuation.terminator, punctuation.definition.tag, punctuation.separator, punctuation.definition.string, punctuation.section.block | #e8eaed | — |