Shadow of VioYellow
Publisher: david-git-devThemes in package: 1
this theme combine violet and yellow that's one of my favorite tones
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#eaeaea
- activityBar.background#171717
- activityBar.border#1e1e1e
- activityBar.foreground#eaeaea
- activityBar.inactiveForeground#c0c0c0
- activityBarBadge.background#fdd835
- activityBarBadge.foreground#171717
- badge.background#fdd835
- badge.foreground#171717
- button.background#fdd835
- button.foreground#171717
- dropdown.background#272727
- dropdown.border#1e1e1e
- dropdown.foreground#eaeaea
- dropdown.listBackground#171717
- editor.background#171717
- editor.findMatchBackground#f07d9d55
- editor.findMatchHighlightBackground#f07d9d33
- editor.findRangeHighlightBackground#272727cc
- editor.foreground#eaeaea
- editor.hoverHighlightBackground#1e1e1e66
- editor.inactiveSelectionBackground#2e2e2e66
- editor.lineHighlightBackground#272727
- editor.lineHighlightBorder#4d4d4d
- editor.rangeHighlightBackground#27272744
- editor.selectionBackground#2e2e2e88
- editor.selectionHighlightBackground#9b9b9b11
- editor.wordHighlightBackground#1e1e1e11
- editor.wordHighlightStrongBackground#4d4d4d22
- editorBracketMatch.background#4d4d4d
- editorBracketMatch.border#1e1e1e
- editorGroup.border#1e1e1e
- editorGroupHeader.tabsBackground#171717
- editorGutter.addedBackground#ffcc88
- editorGutter.background#171717
- editorGutter.deletedBackground#9434f6
- editorGutter.modifiedBackground#ffcc88
- editorHoverWidget.background#4d4d4d
- editorIndentGuide.background1#1e1e1e
- editorInlayHint.background#1e1e1e
- editorInlayHint.foreground#c0c0c0
- editorInlayHint.typeBackground#1e1e1e
- editorInlayHint.typeForeground#eaeaea
- editorLineNumber.activeForeground#eaeaea
- editorLineNumber.foreground#2e2e2e
- editorSuggestWidget.background#171717
- editorSuggestWidget.border#1e1e1e
- editorSuggestWidget.foreground#eaeaea
- editorSuggestWidget.highlightForeground#c0c0c0
- editorSuggestWidget.selectedBackground#1e1e1e
- editorWhitespace.foreground#4d4d4d
- editorWidget.background#272727
- editorWidget.border#1e1e1e
- input.background#272727
- input.border#1e1e1e
- input.foreground#eaeaea
- input.placeholderForeground#c0c0c0
- inputOption.activeBackground#4d4d4d
- inputOption.activeBorder#1e1e1e
- inputOption.activeForeground#eaeaea
- list.activeSelectionBackground#2e2e2e
- list.activeSelectionForeground#eaeaea
- list.focusOutline#f07d9d
- list.foreground#eaeaea
- list.hoverBackground#1e1e1e
- list.hoverForeground#eaeaea
- list.inactiveFocusOutline#1e1e1e
- list.inactiveSelectionBackground#1e1e1e
- list.inactiveSelectionForeground#eaeaea
- menu.background#171717
- menu.border#1e1e1e
- menu.foreground#eaeaea
- menu.selectionBackground#1e1e1e
- menu.selectionForeground#eaeaea
- merge.border#1e1e1e
- merge.commonContentBackground#2e2e2e66
- merge.commonHeaderBackground#1e1e1e66
- merge.currentContentBackground#ffcc8844
- merge.currentHeaderBackground#ffcc8844
- merge.incomingContentBackground#ffcc8844
- merge.incomingHeaderBackground#ffcc8844
- notifications.background#4d4d4d
- panel.background#171717
- panel.border#1e1e1e
- panelTitle.activeBorder#2e2e2e
- panelTitle.activeForeground#eaeaea
- panelTitle.inactiveForeground#c0c0c0
- peekView.border#1e1e1e
- peekViewEditor.background#171717
- peekViewEditor.matchHighlightBackground#2e2e2e
- peekViewResult.background#272727
- peekViewResult.fileForeground#eaeaea
- peekViewResult.lineForeground#c0c0c0
- peekViewResult.matchHighlightBackground#2e2e2e
- peekViewResult.selectionBackground#4d4d4d
- peekViewResult.selectionForeground#9b9b9b
- peekViewTitle.background#1e1e1e
- peekViewTitleDescription.foreground#c0c0c0
- peekViewTitleLabel.foreground#eaeaea
- settings.headerForeground#eaeaea
- settings.modifiedItemForeground#9434f6
- settings.textInputForeground#eaeaea
- sideBar.activeBackground#2e2e2e
- sideBar.activeForeground#eaeaea
- sideBar.background#171717
- sideBar.border#1e1e1e
- sideBar.fileIcon.foreground#fdd835
- sideBar.folderIcon.foreground#ffcc88
- sideBar.foreground#eaeaea
- sideBar.hoverBackground#1e1e1e
- sideBar.hoverForeground#c0c0c0
- sideBarSectionHeader.background#272727
- sideBarSectionHeader.border#1e1e1e
- sideBarSectionHeader.foreground#eaeaea
- sideBarTitle.foreground#eaeaea
- statusBar.background#171717
- statusBar.border#1e1e1e
- statusBar.debuggingBackground#9434f6
- statusBar.debuggingForeground#eaeaea
- statusBar.foreground#eaeaea
- statusBar.noFolderBackground#2e2e2e
- statusBar.noFolderForeground#9b9b9b
- tab.activeBackground#171717
- tab.activeForeground#eaeaea
- tab.activeModifiedBorder#f07d9d
- tab.border#1e1e1e
- tab.hoverBackground#1e1e1e
- tab.inactiveBackground#272727
- tab.inactiveForeground#c0c0c0
- tab.inactiveModifiedBorder#fdd835
- tab.unfocusedActiveModifiedBorder#f07d9d
- tab.unfocusedHoverBackground#1e1e1e
- tab.unfocusedInactiveModifiedBorder#fdd835
- terminal.ansiBlue#fdd835
- terminal.ansiCyan#ffcc88
- terminal.ansiGreen#ffcc88
- terminal.ansiMagenta#ffcc88
- terminal.ansiRed#9434f6
- terminal.ansiYellow#f07d9d
- terminal.background#171717
- terminal.foreground#eaeaea
- terminalCursor.background#171717
- terminalCursor.foreground#eaeaea
- textLink.foreground#f07d9d
- titleBar.activeBackground#171717
- titleBar.activeForeground#eaeaea
- titleBar.border#1e1e1e
- titleBar.inactiveBackground#272727
- titleBar.inactiveForeground#c0c0c0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, support.type.property-name.css | #eaeaea | — |
| entity.name.type.class | #f07d9d | — |
| entity.name.type.interface, entity.name.type | #f07d9d | — |
| entity.name.type.struct | #f07d9d | — |
| entity.name.type.enum | #f07d9d | — |
| meta.object-literal.key | #eaeaea | — |
| entity.name.function.method, meta.function.method | #fdd835 | — |
| entity.name.function, support.function, meta.function-call.generic | #f07d9d | — |
| variable, meta.variable, variable.other.object.property, variable.other.readwrite.alias | #eaeaea | — |
| variable.other.object | #fdd835 | — |
| variable.other.global, variable.language.this | #ffcc88 | — |
| variable.other.local | #eaeaea | — |
| variable.parameter, meta.parameter | #eaeaea | — |
| variable.other.property, meta.property | #eaeaea | — |
| string, string.other.link, markup.inline.raw.string.markdown | #ffcc88 | — |
| constant.character.escape, constant.other.placeholder | #eaeaea | — |
| keyword | #9434f6 | — |
| keyword.control.import, keyword.control.from, keywaord.import | #9434f6 | — |
| storage.modifier, keyword.modifier, storage.type | #9434f6 | — |
| comment, punctuation.definition.comment | #9b9b9b | — |
| comment.documentation, comment.line.documentation | #9b9b9b | — |
| constant.numeric | #f3e94d | — |
| constant.language.boolean, constant.language.json | #f3e94d | — |
| keyword.operator | #9434f6 | — |
| entity.name.function.preprocessor, meta.preprocessor | #fdd835 | — |
| meta.preprocessor | #ffcc88 | — |
| markup.underline.link | #fdd835 | — |
| entity.name.tag | #9434f6 | — |
| support.class.component | #fdd835 | — |
| entity.other.attribute-name, meta.attribute | #f07d9d | — |
| support.type | #fdd835 | — |
| variable.other.constant, variable.readonly | #fdd835 | — |
| entity.name.label, punctuation.definition.label | #ffcc88 | — |
| entity.name.namespace, storage.modifier.namespace, markup.bold.markdown | #f07d9d | — |
| entity.name.module, storage.modifier.module | #9434f6 | — |
| variable.type.parameter, variable.parameter.type | #f07d9d | — |
| keyword.control.exception, keyword.control.trycatch | #9434f6 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #f07d9d | — |
| variable.function | #eaeaea | — |
| punctuation, punctuation.terminator, punctuation.definition.tag, punctuation.separator, punctuation.definition.string, punctuation.section.block | #eaeaea | — |