Guru Light
Publisher: Pankaj PrakashThemes in package: 1
VSCode theme inspired from Github VSCode theme and IntelliJ
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#f9826c
- activityBar.background#fff
- activityBar.border#f7f6f6
- activityBar.foreground#2f363d
- activityBar.inactiveForeground#959da5
- activityBarBadge.background#2188ff
- activityBarBadge.foreground#fff
- badge.background#dbedff
- badge.foreground#005cc5
- breadcrumb.activeSelectionForeground#586069
- breadcrumb.focusForeground#2f363d
- breadcrumb.foreground#6a737d
- breadcrumbPicker.background#fafbfc
- button.background#159739
- button.foreground#fff
- button.hoverBackground#138934
- button.secondaryBackground#e1e4e8
- button.secondaryForeground#1b1f23
- button.secondaryHoverBackground#d1d5da
- checkbox.background#fafbfc
- checkbox.border#d1d5da
- debugToolBar.background#fff
- descriptionForeground#6a737d
- diffEditor.insertedTextBackground#34d05822
- diffEditor.removedTextBackground#d73a4922
- dropdown.background#fafbfc
- dropdown.border#e1e4e8
- dropdown.foreground#2f363d
- dropdown.listBackground#fff
- editor.background#fff
- editor.findMatchBackground#ffdf5d
- editor.findMatchHighlightBackground#ffdf5d66
- editor.focusedStackFrameHighlightBackground#28a74525
- editor.foldBackground#d1d5da11
- editor.foreground#080808
- editor.inactiveSelectionBackground#0366d611
- editor.lineHighlightBackground#f6f8fa
- editor.linkedEditingBackground#0366d611
- editor.selectionBackground#0366d625
- editor.selectionHighlightBackground#34d05840
- editor.selectionHighlightBorder#34d05800
- editor.stackFrameHighlightBackground#ffd33d33
- editor.wordHighlightBackground#34d05800
- editor.wordHighlightBorder#24943e99
- editor.wordHighlightStrongBackground#34d05800
- editor.wordHighlightStrongBorder#24943e50
- editorBracketMatch.background#34d05840
- editorBracketMatch.border#34d05800
- editorCursor.foreground#044289
- editorGroup.border#e1e4e8
- editorGroupHeader.border#f3f3f3
- editorGroupHeader.tabsBackground#fafafa
- editorGroupHeader.tabsBorder#f3f3f3
- editorGutter.addedBackground#28a745
- editorGutter.deletedBackground#d73a49
- editorGutter.modifiedBackground#2188ff
- editorIndentGuide.activeBackground#d7dbe0
- editorIndentGuide.background#eff2f6
- editorLineNumber.activeForeground#24292e
- editorLineNumber.foreground#1b1f234d
- editorOverviewRuler.border#fff
- editorWhitespace.foreground#d1d5da
- editorWidget.background#f6f8fa
- errorForeground#cb2431
- focusBorder#2188ff
- foreground#444d56
- gitDecoration.addedResourceForeground#28a745
- gitDecoration.conflictingResourceForeground#e36209
- gitDecoration.deletedResourceForeground#d73a49
- gitDecoration.ignoredResourceForeground#959da5
- gitDecoration.modifiedResourceForeground#005cc5
- gitDecoration.submoduleResourceForeground#959da5
- gitDecoration.untrackedResourceForeground#28a745
- input.background#fafbfc
- input.border#e1e4e8
- input.foreground#2f363d
- input.placeholderForeground#959da5
- list.activeSelectionBackground#e2e5e9
- list.activeSelectionForeground#2f363d
- list.focusBackground#cce5ff
- list.hoverBackground#ebf0f4
- list.hoverForeground#2f363d
- list.inactiveFocusBackground#dbedff
- list.inactiveSelectionBackground#e8eaed
- list.inactiveSelectionForeground#2f363d
- notificationCenterHeader.background#e1e4e8
- notificationCenterHeader.foreground#6a737d
- notifications.background#fafbfc
- notifications.border#e1e4e8
- notifications.foreground#2f363d
- notificationsErrorIcon.foreground#d73a49
- notificationsInfoIcon.foreground#005cc5
- notificationsWarningIcon.foreground#e36209
- panel.background#f6f8fa
- panel.border#e1e4e8
- panelInput.border#e1e4e8
- panelTitle.activeBorder#f9826c
- panelTitle.activeForeground#2f363d
- panelTitle.inactiveForeground#6a737d
- pickerGroup.border#e1e4e8
- pickerGroup.foreground#2f363d
- progressBar.background#2188ff
- quickInput.background#fafbfc
- quickInput.foreground#2f363d
- scrollbar.shadow#6a737d33
- scrollbarSlider.activeBackground#959da588
- scrollbarSlider.background#959da533
- scrollbarSlider.hoverBackground#959da544
- settings.headerForeground#2f363d
- settings.modifiedItemIndicator#2188ff
- sideBar.background#fafafa
- sideBar.border#f7f6f6
- sideBar.foreground#586069
- sideBarSectionHeader.background#fafafa
- sideBarSectionHeader.border#fafafa
- sideBarSectionHeader.foreground#565656
- sideBarTitle.foreground#2f363d
- statusBar.background#fff
- statusBar.border#f3f3f3
- statusBar.debuggingBackground#f9826c
- statusBar.debuggingForeground#fff
- statusBar.foreground#586069
- statusBar.noFolderBackground#fff
- statusBarItem.prominentBackground#e8eaed
- tab.activeBackground#fff
- tab.activeBorder#fff
- tab.activeBorderTop#f9826c
- tab.activeForeground#2f363d
- tab.border#eaeaea
- tab.hoverBackground#fff
- tab.inactiveBackground#f6f8fa
- tab.inactiveForeground#6a737d
- tab.unfocusedActiveBorder#fff
- tab.unfocusedActiveBorderTop#e1e4e8
- tab.unfocusedHoverBackground#fff
- terminal.foreground#586069
- textBlockQuote.background#fafbfc
- textBlockQuote.border#e1e4e8
- textCodeBlock.background#f6f8fa
- textLink.activeForeground#005cc5
- textLink.foreground#0366d6
- textPreformat.foreground#586069
- textSeparator.foreground#d1d5da
- titleBar.activeBackground#fff
- titleBar.activeForeground#2f363d
- titleBar.border#f3f3f3
- titleBar.inactiveBackground#f6f8fa
- titleBar.inactiveForeground#6a737d
- tree.indentGuidesStroke#e1e4e8
- welcomePage.buttonBackground#f6f8fa
- welcomePage.buttonHoverBackground#e1e4e8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8C8C8C | — |
| comment.line.double-slash | — | italic |
| comment.block.preprocessor | #8C8C8C | |
| comment.documentation, comment.block.documentation | #8C8C8C | — |
| storage.type.class.jsdoc | #999999 | italic underline |
| variable.other.jsdoc | #3D3D3D | — |
| invalid.illegal | #660000 | — |
| keyword.operator, storage.type.function.arrow | #777777 | — |
| keyword, storage.type, storage.modifier, support.type, variable.language.this, keyword.operator.new, keyword.operator.expression, variable.language.super, constant.language.boolean, variable.language.java, support.variable | #0033B3 | — |
| variable.other.constant, variable.other.object.property.java | #871094 | italic |
| variable.other.readwrite | #080808 | — |
| variable.object.property, meta.object-literal.key | #871094 | — |
| entity.name.function, support.function | #00627A | — |
| entity.name.type, entity.other.inherited-class | #080808 | — |
| storage.modifier.import, storage.modifier.package | #080808 | — |
| variable.other.enummember | #871094 | italic |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character | #1750EB | — |
| string | #c24e00 | — |
| constant.character.escape | — | bold |
| string.regexp | #032f62 | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #032f62 | — |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #f66a0a | bold |
| string.regexp constant.other.character-class.range.regexp | #067D17 | — |
| string.regexp constant.character.escape | #22863a | bold |
| constant.other.symbol | #AB6526 | — |
| meta.decorator, storage.type.annotation | #9E880D | — |
| punctuation.definition.annotation | #9E880D | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #8C8C8C | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #1b1f23 | — |
| text.html | #1b1f23 | — |
| entity.name.tag | #0033B3 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #174AD4 | — |
| constant.character.entity, punctuation.definition.entity.html | #c24e00 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag | #0033B3 | — |
| entity.other.attribute-name | #871094 | — |
| meta.property-name, support.type.property-name | #174AD4 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| keyword.other.unit | #c24e00 | — |
| variable.scss | #c24e00 | — |
| entity.name.tag.reference | #0033B3 | — |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #005cc5 | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #005cc5 | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |