Unko Theme
Publisher: kylsglThemes in package: 8
Dark theme with Monokai token colors for Visual Studio Code
Color themes
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.activeBackground#1E201D
- activityBar.background#161616
- activityBar.border#282A27
- activityBar.foreground#8457AA
- activityBar.inactiveForeground#808080
- activityBarBadge.background#8457AA
- activityBarBadge.foreground#FFFFFF
- badge.background#8457AA
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.background#161616
- breadcrumb.focusForeground#FFFFFF
- breadcrumb.foreground#AAAAAA
- button.background#8457AA
- button.foreground#FFFFFF
- button.hoverBackground#9068B3
- button.secondaryBackground#282A27
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#3E3F3D
- checkbox.background#161616
- checkbox.border#282A27
- checkbox.foreground#8457AA
- debugExceptionWidget.background#161616
- debugExceptionWidget.border#ED4A46
- debugToolBar.background#161616
- debugToolBar.border#8457AA
- descriptionForeground#AAAAAA
- diffEditor.border#282A27
- diffEditor.insertedTextBackground#70B43333
- diffEditor.removedTextBackground#ED4A4633
- disabledForeground#C8C8C8
- dropdown.background#161616
- dropdown.border#8457AA
- dropdown.foreground#AAAAAA
- dropdown.listBackground#161616
- editor.background#161616
- editor.findMatchBackground#4B4D4A
- editor.findMatchBorder#8457AA
- editor.findMatchHighlightBackground#4B4D4AB3
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#4B4D4A7F
- editor.findRangeHighlightBorder#00000000
- editor.foldBackground#282A277F
- editor.foreground#B3B3B3
- editor.hoverHighlightBackground#4B4D4A7F
- editor.inactiveSelectionBackground#4B4D4A7F
- editor.lineHighlightBackground#4B4D4A33
- editor.lineHighlightBorder#4B4D4A7F
- editor.rangeHighlightBackground#4B4D4AB3
- editor.rangeHighlightBorder#282A27
- editor.selectionBackground#4B4D4A
- editor.selectionHighlightBackground#4B4D4AB3
- editor.selectionHighlightBorder#8457AA
- editor.wordHighlightBackground#4B4D4A7F
- editor.wordHighlightStrongBackground#4B4D4AB3
- editorBracketMatch.background#4B4D4A
- editorBracketMatch.border#8457AA
- editorCodeLens.foreground#AAAAAA
- editorCursor.background#252525
- editorCursor.foreground#AAAAAA
- editorError.background#00000000
- editorError.border#00000000
- editorError.foreground#ED4A46
- editorGroup.border#282A27
- editorGroup.emptyBackground#161616
- editorGroupHeader.border#282A27
- editorGroupHeader.tabsBackground#161616
- editorGroupHeader.tabsBorder#282A27
- editorGutter.addedBackground#70B433
- editorGutter.background#161616
- editorGutter.deletedBackground#ED4A46
- editorGutter.modifiedBackground#DBB32D
- editorHoverWidget.background#161616
- editorHoverWidget.border#8457AA
- editorHoverWidget.foreground#AAAAAA
- editorInfo.background#4B4D4AB3
- editorInfo.border#00000000
- editorInfo.foreground#368AEB
- editorLightBulbAi.foreground#AAAAAA
- editorLightBulbAutoFix.foreground#AAAAAA
- editorLineNumber.activeForeground#FFFFFF
- editorLineNumber.foreground#808080
- editorLink.activeForeground#368AEB
- editorMarkerNavigation.background#161616
- editorMarkerNavigationError.background#ED4A46
- editorMarkerNavigationInfo.background#368AEB
- editorMarkerNavigationWarning.background#DBB32D
- editorOverviewRuler.background#00000000
- editorOverviewRuler.border#282A27
- editorRuler.foreground#8457AA
- editorStickyScroll.border#8457AA
- editorSuggestWidget.background#161616
- editorSuggestWidget.border#8457AA
- editorSuggestWidget.foreground#AAAAAA
- editorSuggestWidget.highlightForeground#FFFFFF
- editorSuggestWidget.selectedBackground#4B4D4A
- editorWarning.background#00000000
- editorWarning.border#00000000
- editorWarning.foreground#DBB32D
- editorWhitespace.foreground#AAAAAA7F
- editorWidget.background#161616
- editorWidget.foreground#AAAAAA
- editorWidget.resizeBorder#8457AA
- errorForeground#ED4A46
- extensionButton.prominentBackground#8457AA
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#9068B3
- focusBorder#8457AA
- foreground#AAAAAA
- gitDecoration.addedResourceForeground#83C746
- gitDecoration.conflictingResourceForeground#4F9CFE
- gitDecoration.deletedResourceForeground#FF5E56
- gitDecoration.ignoredResourceForeground#808080
- gitDecoration.modifiedResourceForeground#EFC541
- gitDecoration.stageDeletedResourceForeground#ED4A46
- gitDecoration.stageModifiedResourceForeground#DBB32D
- gitDecoration.submoduleResourceForeground#FF81CA
- gitDecoration.untrackedResourceForeground#56D8C9
- icon.foreground#AAAAAA
- input.background#161616
- input.border#8457AA
- input.foreground#AAAAAA
- input.placeholderForeground#808080
- inputOption.activeBackground#8457AA
- inputOption.activeBorder#00000000
- inputOption.activeForeground#FFFFFF
- list.activeSelectionBackground#8457AA
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#282A277F
- list.errorForeground#ED4A46
- list.focusBackground#8457AA7F
- list.focusForeground#FFFFFF
- list.highlightForeground#FFFFFF
- list.hoverBackground#8457AA
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#634180
- list.inactiveSelectionForeground#FFFFFF
- list.warningForeground#DBB32D
- listFilterWidget.background#161616
- listFilterWidget.noMatchesOutline#ED4A46
- listFilterWidget.outline#8457AA
- menu.background#161616
- menu.border#282A27
- menu.foreground#AAAAAA
- menu.selectionBackground#8457AA
- menu.selectionBorder#00000000
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#282A27
- menubar.selectionBackground#8457AA
- menubar.selectionBorder#00000000
- menubar.selectionForeground#FFFFFF
- minimap.background#161616
- minimap.errorHighlight#ED4A46
- minimap.findMatchHighlight#4B4D4AB3
- minimap.selectionHighlight#4B4D4AB3
- minimap.warningHighlight#DBB32D
- minimapGutter.addedBackground#70B433
- minimapGutter.deletedBackground#ED4A46
- minimapGutter.modifiedBackground#DBB32D
- notificationCenter.border#8457AA
- notificationCenterHeader.background#1E201D
- notificationCenterHeader.foreground#AAAAAA
- notifications.background#161616
- notifications.border#8457AA
- notifications.foreground#AAAAAA
- notificationsErrorIcon.foreground#ED4A46
- notificationsInfoIcon.foreground#368AEB
- notificationsWarningIcon.foreground#DBB32D
- notificationToast.border#8457AA
- panel.background#161616
- panel.border#282A27
- panelSection.border#282A27
- panelStickyScroll.border#8457AA
- panelTitle.activeBorder#8457AA
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#AAAAAA
- peekView.border#8457AA
- peekViewEditor.background#161616
- peekViewEditor.matchHighlightBackground#4B4D4A
- peekViewEditor.matchHighlightBorder#8457AA
- peekViewEditorGutter.background#161616
- peekViewResult.background#1E201D
- peekViewResult.fileForeground#FFFFFF
- peekViewResult.lineForeground#AAAAAA
- peekViewResult.matchHighlightBackground#4B4D4A
- peekViewResult.selectionBackground#8457AA
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#1E201D
- peekViewTitleDescription.foreground#AAAAAA
- peekViewTitleLabel.foreground#FFFFFF
- pickerGroup.border#282A27
- pickerGroup.foreground#AAAAAA
- progressBar.background#8457AA
- sash.hoverBorder#8457AA
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#8457AA7F
- scrollbarSlider.background#282A27B3
- scrollbarSlider.hoverBackground#8457AAB3
- selection.background#4B4D4A
- settings.dropdownBorder#8457AA
- settings.dropdownForeground#AAAAAA
- settings.focusedRowBackground#00000000
- settings.focusedRowBorder#8457AA
- settings.headerForeground#AAAAAA
- settings.modifiedItemIndicator#EFC541
- settings.settingsHeaderHoverForeground#FFFFFF
- sideBar.background#161616
- sideBar.border#282A27
- sideBar.dropBackground#282A277F
- sideBar.foreground#AAAAAA
- sideBarSectionHeader.background#1E201D
- sideBarSectionHeader.border#282A27
- sideBarSectionHeader.foreground#AAAAAA
- sideBarStickyScroll.border#8457AA
- sideBarTitle.foreground#AAAAAA
- statusBar.background#161616
- statusBar.border#8457AA
- statusBar.foreground#AAAAAA
- statusBarItem.activeBackground#8457AA
- statusBarItem.hoverBackground#9068B3
- statusBarItem.hoverForeground#FFFFFF
- tab.activeBackground#282A27
- tab.activeBorder#8457AA
- tab.activeBorderTop#00000000
- tab.activeForeground#AAAAAA
- tab.border#282A27
- tab.dragAndDropBorder#8457AA
- tab.hoverBackground#3E3F3D
- tab.hoverForeground#FFFFFF
- tab.inactiveBackground#161616
- tab.inactiveForeground#808080
- terminal.ansiBlack#252525
- terminal.ansiBlue#368AEB
- terminal.ansiBrightBlack#3B3B3B
- terminal.ansiBrightBlue#4F9CFE
- terminal.ansiBrightCyan#56D8C9
- terminal.ansiBrightGreen#83C746
- terminal.ansiBrightMagenta#FF81CA
- terminal.ansiBrightRed#FF5E56
- terminal.ansiBrightWhite#DEDEDE
- terminal.ansiBrightYellow#EFC541
- terminal.ansiCyan#3FC5B7
- terminal.ansiGreen#70B433
- terminal.ansiMagenta#EB6EB7
- terminal.ansiRed#ED4A46
- terminal.ansiWhite#777777
- terminal.ansiYellow#DBB32D
- terminal.border#282A27
- terminal.foreground#AAAAAA
- terminal.selectionBackground#4B4D4A
- terminalCursor.background#252525
- terminalCursor.foreground#FFFFFF
- textLink.foreground#368AEB
- titleBar.activeBackground#161616
- titleBar.activeForeground#AAAAAA
- titleBar.border#282A27
- titleBar.inactiveBackground#111111
- titleBar.inactiveForeground#808080
- toolbar.activeBackground#8457AA
- toolbar.hoverBackground#9068B3
- tree.indentGuidesStroke#8457AA
- walkThrough.embeddedEditorBackground#161616
- welcomePage.background#161616
- welcomePage.progress.background#1E201D
- welcomePage.progress.foreground#8457AA
- welcomePage.tileBackground#282A27
- welcomePage.tileHoverBackground#3E3F3D
- widget.border#282A27
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #F8F8F2 | — |
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python | #F8F8F2 | — |
| comment | #88846F | — |
| string | #E6DB74 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #F92672 | — |
| meta.template.expression | #F8F8F2 | — |
| constant.numeric | #AE81FF | — |
| constant.language | #AE81FF | — |
| constant.character, constant.other | #AE81FF | — |
| variable | #F8F8F2 | |
| keyword | #F92672 | — |
| storage | #F92672 | |
| storage.type | #66D9EF | italic |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #C0FF43 | underline |
| entity.other.inherited-class | #C0FF43 | italic underline |
| entity.name.function | #C0FF43 | |
| variable.parameter | #FD971F | italic |
| entity.name.tag | #F92672 | |
| entity.other.attribute-name | #C0FF43 | |
| support.function | #66D9EF | |
| support.constant | #66D9EF | |
| support.type, support.class | #66D9EF | italic |
| support.other.variable | — | |
| invalid | #F44747 | |
| invalid.deprecated | #F44747 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #C0FF43 | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| markup.quote | #F92672 | — |
| markup.list | #E6DB74 | — |
| markup.bold, markup.italic | #66D9EF | — |
| markup.inline.raw | #FD971F | |
| markup.heading | #C0FF43 | — |
| markup.heading.setext | #C0FF43 | bold |
| markup.heading.markdown | — | bold |
| markup.quote.markdown | #75715E | italic |
| markup.bold.markdown | — | bold |
| string.other.link.title.markdown,string.other.link.description.markdown | #AE81FF | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #E6DB74 | — |
| markup.italic.markdown | — | italic |
| markup.strikethrough | — | strikethrough |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #F8F8F2 | — |
| punctuation.definition.list.begin.markdown | #C0FF43 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| variable.language | #FD971F | — |