Graphite Theme
Publisher: Kshitij Deota (KD)Themes in package: 1
Theme by kdpixels
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#F6F6F6
- activityBar.border#C2C2C2
- activityBar.dropBackground#373637
- activityBar.foreground#373637
- activityBarBadge.background#F52A18
- activityBarBadge.foreground#fff
- badge.background#1951E4
- badge.foreground#FFFFFF
- button.background#00000060
- button.foreground#FFFFFF
- button.hoverBackground#CECECE
- contrastActiveBorder#00000000
- contrastBorder#00000000
- debugExceptionWidget.background#fff
- debugExceptionWidget.border#fff
- debugToolBar.background#fff
- descriptionForeground#565656
- diffEditor.insertedTextBackground#3ad90011
- diffEditor.insertedTextBorder#3ad90011
- diffEditor.removedTextBackground#ee3a4311
- diffEditor.removedTextBorder#ee3a4311
- dropdown.background#FFFFFF
- dropdown.border#CECECE
- dropdown.foreground#333333
- editor.background#FFF
- editor.findMatchBackground#C2D9F5
- editor.findMatchHighlightBackground#C2D9F5
- editor.findRangeHighlightBackground#D5D5D5
- editor.foreground#000
- editor.hoverHighlightBackground#00000010
- editor.inactiveSelectionBackground#D5D5D5
- editor.lineHighlightBackground#C2D9F550
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#D5D5D5
- editor.selectionBackground#C2D9F570
- editor.selectionHighlightBackground#FFBFB050
- editor.wordHighlightBackground#FFBFB050
- editor.wordHighlightStrongBackground#00b06170
- editorBracketMatch.background#FFBFB0
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#565656
- editorCursor.background#FFFFFF
- editorCursor.foreground#333333
- editorError.border#E42F2F
- editorError.foreground#E42F2F
- editorGutter.modifiedBackground#FF6E0080
- editorIndentGuide.activeBackground#FF6E0080
- editorIndentGuide.background#00000010
- editorLineNumber.activeForeground#222222
- editorLineNumber.foreground#22222280
- editorRuler.foreground#ECECEC
- editorUnnecessaryCode.opacity#00000030
- editorWhitespace.foreground#00000010
- gitDecoration.conflictingResourceForeground#FF7200
- gitDecoration.deletedResourceForeground#C90418
- gitDecoration.ignoredResourceForeground#C90418
- gitDecoration.modifiedResourceForeground#FF6E00
- gitDecoration.untrackedResourceForeground#00B061
- list.activeSelectionBackground#1951E4
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#333333
- list.focusBackground#7C95E7
- list.focusForeground#FFFFFF
- list.highlightForeground#333333
- list.hoverBackground#FFFFFF00
- list.hoverForeground#000000
- list.inactiveSelectionBackground#CBCACB
- list.inactiveSelectionForeground#222222
- merge.border#ffffff00
- merge.commonContentBackground#ffffff00
- merge.commonHeaderBackground#ffffff00
- merge.currentContentBackground#ffffff00
- merge.currentHeaderBackground#ffffff00
- merge.incomingContentBackground#ffffff00
- merge.incomingHeaderBackground#ffffff00
- panel.background#FFFFFF
- panel.border#CDCDCD
- panelTitle.activeBorder#222222
- panelTitle.activeForeground#222222
- panelTitle.inactiveForeground#676767
- peekView.border#0000fe
- peekViewEditor.background#fff
- peekViewEditor.matchHighlightBackground#ececec
- peekViewEditorGutter.background#fff
- peekViewResult.background#ececec
- peekViewResult.fileForeground#565656
- peekViewResult.lineForeground#565656
- peekViewResult.matchHighlightBackground#c2d9f5
- peekViewResult.selectionBackground#ececec
- peekViewResult.selectionForeground#565656
- peekViewTitle.background#ececec
- peekViewTitleDescription.foreground#565656
- peekViewTitleLabel.foreground#0000fe
- pickerGroup.border#0000fe
- pickerGroup.foreground#565656
- progressBar.background#0000fe
- scrollbar.shadow#fff
- scrollbarSlider.activeBackground#00000070
- scrollbarSlider.background#00000050
- scrollbarSlider.hoverBackground#00000070
- selection.background#C2D9F5
- sideBar.background#DFDFDF
- sideBar.border#C7C7C7
- sideBar.foreground#373637
- sideBarSectionHeader.background#bd777703
- sideBarSectionHeader.foreground#333333
- sideBarTitle.foreground#333333
- statusBar.background#D5D5D5
- statusBar.border#C7C7C7
- statusBar.debuggingBackground#D5D5D5
- statusBar.debuggingForeground#222222
- statusBar.foreground#4D4D4D
- statusBar.noFolderBackground#ECECEC
- statusBar.noFolderForeground#565656
- statusBarItem.activeBackground#C2D9F5
- statusBarItem.hoverBackground#CECECE
- statusBarItem.prominentBackground#0000FE
- statusBarItem.prominentHoverBackground#0D3A58
- tab.activeBackground#FFFFFF
- tab.activeBorder#FFFFFF
- tab.activeForeground#272627
- tab.border#FFFFFF
- tab.inactiveBackground#F3F3F3
- tab.inactiveForeground#272627
- tab.unfocusedActiveForeground#272627
- tab.unfocusedInactiveForeground#272627
- terminal.ansiBlack#000
- terminal.ansiBlue#0da2ff
- terminal.ansiBrightBlack#333
- terminal.ansiBrightBlue#1C63B3
- terminal.ansiBrightCyan#009E9E
- terminal.ansiBrightGreen#00ff5a
- terminal.ansiBrightMagenta#ff00fe
- terminal.ansiBrightRed#ff0000
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#A78000
- terminal.ansiCyan#00C0BF
- terminal.ansiGreen#00c711
- terminal.ansiMagenta#d200ba
- terminal.ansiRed#CE0000
- terminal.ansiWhite#E3E3E3
- terminal.ansiYellow#FFd859
- terminal.background#FFF
- terminal.foreground#000
- terminal.selectionBackground#C2D9F5
- terminalCursor.background#FFF
- terminalCursor.foreground#333
- textBlockQuote.background#ececec
- textBlockQuote.border#000
- textCodeBlock.background#fff
- textLink.activeForeground#1951E4
- textLink.foreground#1951E4
- textPreformat.foreground#CE00A0
- textSeparator.foreground#0D3A58
- walkThrough.embeddedEditorBackground#ECECEC
- welcomePage.buttonBackground#ECECEC
- welcomePage.buttonHoverBackground#E3E3E3
- widget.shadow#FFFFFF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #00B061 | — |
| comment.block.preprocessor | #AAAAAA | — |
| comment.documentation, comment.block.documentation | #00B061 | — |
| invalid.illegal | #C90418 | — |
| keyword.operator | #C90418 | — |
| keyword, storage | #138DBC | — |
| storage.type, support.type | #7A3E9D | — |
| constant.language, support.constant, variable.language | #FF6E00 | — |
| variable, support.variable | #7A3E9D | — |
| entity.name.function, support.function | #C90418 | — |
| entity.name.type, entity.other.inherited-class, support.class | #7A3E9D | — |
| entity.name.exception | #C90418 | — |
| constant.numeric, constant.character, constant | #FF6E00 | — |
| string | #7D00A5 | — |
| constant.character.escape | #565656 | — |
| string.regexp | #017ECC | — |
| constant.other.symbol | #FF6E00 | — |
| punctuation | #000 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #CE00A0 | — |
| entity.name.tag | #CE00A0 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #CE00A0 | — |
| constant.character.entity, punctuation.definition.entity | #F52A18 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #CE00A0 | — |
| meta.property-name, support.type.property-name | #F52A18 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #00B061 | — |
| keyword.other.important | — | — |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #C90418 | — |
| markup.inserted | #000000 | — |
| meta.link | #017ECC | — |
| markup.output, markup.raw | #000 | — |
| markup.prompt | #000 | — |
| markup.heading | #FF6E00 | — |
| markup.bold | — | — |
| markup.traceback | #C90418 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #017ECC | — |
| markup.bold, markup.italic | #00B061 | — |
| markup.inline.raw | #FF6E00 | |
| meta.diff.range, meta.diff.index, meta.separator | #000 | — |
| meta.diff.header.from-file | #000 | — |
| meta.diff.header.to-file | #000 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...