one-perfect-vscode
Publisher: Spencer SteersThemes in package: 1
VSCode made Perfect
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#1f2228
- activityBar.border#30363d
- activityBar.foreground#D7DAE0
- activityBarBadge.background#4D78CC
- activityBarBadge.foreground#F8FAFD
- badge.background#262931
- breadcrumb.background#23252d
- breadcrumb.foreground#d7dae0
- button.background#404754
- commandCenter.activeBackground#00000000
- commandCenter.activeBorder#30363d
- commandCenter.background#1f2228
- commandCenter.border#30363d
- commandCenter.debuggingBackground#00000000
- commandCenter.foreground#d7dae0
- debugToolBar.background#21252b
- diffEditor.insertedTextBackground#00809B33
- dropdown.background#1d1f23
- dropdown.border#181A1F
- editor.background#262931
- editor.findMatchBackground#42557B
- editor.findMatchBorder#457dff
- editor.findMatchHighlightBackground#314365
- editor.foreground#EFF1F5
- editor.lineHighlightBackground#2e3139
- editor.selectionBackground#3392FF44
- editor.selectionHighlightBackground#ffffff10
- editor.selectionHighlightBorder#ddd
- editor.wordHighlightBackground#484e5b
- editor.wordHighlightBorder#7f848e
- editor.wordHighlightStrongBackground#abb2bf26
- editor.wordHighlightStrongBorder#7f848e
- editorBracketMatch.background#515a6b
- editorBracketMatch.border#515a6b
- editorCursor.background#ffffffc9
- editorCursor.foreground#ffffff
- editorError.foreground#c24038
- editorGroup.border#30363d
- editorGroup.emptyBackground#181A1F
- editorGroupHeader.tabsBackground#1f2228
- editorGroupHeader.tabsBorder#30363d
- editorHoverWidget.background#21252B
- editorHoverWidget.border#181A1F
- editorIndentGuide.activeBackground#848a94
- editorIndentGuide.background#3B4048
- editorInlayHint.foreground#969696
- editorLineNumber.activeForeground#eff1f5
- editorLineNumber.foreground#65737e
- editorMarkerNavigation.background#21252b
- editorOverviewRuler.background#262931
- editorOverviewRuler.border#262931
- editorRuler.foreground#abb2bf26
- editorStickyScroll.background#23252d
- editorSuggestWidget.background#21252B
- editorSuggestWidget.border#181A1F
- editorSuggestWidget.selectedBackground#2c313a
- editorWhitespace.foreground#3B4048
- editorWidget.background#21252B
- input.background#1d1f23
- list.activeSelectionBackground#2a2e37
- list.activeSelectionForeground#ffffff
- list.focusBackground#383E4A
- list.highlightForeground#58a6ff
- list.hoverBackground#292d35
- list.inactiveSelectionBackground#2a2e37
- list.inactiveSelectionForeground#ffffff
- panel.background#1f2228
- panel.border#30363d
- panelTitle.activeBorder#30363d
- peekViewEditor.matchHighlightBackground#29244b
- quickInput.foreground#ffffff
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#17191eBB
- scrollbarSlider.background#17191eBB
- scrollbarSlider.hoverBackground#17191eEE
- sideBar.background#1f2228
- sideBar.border#30363d
- sideBarSectionHeader.background#1f2228
- sideBarSectionHeader.border#30363d
- statusBar.background#1f2228
- statusBar.border#30363d
- statusBar.debuggingBackground#7e0097
- statusBar.debuggingBorder#66017a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#21252B
- statusBarItem.hoverBackground#2c313a
- tab.activeBackground#262931
- tab.border#30363d
- tab.hoverBackground#262931
- tab.inactiveBackground#1f2228
- tab.unfocusedHoverBackground#323842
- terminal.ansiBlack#868686
- terminal.ansiBlue#71bdf2
- terminal.ansiBrightBlack#6f7683
- terminal.ansiBrightBlue#71bdf2
- terminal.ansiBrightCyan#65c1cd
- terminal.ansiBrightGreen#a7cb8b
- terminal.ansiBrightMagenta#d190e3
- terminal.ansiBrightRed#e78287
- terminal.ansiBrightWhite#5b5e63
- terminal.ansiBrightYellow#daaa78
- terminal.ansiCyan#65c1cd
- terminal.ansiGreen#a7cb8b
- terminal.ansiMagenta#d190e3
- terminal.ansiRed#e78287
- terminal.ansiWhite#b9bfca
- terminal.ansiYellow#daaa78
- terminal.foreground#d6d6d5
- titleBar.activeBackground#1f2228
- titleBar.activeForeground#ffffff
- titleBar.border#30363d
- titleBar.inactiveBackground#1f2228
- titleBar.inactiveForeground#D7DAE0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.function | #b4c973 | — |
| — | #eff1f5 | — |
| entity.name.type.namespace | #dddddd | — |
| entity.name.variable.field.cs, entity.name.variable.local.cs | #eff1f5 | — |
| comment | #969696 | — |
| string | #e5b567 | — |
| constant.numeric | #9e86c8 | — |
| constant.language | #9e86c8 | — |
| constant.character, constant.other | #9e86c8 | — |
| variable.other.readwrite.instance | #E87D3E | — |
| entity.name.type.class | #b4c973 | — |
| keyword | #b05279 | — |
| storage | #b05279 | — |
| storage.type | #6c99bb | — |
| entity.name.class | #b4c973 | underline |
| entity.other.inherited-class | #b4c973 | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #ffda98 | — |
| entity.name.variable.parameter | #E87D3E | — |
| entity.name.tag | #b05279 | — |
| entity.other.attribute-name | #b4c973 | — |
| support.function | #6c99bb | — |
| support.constant | #6c99bb | — |
| support.class, support.type | #6c99bb | italic |
| invalid | #F8F8F0 | — |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #cfcfcf | — |
| meta.diff, meta.diff.header | #767676 | — |
| markup.deleted | #b05279 | — |
| markup.inserted | #b4c973 | — |
| markup.changed | #E5B567 | — |
| constant.numeric.line-number.find-in-files - match | #9e86c8A0 | — |
| entity.name.filename.find-in-files | #E5B567 | — |
| meta.definition.variable.name, support.variable, variable | #eff1f5 | — |
| source.md | #EFF1F5 | — |
| punctuation.definition.markdown, punctuation.definition.heading.markdown, punctuation.definition.raw.markdown | #B05279 | — |
| markup.fenced_code.block, markup.inline.raw | #cfcfcf | — |
| markup.italic | — | italic |
| markup.bold | — | bold |