Yozakura Colors for VS Code
Publisher: Anustup DuttaThemes in package: 2
Yoru (Night) & Hiru (Day) color themes for VS 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#303c5c
- activityBar.activeBorder#d8aac4
- activityBar.activeFocusBorder#b898d0
- activityBar.background#18203a
- activityBar.border#1e2840
- activityBar.dropBorder#b898d0
- activityBar.foreground#d0daf0
- activityBar.inactiveForeground#6070a0
- activityBarBadge.background#d8aac4
- activityBarBadge.foreground#18203a
- badge.background#9080c0
- badge.foreground#e8eef8
- breadcrumb.activeSelectionForeground#d8aac4
- breadcrumb.background#1e2840
- breadcrumb.focusForeground#d0daf0
- breadcrumb.foreground#9098c0
- breadcrumbPicker.background#1e2840
- button.background#9080c0
- button.foreground#e8eef8
- button.hoverBackground#b898d0
- button.secondaryBackground#445278
- button.secondaryForeground#d0daf0
- button.secondaryHoverBackground#3a4868
- checkbox.background#2a3450
- checkbox.border#6070a0
- checkbox.foreground#d0daf0
- debugIcon.breakpointDisabledForeground#c0788860
- debugIcon.breakpointForeground#e098a0
- debugIcon.breakpointUnverifiedForeground#d0a870
- debugIcon.continueForeground#7aa898
- debugIcon.currentStackFrameForeground#e8d870
- debugIcon.pauseForeground#7ab0c8
- debugIcon.restartForeground#7aa898
- debugIcon.stepBackForeground#8898c8
- debugIcon.stepIntoForeground#8898c8
- debugIcon.stepOutForeground#8898c8
- debugIcon.stepOverForeground#8898c8
- debugIcon.stopForeground#e098a0
- debugToolBar.background#1e2840
- debugToolBar.border#303c5c
- debugView.exceptionLabelBackground#c0788890
- debugView.exceptionLabelForeground#e8eef8
- debugView.stateLabelBackground#44527890
- debugView.stateLabelForeground#d0daf0
- descriptionForeground#b0bcd8
- diffEditor.border#303c5c
- diffEditor.diagonalFill#303c5c40
- diffEditor.insertedTextBackground#7aa89820
- diffEditor.insertedTextBorder#7aa89840
- diffEditor.removedTextBackground#e098a020
- diffEditor.removedTextBorder#e098a040
- diffEditorGutter.insertedLineBackground#7aa89820
- diffEditorGutter.removedLineBackground#e098a020
- diffEditorOverview.insertedForeground#7aa89880
- diffEditorOverview.removedForeground#e098a080
- disabledForeground#9098c0
- dropdown.background#1e2840
- dropdown.border#303c5c
- dropdown.foreground#d0daf0
- dropdown.listBackground#1e2840
- editor.background#18203a
- editor.findMatchBackground#6070a050
- editor.findMatchBorder#7080b0
- editor.findMatchHighlightBackground#44527840
- editor.findMatchHighlightBorder#6070a060
- editor.findRangeHighlightBackground#2a345050
- editor.foreground#d0daf0
- editor.hoverHighlightBackground#3a486840
- editor.inactiveSelectionBackground#44527840
- editor.lineHighlightBackground#2a345040
- editor.lineHighlightBorder#303c5c00
- editor.rangeHighlightBackground#44527820
- editor.selectionBackground#44527870
- editor.selectionHighlightBackground#44527840
- editor.selectionHighlightBorder#8090c060
- editor.symbolHighlightBackground#507098aa
- editor.wordHighlightBackground#3a486850
- editor.wordHighlightBorder#7080b040
- editor.wordHighlightStrongBackground#44527850
- editor.wordHighlightStrongBorder#8090c040
- editorBracketHighlight.foreground1#d8aac4
- editorBracketHighlight.foreground2#b898d0
- editorBracketHighlight.foreground3#8898c8
- editorBracketHighlight.foreground4#7ab0c8
- editorBracketHighlight.foreground5#7aa898
- editorBracketHighlight.foreground6#e8d870
- editorBracketHighlight.unexpectedBracket.foreground#e098a0
- editorBracketMatch.background#6070a030
- editorBracketMatch.border#7080b0
- editorCodeLens.foreground#7080b0
- editorCursor.background#18203a
- editorCursor.foreground#e098a0
- editorError.border#e098a040
- editorError.foreground#e098a0
- editorGroup.border#2a3450
- editorGroup.dropBackground#3a486830
- editorGroup.emptyBackground#18203a
- editorGroupHeader.noTabsBackground#1e2840
- editorGroupHeader.tabsBackground#1e2840
- editorGroupHeader.tabsBorder#2a3450
- editorGutter.addedBackground#7aa89890
- editorGutter.commentRangeForeground#6070a0
- editorGutter.deletedBackground#e098a090
- editorGutter.foldingControlForeground#7080b0
- editorGutter.modifiedBackground#7ab0c890
- editorHint.foreground#7aa898
- editorHoverWidget.background#1e2840
- editorHoverWidget.border#303c5c
- editorHoverWidget.foreground#d0daf0
- editorHoverWidget.highlightForeground#d8aac4
- editorHoverWidget.statusBarBackground#2a3450
- editorIndentGuide.activeBackground#6070a0
- editorIndentGuide.background#303c5c
- editorInfo.border#7ab0c840
- editorInfo.foreground#7ab0c8
- editorLineNumber.activeForeground#d8aac4
- editorLineNumber.foreground#6070a0
- editorLink.activeForeground#7ab0c8
- editorOverviewRuler.addedForeground#7aa89880
- editorOverviewRuler.border#1e2840
- editorOverviewRuler.bracketMatchForeground#7080b080
- editorOverviewRuler.deletedForeground#e098a080
- editorOverviewRuler.errorForeground#e098a080
- editorOverviewRuler.findMatchForeground#7080b080
- editorOverviewRuler.infoForeground#7ab0c880
- editorOverviewRuler.modifiedForeground#7ab0c880
- editorOverviewRuler.selectionHighlightForeground#44527880
- editorOverviewRuler.warningForeground#e8d87080
- editorOverviewRuler.wordHighlightForeground#7080b060
- editorOverviewRuler.wordHighlightStrongForeground#8090c060
- editorRuler.foreground#303c5c
- editorSuggestWidget.background#1e2840
- editorSuggestWidget.border#303c5c
- editorSuggestWidget.foreground#d0daf0
- editorSuggestWidget.highlightForeground#d8aac4
- editorSuggestWidget.selectedBackground#3a4868
- editorSuggestWidget.selectedForeground#e8eef8
- editorSuggestWidget.selectedIconForeground#d8aac4
- editorUnnecessaryCode.opacity#d0daf070
- editorWarning.border#e8d87040
- editorWarning.foreground#e8d870
- editorWhitespace.foreground#6070a040
- editorWidget.background#1e2840
- editorWidget.border#303c5c
- editorWidget.foreground#d0daf0
- editorWidget.resizeBorder#b898d0
- errorForeground#e098a0
- extensionBadge.remoteBackground#9080c0
- extensionBadge.remoteForeground#e8eef8
- extensionButton.prominentBackground#9080c0
- extensionButton.prominentForeground#e8eef8
- extensionButton.prominentHoverBackground#b898d0
- focusBorder#b898d080
- foreground#d0daf0
- gitDecoration.addedResourceForeground#7aa898
- gitDecoration.conflictingResourceForeground#e8d870
- gitDecoration.deletedResourceForeground#e098a0
- gitDecoration.ignoredResourceForeground#6070a0
- gitDecoration.modifiedResourceForeground#7ab0c8
- gitDecoration.renamedResourceForeground#d8aac4
- gitDecoration.stageDeletedResourceForeground#e098a0
- gitDecoration.stageModifiedResourceForeground#8090c0
- gitDecoration.submoduleResourceForeground#8898c8
- gitDecoration.untrackedResourceForeground#7aa898
- icon.foreground#b0bcd8
- inlineValuesWidget.background#1e2840cc
- inlineValuesWidget.foreground#9098c0
- input.background#2a3450
- input.border#6070a0
- input.foreground#d0daf0
- input.placeholderForeground#9098c0
- inputOption.activeBackground#445278
- inputOption.activeBorder#b898d0
- inputOption.activeForeground#e8eef8
- inputValidation.errorBackground#b0788880
- inputValidation.errorBorder#e098a0
- inputValidation.errorForeground#e8eef8
- inputValidation.infoBackground#6080b880
- inputValidation.infoBorder#7ab0c8
- inputValidation.warningBackground#d0a87080
- inputValidation.warningBorder#e8d870
- list.activeSelectionBackground#3a4868
- list.activeSelectionForeground#e8eef8
- list.activeSelectionIconForeground#d8aac4
- list.dropBackground#445278
- list.errorForeground#e098a0
- list.filterMatchBackground#44527840
- list.filterMatchBorder#8090c0
- list.focusBackground#3a4868
- list.focusForeground#d0daf0
- list.highlightForeground#d8aac4
- list.hoverBackground#303c5c
- list.hoverForeground#d0daf0
- list.inactiveFocusBackground#2a3450
- list.inactiveSelectionBackground#303c5c
- list.inactiveSelectionForeground#b0bcd8
- list.invalidItemForeground#e098a0
- list.warningForeground#e8d870
- listFilterWidget.background#1e2840
- listFilterWidget.noMatchesOutline#e098a0
- listFilterWidget.outline#b898d0
- menu.background#1e2840
- menu.border#303c5c
- menu.foreground#d0daf0
- menu.selectionBackground#3a4868
- menu.selectionBorder#6070a0
- menu.selectionForeground#e8eef8
- menu.separatorBackground#303c5c
- menubar.selectionBackground#303c5c
- menubar.selectionBorder#6070a0
- menubar.selectionForeground#d0daf0
- merge.commonContentBackground#3a486820
- merge.commonHeaderBackground#3a486840
- merge.currentContentBackground#7aa89820
- merge.currentHeaderBackground#7aa89840
- merge.incomingContentBackground#6080b820
- merge.incomingHeaderBackground#6080b840
- minimap.background#18203a
- minimap.errorHighlight#e098a080
- minimap.findMatchHighlight#7080b060
- minimap.selectionHighlight#44527860
- minimap.warningHighlight#e8d87080
- minimapGutter.addedBackground#7aa89880
- minimapGutter.deletedBackground#e098a080
- minimapGutter.modifiedBackground#7ab0c880
- notificationCenter.border#303c5c
- notificationCenterHeader.background#2a3450
- notificationCenterHeader.foreground#d0daf0
- notifications.background#1e2840
- notifications.border#2a3450
- notifications.foreground#d0daf0
- notificationsErrorIcon.foreground#e098a0
- notificationsInfoIcon.foreground#7ab0c8
- notificationsWarningIcon.foreground#e8d870
- notificationToast.border#303c5c
- panel.background#18203a
- panel.border#2a3450
- panel.dropBorder#d8aac4
- panelInput.border#303c5c
- panelSection.border#303c5c
- panelTitle.activeBorder#d8aac4
- panelTitle.activeForeground#e8eef8
- panelTitle.inactiveForeground#6070a0
- peekView.border#9080c0
- peekViewEditor.background#1e2840
- peekViewEditor.matchHighlightBackground#44527860
- peekViewEditorGutter.background#18203a
- peekViewResult.background#2a3450
- peekViewResult.fileForeground#d0daf0
- peekViewResult.lineForeground#b0bcd8
- peekViewResult.matchHighlightBackground#44527860
- peekViewResult.selectionBackground#3a4868
- peekViewResult.selectionForeground#e8eef8
- peekViewTitle.background#303c5c
- peekViewTitleDescription.foreground#b0bcd8
- peekViewTitleLabel.foreground#d8aac4
- pickerGroup.border#303c5c
- pickerGroup.foreground#9098c0
- progressBar.background#b898d0
- quickInput.background#1e2840
- quickInput.foreground#d0daf0
- quickInputList.focusBackground#3a4868
- quickInputList.focusForeground#e8eef8
- quickInputList.focusIconForeground#d8aac4
- quickInputTitle.background#2a3450
- sash.hoverBorder#b898d0
- scrollbar.shadow#18203a99
- scrollbarSlider.activeBackground#7080b080
- scrollbarSlider.background#6070a040
- scrollbarSlider.hoverBackground#7080b060
- selection.background#445278
- sideBar.background#1e2840
- sideBar.border#2a3450
- sideBar.dropBackground#3a486840
- sideBar.foreground#b0bcd8
- sideBarSectionHeader.background#2a3450
- sideBarSectionHeader.border#303c5c
- sideBarSectionHeader.foreground#d0daf0
- sideBarTitle.foreground#d8aac4
- statusBar.background#18203a
- statusBar.border#1e2840
- statusBar.debuggingBackground#d0a870
- statusBar.debuggingBorder#18203a
- statusBar.debuggingForeground#18203a
- statusBar.foreground#9098c0
- statusBar.noFolderBackground#303c5c
- statusBar.noFolderBorder#2a3450
- statusBar.noFolderForeground#b0bcd8
- statusBarItem.activeBackground#3a4868
- statusBarItem.errorBackground#c07888
- statusBarItem.errorForeground#e8eef8
- statusBarItem.hoverBackground#303c5c
- statusBarItem.prominentBackground#2a3450
- statusBarItem.prominentForeground#d8aac4
- statusBarItem.prominentHoverBackground#303c5c
- statusBarItem.remoteBackground#9080c0
- statusBarItem.remoteForeground#e8eef8
- statusBarItem.warningBackground#d0a870
- statusBarItem.warningForeground#18203a
- symbolIcon.arrayForeground#7ab0c8
- symbolIcon.booleanForeground#f2d4b8
- symbolIcon.classForeground#d8aac4
- symbolIcon.colorForeground#e098a0
- symbolIcon.constantForeground#f2d4b8
- symbolIcon.constructorForeground#d8aac4
- symbolIcon.enumeratorForeground#e8d870
- symbolIcon.enumeratorMemberForeground#d0a870
- symbolIcon.eventForeground#e8d870
- symbolIcon.fieldForeground#8898c8
- symbolIcon.fileForeground#d8aac4
- symbolIcon.folderForeground#d8aac4
- symbolIcon.functionForeground#6080b8
- symbolIcon.interfaceForeground#7ab0c8
- symbolIcon.keyForeground#8898c8
- symbolIcon.keywordForeground#b898d0
- symbolIcon.methodForeground#6080b8
- symbolIcon.moduleForeground#d0daf0
- symbolIcon.namespaceForeground#d0daf0
- symbolIcon.nullForeground#9098c0
- symbolIcon.numberForeground#e8d870
- symbolIcon.objectForeground#7ab0c8
- symbolIcon.operatorForeground#b0bcd8
- symbolIcon.packageForeground#d8aac4
- symbolIcon.propertyForeground#8898c8
- symbolIcon.referenceForeground#8898c8
- symbolIcon.snippetForeground#7aa898
- symbolIcon.stringForeground#7aa898
- symbolIcon.structForeground#7ab0c8
- symbolIcon.textForeground#d0daf0
- symbolIcon.typeParameterForeground#7ab0c8
- symbolIcon.unitForeground#e8d870
- symbolIcon.variableForeground#d0daf0
- tab.activeBackground#2a3450
- tab.activeBorder#2a3450
- tab.activeBorderTop#d8aac4
- tab.activeForeground#e8eef8
- tab.activeModifiedBorder#7ab0c8
- tab.border#1e2840
- tab.hoverBackground#303c5c
- tab.hoverForeground#d0daf0
- tab.inactiveBackground#1e2840
- tab.inactiveForeground#6070a0
- tab.inactiveModifiedBorder#507098
- tab.unfocusedActiveBackground#2a3450
- tab.unfocusedActiveBorder#2a3450
- tab.unfocusedActiveBorderTop#9080c040
- tab.unfocusedActiveForeground#b0bcd8
- tab.unfocusedHoverBackground#303c5c
- tab.unfocusedInactiveBackground#1e2840
- tab.unfocusedInactiveForeground#6070a0
- terminal.ansiBlack#18203a
- terminal.ansiBlue#6080b8
- terminal.ansiBrightBlack#445278
- terminal.ansiBrightBlue#8898c8
- terminal.ansiBrightCyan#7ab0c8
- terminal.ansiBrightGreen#7aa898
- terminal.ansiBrightMagenta#d8aac4
- terminal.ansiBrightRed#e098a0
- terminal.ansiBrightWhite#e8eef8
- terminal.ansiBrightYellow#d0a870
- terminal.ansiCyan#7ab0c8
- terminal.ansiGreen#7aa898
- terminal.ansiMagenta#b898d0
- terminal.ansiRed#c07888
- terminal.ansiWhite#d0daf0
- terminal.ansiYellow#e8d870
- terminal.background#18203a
- terminal.border#2a3450
- terminal.foreground#d0daf0
- terminal.selectionBackground#44527870
- terminalCursor.background#18203a
- terminalCursor.foreground#e098a0
- textBlockQuote.background#1e2840
- textBlockQuote.border#b898d0
- textCodeBlock.background#303c5c
- textLink.activeForeground#7ab0c8
- textLink.foreground#8898c8
- textPreformat.foreground#d8aac4
- textSeparator.foreground#6070a0
- titleBar.activeBackground#1e2840
- titleBar.activeForeground#d0daf0
- titleBar.border#2a3450
- titleBar.inactiveBackground#18203a
- titleBar.inactiveForeground#6070a0
- tree.indentGuidesStroke#3a4868
- widget.shadow#18203a99
- window.activeBorder#303c5c
- window.inactiveBorder#2a3450
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9098c0 | italic |
| string, string.quoted, string.template | #7aa898 | — |
| constant.character.escape, string.regexp | #7ab0c8 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #e8d870 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language | #f2d4b8 | — |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.export, keyword.other | #b898d0 | — |
| storage.type, storage.modifier | #b898d0 | italic |
| keyword.operator | #b0bcd8 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace | #9098c0 | — |
| entity.name.function, meta.function entity.name.function | #6080b8 | — |
| support.function, meta.function-call entity.name.function, variable.function | #7ab0c8 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class | #d8aac4 | — |
| entity.name.type.interface | #7ab0c8 | — |
| entity.name.type.parameter | #7ab0c8 | italic |
| entity.name.namespace, entity.name.module, support.module | #d0daf0 | — |
| variable, variable.other, variable.other.readwrite | #d0daf0 | — |
| variable.parameter | #b0bcd8 | italic |
| variable.other.property, variable.other.object.property, support.type.property-name, meta.object-literal.key | #8898c8 | — |
| variable.other.constant, constant.other | #f2d4b8 | — |
| variable.other.enummember | #d0a870 | — |
| entity.name.tag, meta.tag.sgml | #e098a0 | — |
| entity.other.attribute-name, meta.tag entity.other.attribute-name | #d0a870 | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #e098a0 | — |
| support.type.property-name.css | #8898c8 | — |
| support.constant.property-value.css, meta.property-value.css | #7aa898 | — |
| keyword.other.unit.css | #e8d870 | — |
| variable.css, variable.argument.css | #b898d0 | — |
| keyword.control.at-rule, keyword.at-rule | #b898d0 | — |
| support.type.property-name.json | #8898c8 | — |
| markup.heading, entity.name.section.markdown | #d8aac4 | bold |
| markup.bold | #f2d4b8 | bold |
| markup.italic | #b898d0 | italic |
| markup.inline.raw, markup.fenced_code.block | #7aa898 | — |
| markup.underline.link | #7ab0c8 | — |
| meta.link.inline.markdown, string.other.link.title.markdown | #8898c8 | — |
| markup.quote | #9098c0 | italic |
| punctuation.definition.list.begin.markdown | #d8aac4 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #d0a870 | — |
| invalid, invalid.illegal | #e098a0 | underline |
| invalid.deprecated | #b07888 | strikethrough |