Ensō
Publisher: EnsōThemes in package: 1
円相 Creative Collective official VS Code theme.
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#d4a574
- activityBar.background#14120b
- activityBar.foreground#a8a39a
- activityBarBadge.background#8b6f47
- activityBarBadge.foreground#1a1816
- badge.background#4a3d2f
- badge.foreground#e8e4df
- breadcrumb.activeSelectionForeground#d4a574
- breadcrumb.focusForeground#e8e4df
- breadcrumb.foreground#6b6760
- breadcrumbPicker.background#1f1d1a
- button.background#4a3d2f
- button.foreground#e8e4df
- button.hoverBackground#5a4d3f
- button.secondaryBackground#2d2a26
- button.secondaryForeground#c9b8a3
- button.secondaryHoverBackground#3a352f
- diffEditor.insertedLineBackground#2a3d2a20
- diffEditor.insertedTextBackground#2a3d2a40
- diffEditor.removedLineBackground#4a2d2a20
- diffEditor.removedTextBackground#4a2d2a40
- dropdown.background#25221f
- dropdown.border#3a352f
- dropdown.foreground#e8e4df
- dropdown.listBackground#1f1d1a
- editor.background#14120b
- editor.findMatchBackground#4a3d2f80
- editor.findMatchHighlightBackground#3a352f80
- editor.findRangeHighlightBackground#2d2a2640
- editor.foreground#e8e4df
- editor.lineHighlightBackground#25221f
- editor.selectionBackground#3a352f
- editor.selectionHighlightBackground#2d2a2640
- editorBracketHighlight.foreground1#998c9b
- editorBracketHighlight.foreground2#998c9b
- editorBracketHighlight.foreground3#998c9b
- editorBracketHighlight.foreground4#998c9b
- editorBracketHighlight.foreground5#998c9b
- editorBracketHighlight.foreground6#998c9b
- editorBracketHighlight.unexpectedBracket.foreground#b87a7a
- editorBracketMatch.background#3a352f80
- editorBracketMatch.border#8b6f47
- editorCursor.foreground#d4a574
- editorGroupHeader.border#3a352f
- editorGroupHeader.noTabsBackground#1f1d1a
- editorGroupHeader.tabsBackground#1f1d1a
- editorGroupHeader.tabsBorder#3a352f
- editorHoverWidget.background#1f1d1a
- editorHoverWidget.border#3a352f
- editorIndentGuide.activeBackground1#3a352f
- editorIndentGuide.background1#2d2a26
- editorLineNumber.activeForeground#a8a39a
- editorLineNumber.foreground#6b6760
- editorOverviewRuler.addedForeground#9ba88b
- editorOverviewRuler.border#25221f
- editorOverviewRuler.deletedForeground#b87a7a
- editorOverviewRuler.errorForeground#b87a7a
- editorOverviewRuler.findMatchForeground#4a3d2f80
- editorOverviewRuler.infoForeground#7a8ba8
- editorOverviewRuler.modifiedForeground#c9b88b
- editorOverviewRuler.selectionHighlightForeground#3a352f80
- editorOverviewRuler.warningForeground#c9b88b
- editorOverviewRuler.wordHighlightForeground#2d2a2680
- editorOverviewRuler.wordHighlightStrongForeground#3a352f80
- editorSuggestWidget.background#1f1d1a
- editorSuggestWidget.border#3a352f
- editorSuggestWidget.foreground#e8e4df
- editorSuggestWidget.highlightForeground#d4a574
- editorSuggestWidget.selectedBackground#2d2a26
- editorWidget.background#1f1d1a
- editorWidget.border#3a352f
- gitDecoration.conflictingResourceForeground#a88ba8
- gitDecoration.deletedResourceForeground#b87a7a
- gitDecoration.ignoredResourceForeground#4a453f
- gitDecoration.modifiedResourceForeground#c9b88b
- gitDecoration.untrackedResourceForeground#9ba88b
- input.background#14120b
- input.border#3a352f
- input.foreground#e8e4df
- inputOption.activeBorder#8b6f47
- inputValidation.errorBackground#4a2d2a
- inputValidation.errorBorder#8b4a47
- inputValidation.infoBackground#2a2d4a
- inputValidation.infoBorder#4a5a8b
- inputValidation.warningBackground#4a3d2a
- inputValidation.warningBorder#8b6f47
- list.activeSelectionBackground#2d2a26
- list.activeSelectionForeground#e8e4df
- list.errorForeground#b87a7a
- list.hoverBackground#25221f
- list.inactiveSelectionBackground#25221f
- list.warningForeground#c9b88b
- notificationCenter.border#3a352f
- notificationCenterHeader.background#1f1d1a
- notificationCenterHeader.foreground#c9b8a3
- notifications.background#1f1d1a
- notifications.border#3a352f
- notifications.foreground#e8e4df
- notificationsErrorIcon.foreground#b87a7a
- notificationsInfoIcon.foreground#7a8ba8
- notificationsWarningIcon.foreground#c9b88b
- notificationToast.border#3a352f
- panel.background#1f1d1a
- panel.border#25221f
- panelTitle.activeForeground#d4a574
- panelTitle.inactiveForeground#6b6760
- peekView.border#8b6f47
- peekViewEditor.background#1a1816
- peekViewEditor.matchHighlightBackground#4a3d2f
- peekViewResult.background#1f1d1a
- peekViewResult.selectionBackground#2d2a26
- peekViewTitle.background#1f1d1a
- peekViewTitleLabel.foreground#d4a574
- progressBar.background#8b6f47
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#5a554f80
- scrollbarSlider.background#3a352f80
- scrollbarSlider.hoverBackground#4a453f80
- sideBar.background#14120b
- sideBarSectionHeader.background#1f1d1a
- sideBarSectionHeader.foreground#c9b8a3
- sideBarTitle.foreground#d4a574
- statusBar.background#14120b
- statusBar.debuggingBackground#4a3d2f
- statusBar.foreground#c9b8a3
- statusBar.noFolderBackground#1f1d1a
- statusBarItem.prominentBackground#2d2a26
- statusBarItem.prominentHoverBackground#3a352f
- tab.activeBackground#14120b
- tab.activeBorder#d4a574
- tab.activeBorderTop#d4a574
- tab.activeForeground#e8e4df
- tab.activeModifiedBorder#c9b88b
- tab.border#3a352f
- tab.hoverBackground#2d2a26
- tab.hoverForeground#c9b8a3
- tab.inactiveBackground#14120b
- tab.inactiveForeground#6b6760
- tab.inactiveModifiedBorder#6b6760
- tab.lastPinnedBorder#3a352f
- tab.unfocusedActiveBackground#1f1d1a
- tab.unfocusedActiveForeground#a8a39a
- tab.unfocusedActiveModifiedBorder#8b6f47
- tab.unfocusedInactiveBackground#1f1d1a
- tab.unfocusedInactiveForeground#4a453f
- tab.unfocusedInactiveModifiedBorder#4a453f
- terminal.ansiBlack#1a1816
- terminal.ansiBlue#7a8ba8
- terminal.ansiBrightBlack#3a352f
- terminal.ansiBrightBlue#9aabc8
- terminal.ansiBrightCyan#abc8c8
- terminal.ansiBrightGreen#b3c8a3
- terminal.ansiBrightMagenta#c8abc8
- terminal.ansiBrightRed#d49a9a
- terminal.ansiBrightWhite#f8f4ef
- terminal.ansiBrightYellow#e1d0a3
- terminal.ansiCyan#8ba8a8
- terminal.ansiGreen#9ba88b
- terminal.ansiMagenta#a88ba8
- terminal.ansiRed#b87a7a
- terminal.ansiWhite#e8e4df
- terminal.ansiYellow#c9b88b
- terminal.background#14120b
- terminal.foreground#e8e4df
- textLink.activeForeground#a8b8c9
- textLink.foreground#8b9aab
- titleBar.activeBackground#14120b
- titleBar.activeForeground#c9b8a3
- titleBar.inactiveBackground#14120b
- titleBar.inactiveForeground#6b6760
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #796f5d | italic |
| string, string.quoted, string.template | #a1ab55 | italic |
| entity.name.type.error, support.type.error, entity.name.class.error | #b87a7a | bold |
| constant.numeric, constant.language.boolean, constant.language.null | #8b8b8b | — |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.other.important | #aa88b0 | — |
| entity.name.function, meta.function-call entity.name.function, support.function, meta.method-call entity.name.function | #8b9aab | bold |
| variable.other.object.tsx | #de8a52 | — |
| variable, meta.definition.variable.name, support.variable | #edd9b6 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.other.inherited-class, support.type, support.class | #d15d60 | italic |
| variable.other.property, variable.other.object.property, support.type.property-name | #edd9b6 | — |
| entity.name.tag, punctuation.definition.tag | #7a8ba8 | — |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #9aabc8 | — |
| keyword.operator, punctuation | #a484a8 | — |
| constant.language, constant.other, variable.other.constant | #d15d60 | — |
| string.regexp, constant.other.character-class.regexp, constant.character.escape.regexp | #8ba8a8 | — |
| markup.bold, markup.heading | #e8e4df | bold |
| markup.italic | — | italic |
| markup.underline | — | underline |
| markup.underline.link, string.other.link | #8b9aab | underline |
| markup.quote | #6b6760 | italic |
| markup.list | #a8a39a | — |
| meta.diff.header | #6b6760 | — |
| markup.deleted | #b87a7a | — |
| markup.inserted | #9ba88b | — |
| invalid, invalid.illegal | #b87a7a | bold underline |
| invalid.deprecated | #c9b88b | strikethrough |
| support.type.property-name.json | #b3c8a3 | — |
| string.quoted.double.json | #9ba88b | — |
| support.type.property-name.css | #b3c8a3 | — |
| support.constant.property-value.css | #c9b88b | — |
| constant.character.entity.html, constant.character.entity.xml | #8ba8a8 | — |
| variable.language.this | #d4a574 | italic |
| variable.language.super | #d4a574 | italic |
| variable.language.python | #d4a574 | italic |
| storage | #aa88b0 | bold |
| entity.name | #d4a574 | — |
| support | #8b9aab | — |
| punctuation.definition | #998c9b | — |
| punctuation.section | #998c9b | — |
| punctuation.separator | #6b6760 | — |
| punctuation.terminator | #998c9b | — |
| source | #edd9b6 | — |
| text | #e8e4df | — |