Keiryu Theme
Publisher: 8mitsuboyThemes in package: 1
A dark color theme inspired by mountain streams
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#181b1c
- activityBar.border#2b2c2f
- activityBar.foreground#b3a990
- activityBar.inactiveForeground#454b3f
- activityBarBadge.background#517860
- activityBarBadge.foreground#171a1b
- badge.background#517860
- badge.foreground#171a1b
- breadcrumb.background#1d2021
- breadcrumb.focusForeground#b3a990
- breadcrumb.foreground#9b927d
- button.background#517860
- button.foreground#171a1b
- button.hoverBackground#658f74
- diffEditor.insertedLineBackground#51786022
- diffEditor.insertedTextBackground#51786033
- diffEditor.removedLineBackground#c0484822
- diffEditor.removedTextBackground#c0484833
- dropdown.background#202325
- dropdown.border#2b2c2f
- dropdown.foreground#b3a990
- editor.background#1d2021
- editor.findMatchBackground#c0484855
- editor.findMatchHighlightBackground#c0484833
- editor.foreground#b3a990
- editor.inactiveSelectionBackground#587d8633
- editor.lineHighlightBackground#2b302d
- editor.selectionBackground#587d8666
- editor.wordHighlightBackground#2b302d
- editor.wordHighlightStrongBackground#2b302d
- editorBracketHighlight.foreground1#9b927d
- editorBracketHighlight.foreground2#c04848
- editorBracketHighlight.foreground3#587d86
- editorBracketHighlight.foreground4#c04848
- editorBracketHighlight.foreground5#736985
- editorBracketHighlight.foreground6#517860
- editorBracketHighlight.unexpectedBracket.foreground#a7884a
- editorBracketMatch.foreground#c04848
- editorBracketPairGuide.activeBackground1#9b927d
- editorBracketPairGuide.activeBackground2#c04848
- editorBracketPairGuide.activeBackground3#587d86
- editorBracketPairGuide.activeBackground4#c04848
- editorBracketPairGuide.activeBackground5#736985
- editorBracketPairGuide.activeBackground6#517860
- editorBracketPairGuide.background1#2b2c2f
- editorBracketPairGuide.background2#2b2c2f
- editorBracketPairGuide.background3#2b2c2f
- editorBracketPairGuide.background4#2b2c2f
- editorBracketPairGuide.background5#2b2c2f
- editorBracketPairGuide.background6#2b2c2f
- editorCursor.foreground#b3a990
- editorError.foreground#a7884a
- editorGroupHeader.tabsBackground#1d2021
- editorGutter.addedBackground#517860
- editorGutter.background#1d2021
- editorGutter.deletedBackground#c04848
- editorGutter.modifiedBackground#a7884a
- editorIndentGuide.activeBackground1#454b3f
- editorIndentGuide.background1#2b2c2f
- editorInfo.foreground#587d86
- editorLineNumber.activeForeground#9b927d
- editorLineNumber.foreground#454b3f
- editorWarning.foreground#c04848
- focusBorder#517860
- gitDecoration.addedResourceForeground#517860
- gitDecoration.conflictingResourceForeground#c04848
- gitDecoration.deletedResourceForeground#c04848
- gitDecoration.ignoredResourceForeground#666152
- gitDecoration.modifiedResourceForeground#a7884a
- gitDecoration.untrackedResourceForeground#517860
- input.background#2b302d
- input.border#2b2c2f
- input.foreground#b3a990
- input.placeholderForeground#666152
- inputOption.activeBorder#517860
- list.activeSelectionBackground#2b302d
- list.activeSelectionForeground#b3a990
- list.focusBackground#2b302d
- list.hoverBackground#2b2c2f
- list.inactiveSelectionBackground#2b2c2f
- notifications.background#202325
- notifications.border#2b2c2f
- notifications.foreground#b3a990
- panel.background#1d2021
- panel.border#2b2c2f
- panelTitle.activeBorder#c04848
- panelTitle.activeForeground#b3a990
- panelTitle.inactiveForeground#9b927d
- peekView.border#517860
- peekViewEditor.background#171a1b
- peekViewResult.background#202325
- peekViewTitle.background#202325
- peekViewTitleDescription.foreground#9b927d
- peekViewTitleLabel.foreground#b3a990
- scrollbarSlider.activeBackground#2b302d
- scrollbarSlider.background#2b302d80
- scrollbarSlider.hoverBackground#2b302dcc
- sideBar.background#1d2021
- sideBar.border#2b2c2f
- sideBar.foreground#b3a990
- sideBarSectionHeader.background#202325
- sideBarSectionHeader.border#2b2c2f
- sideBarSectionHeader.foreground#9b927d
- sideBarTitle.foreground#9b927d
- statusBar.background#1d2021
- statusBar.border#2b2c2f
- statusBar.foreground#9b927d
- statusBar.noFolderBackground#1d2021
- statusBarItem.hoverBackground#2b302d
- statusBarItem.remoteBackground#587d86
- statusBarItem.remoteForeground#171a1b
- tab.activeBackground#1d2021
- tab.activeBorderTop#517860
- tab.activeForeground#b3a990
- tab.border#2b2c2f
- tab.hoverBackground#2b302d
- tab.inactiveBackground#1d2021
- tab.inactiveForeground#454b3f
- terminal.ansiBlack#181b1c
- terminal.ansiBlue#587d86
- terminal.ansiBrightBlack#666152
- terminal.ansiBrightBlue#587d86
- terminal.ansiBrightCyan#587d86
- terminal.ansiBrightGreen#517860
- terminal.ansiBrightMagenta#736985
- terminal.ansiBrightRed#c04848
- terminal.ansiBrightWhite#c9bfa3
- terminal.ansiBrightYellow#a7884a
- terminal.ansiCyan#587d86
- terminal.ansiGreen#517860
- terminal.ansiMagenta#736985
- terminal.ansiRed#c04848
- terminal.ansiWhite#b3a990
- terminal.ansiYellow#a7884a
- terminal.background#1d2021
- terminal.foreground#b3a990
- titleBar.activeBackground#1d2021
- titleBar.activeForeground#9b927d
- titleBar.border#2b2c2f
- titleBar.inactiveBackground#1d2021
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #666152 | italic |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #c04848 | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #587d86 | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class | #736985 | — |
| entity.name.tag, meta.tag entity.name.tag, meta.tag.custom entity.name.tag, support.class.component | #a96b46 | — |
| punctuation.definition.tag, meta.tag punctuation, punctuation.bracket.angle | #454b3f | — |
| entity.other.attribute-name, entity.other.attribute-name.jsx, meta.tag.attributes entity.other.attribute-name, support.type.property-name | #736985 | — |
| markup.underline.link, markup.underline.link.markdown, markup.underline.link.mdx, string.other.link.title.markdown, string.other.link.title.mdx, markup.link | #587d86 | — |
| markup.inline.raw, markup.inline.raw.markdown, markup.inline.raw.mdx, markup.raw.code.mdx, markup.inline.raw.code.mdx, markup.fenced_code.block.markdown, markup.fenced_code.block.mdx, markup.raw.block.markdown, markup.raw.block.mdx | #517860 | — |
| markup.bold.markdown, markup.bold.mdx, markup.bold, string.other.strong.emphasis.asterisk.mdx, string.other.strong.emphasis.underscore.mdx, string.other.strong.asterisk.mdx, string.other.strong.underscore.mdx | #736985 | bold |
| markup.quote, markup.quote.markdown, markup.quote.mdx, punctuation.definition.quote.begin.markdown, punctuation.definition.quote.begin.mdx | #517860 | italic |
| string, string.quoted, string.template | #517860 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined | #9b927d | — |
| variable.other.property, variable.other.object.property, variable.parameter, meta.parameters variable.other | #517860 | — |
| entity.name.annotation, entity.name.type.annotation, meta.decorator, meta.decorator entity.name.function, meta.annotation, punctuation.decorator, punctuation.definition.annotation, storage.type.annotation, support.annotation, meta.annotation entity.name.type | #736985 | — |
| variable, variable.other | #b3a990 | — |
| keyword.operator | #9b927d | — |
| punctuation, meta.brace | #b3a990 | — |
| heading.1.markdown, heading.1.mdx, markup.heading.heading-1.markdown, markup.heading.heading-1.mdx, markup.heading.atx.1.mdx, markup.heading.setext.1.mdx | #c04848 | — |
| heading.2.markdown, heading.2.mdx, markup.heading.heading-2.markdown, markup.heading.heading-2.mdx, markup.heading.atx.2.mdx, markup.heading.setext.2.mdx | #a96b46 | — |
| heading.3.markdown, heading.3.mdx, markup.heading.heading-3.markdown, markup.heading.heading-3.mdx, markup.heading.atx.3.mdx | #a7884a | — |
| heading.4.markdown, heading.4.mdx, markup.heading.heading-4.markdown, markup.heading.heading-4.mdx, markup.heading.atx.4.mdx | #736985 | — |
| punctuation.definition.heading.markdown, punctuation.definition.heading.mdx | #454b3f | — |