KEVIN-KOLORS
Publisher: dazonThemes in package: 1
A soft color scheme with rich dark tones paired with bright, soothing pastels.
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#1c1f2a
- activityBar.border#1c1f2a
- activityBar.foreground#b3bec2
- activityBarBadge.background#bd99db
- activityBarBadge.foreground#1c1f2a
- badge.background#bd99db
- badge.foreground#1c1f2a
- button.background#73cfe7
- button.foreground#1c1f2a
- button.hoverBackground#9be4d4
- debugExceptionWidget.background#3a3f48
- debugExceptionWidget.border#3a3f48
- debugToolBar.background#3a3f48
- diffEditor.insertedTextBackground#d4ffa820
- diffEditor.removedTextBackground#f9acb920
- dropdown.background#202431
- dropdown.border#3a3f48
- dropdown.foreground#d2dee1
- editor.background#1c1f2a
- editor.findMatchBackground#efed9f7f
- editor.findMatchHighlightBackground#efed9f3f
- editor.findRangeHighlightBackground#3a3f48
- editor.foreground#f0feff
- editor.hoverHighlightBackground#595f67
- editor.inactiveSelectionBackground#73cfe733
- editor.lineHighlightBackground#1c1f2a
- editor.lineHighlightBorder#3a3f48
- editor.rangeHighlightBackground#3a3f48
- editor.selectionBackground#73cfe733
- editor.selectionHighlightBackground#3a3f48
- editor.wordHighlightBackground#bd99db7f
- editor.wordHighlightStrongBackground#eeb0d97f
- editorBracketMatch.background#3a3f48
- editorBracketMatch.border#3a3f48
- editorCodeLens.foreground#b3bec2
- editorCursor.foreground#bd99db
- editorError.border#f0feff
- editorError.foreground#ff738a
- editorGroup.border#3a3f48
- editorGroup.dropBackground#595f677f
- editorGroup.emptyBackground#1c1f2a
- editorGroup.focusedEmptyBorder#3a3f48
- editorGroupHeader.noTabsBackground#1c1f2a
- editorGroupHeader.tabsBackground#1c1f2a
- editorGroupHeader.tabsBorder#1c1f2a
- editorGutter.addedBackground#d4ffa8
- editorGutter.background#1c1f2a
- editorGutter.deletedBackground#f9acb9
- editorGutter.modifiedBackground#efed9f
- editorHoverWidget.background#202431
- editorHoverWidget.border#3a3f48
- editorIndentGuide.activeBackground#595f67
- editorIndentGuide.background#3a3f48
- editorLineNumber.foreground#595f67
- editorLink.activeForeground#9be4d4
- editorMarkerNavigation.background#3a3f48
- editorMarkerNavigationError.background#f9acb9
- editorMarkerNavigationWarning.background#f2b494
- editorOverviewRuler.addedForeground#d4ffa87f
- editorOverviewRuler.border#3a3f48
- editorOverviewRuler.commonContentForeground#bd99db
- editorOverviewRuler.currentContentForeground#9be4d4
- editorOverviewRuler.deletedForeground#f9acb97f
- editorOverviewRuler.errorForeground#ff738a7f
- editorOverviewRuler.findMatchForeground#efed9fbf
- editorOverviewRuler.incomingContentForeground#73cfe7
- editorOverviewRuler.infoForeground#73cfe77f
- editorOverviewRuler.modifiedForeground#efed9f7f
- editorOverviewRuler.rangeHighlightForeground#595f67bf
- editorOverviewRuler.selectionHighlightForeground#3a3f48bf
- editorOverviewRuler.warningForeground#f2b4947f
- editorOverviewRuler.wordHighlightForeground#595f67bf
- editorOverviewRuler.wordHighlightStrongForeground#777f85bf
- editorPane.background#1c1f2a
- editorRuler.foreground#3a3f48
- editorSuggestWidget.background#3a3f48
- editorSuggestWidget.border#3a3f48
- editorSuggestWidget.foreground#d2dee1
- editorSuggestWidget.highlightForeground#eeb0d9
- editorSuggestWidget.selectedBackground#595f67
- editorWarning.border#d2dee1
- editorWarning.foreground#efed9f
- editorWhitespace.foreground#3a3f48
- editorWidget.background#171922
- editorWidget.border#3a3f48
- errorForeground#ff738a
- extensionButton.prominentBackground#73cfe7
- extensionButton.prominentForeground#1c1f2a
- extensionButton.prominentHoverBackground#9be4d4
- focusBorder#bd99db
- foreground#f0feff
- gitDecoration.conflictingResourceForeground#9be4d4
- gitDecoration.deletedResourceForeground#f9acb9
- gitDecoration.ignoredResourceForeground#777f85
- gitDecoration.modifiedResourceForeground#efed9f
- gitDecoration.untrackedResourceForeground#bd99db
- input.background#3a3f48
- input.border#3a3f48
- input.foreground#d2dee1
- input.placeholderForeground#595f67
- inputOption.activeBorder#9be4d4
- inputValidation.errorBackground#3a3f48
- inputValidation.errorBorder#ff738a
- inputValidation.infoBackground#3a3f48
- inputValidation.infoBorder#73cfe7
- inputValidation.warningBackground#3a3f48
- inputValidation.warningBorder#f2b494
- list.activeSelectionBackground#8cd7ec
- list.activeSelectionForeground#1c1f2a
- list.dropBackground#202431
- list.errorForeground#ff738a
- list.focusBackground#202431
- list.focusForeground#f0feff
- list.highlightForeground#efed9f
- list.hoverBackground#202431
- list.hoverForeground#f0feff
- list.inactiveSelectionBackground#202431
- list.inactiveSelectionForeground#f0feff
- list.invalidItemForeground#ff738a
- list.warningForeground#efed9f
- listFilterWidget.background#3a3f48
- listFilterWidget.noMatchesOutline#ff738a
- listFilterWidget.outline#73cfe7
- merge.border#959ea4
- merge.commonContentBackground#bd99db4c
- merge.commonHeaderBackground#bd99db4c
- merge.currentContentBackground#9be4d44c
- merge.currentHeaderBackground#9be4d44c
- merge.incomingContentBackground#73cfe74c
- merge.incomingHeaderBackground#73cfe74c
- notification.background#171922
- notification.buttonBackground#73cfe7
- notification.buttonForeground#1c1f2a
- notification.buttonHoverBackground#9be4d4
- notification.errorBackground#f9acb9
- notification.errorForeground#1c1f2a
- notification.foreground#f0feff
- notification.infoBackground#73cfe7
- notification.infoForeground#1c1f2a
- notification.warningBackground#f2b494
- notification.warningForeground#1c1f2a
- panel.background#1c1f2a
- panel.border#3a3f48
- panelTitle.activeBorder#777f85
- panelTitle.activeForeground#d2dee1
- panelTitle.inactiveForeground#959ea4
- peekView.border#eeb0d9
- peekViewEditor.background#3a3f48
- peekViewEditor.matchHighlightBackground#efed9f7f
- peekViewEditorGutter.background#3a3f48
- peekViewResult.background#3a3f48
- peekViewResult.fileForeground#d2dee1
- peekViewResult.lineForeground#595f67
- peekViewResult.matchHighlightBackground#efed9f
- peekViewResult.selectionBackground#777f85
- peekViewResult.selectionForeground#f0feff
- peekViewTitle.background#595f67
- peekViewTitleDescription.foreground#b3bec2
- peekViewTitleLabel.foreground#f0feff
- pickerGroup.border#b3bec2
- pickerGroup.foreground#f0feff
- progressBar.background#d4ffa8
- scrollbar.shadow#1c1f2a
- scrollbarSlider.activeBackground#b3bec27f
- scrollbarSlider.background#777f857f
- scrollbarSlider.hoverBackground#959ea47f
- selection.background#595f67
- sideBar.background#171922
- sideBar.border#3a3f48
- sideBar.foreground#d2dee1
- sideBarSectionHeader.background#202431
- sideBarSectionHeader.foreground#d2dee1
- sideBarTitle.foreground#b3bec2
- statusBar.background#171922
- statusBar.border#1c1f2a
- statusBar.debuggingBackground#f2b494
- statusBar.debuggingBorder#f2b4947f
- statusBar.debuggingForeground#1c1f2a
- statusBar.foreground#f0feff
- statusBar.noFolderBackground#bd99db
- statusBar.noFolderBorder#bd99db7f
- statusBar.noFolderForeground#1c1f2a
- statusBarItem.activeBackground#9be4d4
- statusBarItem.hoverBackground#202431
- statusBarItem.prominentBackground#9be4d4
- statusBarItem.prominentHoverBackground#d4ffa8
- tab.activeBackground#1c1f2a
- tab.activeForeground#d2dee1
- tab.border#3a3f48
- tab.inactiveBackground#171922
- tab.inactiveForeground#777f85
- tab.unfocusedActiveForeground#777f85
- tab.unfocusedInactiveForeground#595f67
- terminal.ansiBlack#373a3f
- terminal.ansiBlue#73cfe7
- terminal.ansiBrightBlack#464a50
- terminal.ansiBrightBlue#8CD8EC
- terminal.ansiBrightCyan#ACE9DD
- terminal.ansiBrightGreen#DAFFB9
- terminal.ansiBrightMagenta#C7ADE2
- terminal.ansiBrightRed#F7BCC7
- terminal.ansiBrightWhite#f0feff
- terminal.ansiBrightYellow#EFF0B2
- terminal.ansiCyan#9be4d4
- terminal.ansiGreen#d4ffa8
- terminal.ansiMagenta#bd99db
- terminal.ansiRed#f9acb9
- terminal.ansiWhite#d2dee1
- terminal.ansiYellow#efed9f
- terminal.background#1c1f2a
- terminal.foreground#f0feff
- terminal.selectionBackground#73cfe77f
- terminalCursor.background#bd99db
- terminalCursor.foreground#bd99db
- titleBar.activeBackground#171922
- titleBar.activeForeground#b3bec2
- titleBar.inactiveBackground#171922
- titleBar.inactiveForeground#777f85
- tree.indentGuidesStroke#3a3f48
- walkThrough.embeddedEditorBackground#1c1f2a
- welcomePage.buttonBackground#3a3f48
- welcomePage.buttonHoverBackground#595f67
- widget.shadow#1c1f2a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #d2dee1 | — |
| comment | #777f85 | — |
| constant | #eeb0d9 | — |
| entity | #9be4d4 | — |
| invalid | #f9acb9 | — |
| keyword | #bd99db | — |
| storage | #eeb0d9 | — |
| string | #d4ffa8 | — |
| variable | #f0feff | — |
| markup.heading | #9be4d4 | — |
| markup.deleted | #f9acb9 | — |
| markup.inserted | #d4ffa8 | — |
| markup.changed | #efed9f | — |
| markup.underline | — | underline |
| markup.underline.link | #73cfe7 | — |
| markup.list | #f0feff | — |
| markup.raw | #eeb0d9 | — |
| entity.name.tag | #f2b494 | — |
| entity.other.attribute-name | #eeb0d9 | — |
| variable.language | #f2b494 | — |
| meta.property-value.css | #efed9f | italic |
| variable.css, variable.argument.css | #efed9f | italic |
| support.type.property-name.json | #8CD8EC | italic |
| meta.object-literal.key.js | #8CD8EC | italic |
| variable.other.property.js, variable.other.object.property.js | #EFF0B2 | — |
| meta.property-name.css | #9be4d4 | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #f0feff | — |
| entity.name.tag | #8CD8EC | — |
| string.quoted.double.html, string.quoted.single.html | #EFF0B2 | — |
| punctuation.definition.list.begin.markdown | #eeb0d9 | — |
| punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.quote.begin.markdown | #bd99db | — |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #EFF0B2 | — |
| punctuation.definition.raw.markdown, punctuation.definition.markdown | #bd99db | — |