Eyesore
Publisher: Joonas KivikunnasThemes in package: 1
A theme for Visual Studio Code
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#303030
- activityBar.border#1c1c1c
- activityBar.dropBackground#4c4c4c
- activityBar.foreground#c6c6c6
- activityBarBadge.background#1c1c1c
- activityBarBadge.foreground#ff6400
- badge.background#1c1c1c
- badge.foreground#ff6400
- button.background#ffffff
- button.foreground#000000
- button.hoverBackground#a0a0a0
- debugExceptionWidget.background#989898
- debugExceptionWidget.border#5c5c5c
- debugToolBar.background#4c4c4c
- diffEditor.insertedTextBackground#C3DBA7
- diffEditor.insertedTextBorder#8BC34A
- diffEditor.removedTextBackground#EC9E98
- diffEditor.removedTextBorder#F44336
- dropdown.background#303030
- dropdown.border#dfdfdf
- dropdown.foreground#ffffff
- editor.background#f4f4f4
- editor.findMatchBackground#ccda84
- editor.findMatchHighlightBackground#f4fccd
- editor.findRangeHighlightBackground#fff9e8
- editor.foreground#4f4f4f
- editor.hoverHighlightBackground#fff3cf
- editor.inactiveSelectionBackground#e5eff2
- editor.lineHighlightBackground#e0e0e0
- editor.lineHighlightBorder#c9c9c9
- editor.rangeHighlightBackground#fff6e8
- editor.selectionBackground#9cc9da
- editor.selectionHighlightBackground#c1dde7
- editor.wordHighlightBackground#d3e8da
- editor.wordHighlightStrongBackground#bde8cb
- editorBracketMatch.background#FFB283
- editorBracketMatch.border#CC4E00
- editorCodeLens.foreground#535353
- editorCursor.foreground#1c1c1c
- editorError.border#f4f4f4
- editorError.foreground#e50d0d
- editorGroup.background#4c4c4c
- editorGroup.border#1c1c1c
- editorGroup.dropBackground#4c4c4c
- editorGroupHeader.noTabsBackground#4c4c4c
- editorGroupHeader.tabsBackground#4c4c4c
- editorGroupHeader.tabsBorder#4c4c4c
- editorGutter.addedBackground#8BC34A
- editorGutter.background#4c4c4c
- editorGutter.deletedBackground#F44336
- editorGutter.modifiedBackground#448AFF
- editorHoverWidget.background#989898
- editorHoverWidget.border#5c5c5c
- editorIndentGuide.background#e4e4e4
- editorLineNumber.foreground#f4f4f4
- editorLink.activeForeground#015b7d
- editorMarkerNavigation.background#606060
- editorMarkerNavigationError.background#ebd1d1
- editorMarkerNavigationWarning.background#ede5bc
- editorOverviewRuler.addedForeground#8BC34A
- editorOverviewRuler.border#868686
- editorOverviewRuler.currentContentForeground#000000
- editorOverviewRuler.deletedForeground#F44336
- editorOverviewRuler.errorForeground#744040
- editorOverviewRuler.findMatchForeground#ccda84
- editorOverviewRuler.incomingContentForeground#000000
- editorOverviewRuler.infoForeground#587e99
- editorOverviewRuler.modifiedForeground#448AFF
- editorOverviewRuler.rangeHighlightForeground#fff9e8
- editorOverviewRuler.selectionHighlightForeground#c1dde7
- editorOverviewRuler.warningForeground#746534
- editorOverviewRuler.wordHighlightForeground#d3e8da
- editorOverviewRuler.wordHighlightStrongForeground#bde8cb
- editorRuler.foreground#c6c6c6
- editorSuggestWidget.background#989898
- editorSuggestWidget.border#5c5c5c
- editorSuggestWidget.foreground#c6c6c6
- editorSuggestWidget.highlightForeground#c6c6c6
- editorSuggestWidget.selectedBackground#b8b8b8
- editorWarning.border#f4f4f4
- editorWarning.foreground#e4990e
- editorWhitespace.foreground#c6c6c6
- editorWidget.background#989898
- editorWidget.Border#5c5c5c
- errorForeground#950007
- extensionButton.prominentBackground#ee792e
- extensionButton.prominentForeground#2c2c2c
- extensionButton.prominentHoverBackground#ffb27f
- focusBorder#ffffff
- foreground#767676
- input.background#efefef
- input.border#202020
- input.foreground#000000
- input.placeholderForeground#505050
- inputOption.activeBorder#000000
- inputValidation.errorBackground#ffffff
- inputValidation.errorBorder#402020
- inputValidation.infoBackground#ffffff
- inputValidation.infoBorder#202040
- inputValidation.warningBackground#ffffff
- inputValidation.warningBorder#204040
- list.activeSelectionBackground#5b8589
- list.activeSelectionForeground#ffffff
- list.dropBackground#7f8c61
- list.focusBackground#896060
- list.focusForeground#ffffff
- list.highlightForeground#ffffff
- list.hoverBackground#8a795f
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#606060
- list.inactiveSelectionForeground#ffffff
- merge.border#000000
- merge.currentContentBackground#cccccc
- merge.currentHeaderBackground#ffffff
- merge.incomingContentBackground#ccffcc
- merge.incomingHeaderBackground#aaffaa
- notification.background#606060
- notification.buttonBackground#a7a7a7
- notification.buttonForeground#4a4a4a
- notification.buttonHoverBackground#a8a8a8
- notification.errorBackground#744040
- notification.errorForeground#ffffff
- notification.foreground#ffffff
- notification.infoBackground#587e99
- notification.infoForeground#ffffff
- notification.warningBackground#746534
- notification.warningForeground#ffffff
- panel.background#303030
- panel.border#1c1c1c
- panelTitle.activeBorder#b2b2b2
- panelTitle.activeForeground#b2b2b2
- panelTitle.inactiveForeground#999999
- peekView.border#5c5c5c
- peekViewEditor.background#e6e6e6
- peekViewEditor.matchHighlightBackground#c6c6c6
- peekViewEditorGutter.background#656565
- peekViewResult.background#656565
- peekViewResult.fileForeground#bababa
- peekViewResult.lineForeground#c6c6c6
- peekViewResult.matchHighlightBackground#7e7e7e
- peekViewResult.selectionBackground#9e9e9e
- peekViewResult.selectionForeground#d3d3d3
- peekViewTitle.background#4c4c4c
- peekViewTitleDescription.foreground#c6c6c6
- peekViewTitleLabel.foreground#c6c6c6
- pickerGroup.border#ffffff
- pickerGroup.foreground#000000
- progressBar.background#ffffff
- scrollbar.shadow#606060
- scrollbarSlider.activeBackground#a0a0a0
- scrollbarSlider.background#4c4c4c
- scrollbarSlider.hoverBackground#757575
- selection.background#9cc9da
- sideBar.background#303030
- sideBar.border#1c1c1c
- sideBar.foreground#c6c6c6
- sideBarSectionHeader.background#4c4c4c
- sideBarSectionHeader.foreground#c6c6c6
- sideBarTitle.foreground#c6c6c6
- statusBar.background#303030
- statusBar.border#1c1c1c
- statusBar.debuggingBackground#303030
- statusBar.debuggingForeground#c6c6c6
- statusBar.foreground#c6c6c6
- statusBar.noFolderBackground#303030
- statusBar.noFolderForeground#c6c6c6
- statusBarItem.activeBackground#757575
- statusBarItem.hoverBackground#565656
- statusBarItem.prominentBackground#7c3a00
- statusBarItem.prominentHoverBackground#9e4900
- tab.activeBackground#606060
- tab.activeBorder#b2b2b2
- tab.activeForeground#c6c6c6
- tab.border#1c1c1c
- tab.inactiveBackground#4c4c4c
- tab.inactiveForeground#c6c6c6
- tab.unfocusedActiveBorder#b2b2b2
- tab.unfocusedActiveForeground#303030
- tab.unfocusedInactiveForeground#c6c6c6
- terminal.ansiBlack#000000
- terminal.ansiBlue#0013a8
- terminal.ansiBrightBlack#6b6b6b
- terminal.ansiBrightBlue#2360fc
- terminal.ansiBrightCyan#23fcfc
- terminal.ansiBrightGreen#4bfc23
- terminal.ansiBrightMagenta#f823fc
- terminal.ansiBrightRed#fc2323
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f1fc23
- terminal.ansiCyan#00a5a8
- terminal.ansiGreen#00a80b
- terminal.ansiMagenta#a200a8
- terminal.ansiRed#a80000
- terminal.ansiWhite#e5e5e5
- terminal.ansiYellow#a8a800
- terminal.background#2b2b2b
- terminal.foreground#c6c6c6
- walkThrough.embeddedEditorBackground#c1c1c1
- welcomePage.buttonBackground#c1c1c1
- welcomePage.buttonHoverBackground#a0a0a0
- widget.shadow#bcbcbc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #000000 | — |
| comment, punctuation.definition.comment | #507a4a | italic |
| comment.block.preprocessor | #507a4a | |
| comment.documentation, comment.block.documentation | #507a4a | — |
| invalid.deprecated | — | — |
| invalid.illegal | #000000 | — |
| keyword.operator | #000000 | — |
| keyword, storage | #d132b9 | — |
| storage.type, support.type | #006064 | — |
| constant.language, support.constant, variable.language | #37474f | — |
| variable, support.variable | #0451a5 | — |
| entity.name.function, support.function | #c62828 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #e65100 | bold |
| entity.name.exception | #d500f9 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #395499 | — |
| string | #a31515 | — |
| constant.character.escape | #c2185b | — |
| string.regexp | #536dfe | — |
| constant.other.symbol | #673ab7 | — |
| punctuation | #ff5722 | — |
| string source, text source | — | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #536dfe | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #536dfe | — |
| entity.name.tag | #536dfe | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #d132b9 | italic |
| constant.character.entity, punctuation.definition.entity | #550fbc | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #d132b9 | — |
| meta.property-name, support.type.property-name | #536dfe | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #165a39 | — |
| keyword.other.important | — | bold |
| markup.changed | #445ea0 | — |
| markup.deleted | #822626 | — |
| markup.italic | — | italic |
| markup.error | #a71c02 | — |
| markup.inserted | #1170ba | — |
| meta.link | #5485df | — |
| markup.output, markup.raw | #ed4e4e | — |
| markup.prompt | #b6881e | — |
| markup.heading | #498c3e | — |
| markup.bold | — | bold |
| markup.traceback | #0b6b6f | — |
| markup.underline | — | underline |
| markup.quote | #306629 | — |
| markup.list | #643365 | — |
| markup.bold, markup.italic | #595603 | — |
| markup.inline.raw | #13816f | |
| meta.diff.range, meta.diff.index, meta.separator | #000000 | — |
| meta.diff.header.from-file | #000000 | — |
| meta.diff.header.to-file | #000000 | — |