Yuan
Publisher: Muqiu HanThemes in package: 14
A calm VS Code color theme family inspired by RMB denomination colors.
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.activeBorder#6EB881
- activityBar.background#090F0A
- activityBar.border#232B25
- activityBar.foreground#D8D2C4
- activityBar.inactiveForeground#8A867C
- activityBarBadge.background#74BF87
- activityBarBadge.foreground#1F211D
- badge.background#273129
- badge.foreground#D8D2C4
- button.background#6EB881
- button.border#1F211D1A
- button.foreground#1F211D
- button.hoverBackground#87D299
- button.secondaryBackground#273129
- button.secondaryForeground#D8D2C4
- button.secondaryHoverBackground#1A231C
- chat.editedFileForeground#70CABD
- chat.slashCommandBackground#1E472A99
- chat.slashCommandForeground#87D299
- checkbox.background#111A13
- checkbox.border#364038
- debugToolBar.background#090F0A
- descriptionForeground#8A867C
- dropdown.background#111A13
- dropdown.border#364038
- dropdown.foreground#D8D2C4
- dropdown.listBackground#111A13
- editor.background#111A13
- editor.findMatchBackground#70CABD88
- editor.findMatchHighlightBackground#70CABD44
- editor.foreground#D8D2C4
- editor.inactiveSelectionBackground#273129
- editor.lineHighlightBackground#1A231C
- editor.selectionBackground#1E472A
- editor.selectionHighlightBackground#1E472A88
- editor.wordHighlightBackground#70CABD33
- editor.wordHighlightStrongBackground#65C1D055
- editorBracketMatch.background#70CABD55
- editorBracketMatch.border#70CABD
- editorCursor.foreground#74BF87
- editorGroup.border#232B25
- editorGroupHeader.tabsBackground#090F0A
- editorGroupHeader.tabsBorder#232B25
- editorGutter.addedBackground#93AD8C
- editorGutter.deletedBackground#ED8B88
- editorGutter.modifiedBackground#A3B877
- editorIndentGuide.activeBackground1#8A867C
- editorIndentGuide.background1#232B25
- editorLineNumber.activeForeground#6EB881
- editorLineNumber.foreground#8A867C
- editorOverviewRuler.border#232B25
- editorSuggestWidget.background#1A231C
- editorSuggestWidget.border#364038
- editorSuggestWidget.foreground#D8D2C4
- editorSuggestWidget.highlightForeground#A3B877
- editorSuggestWidget.selectedBackground#273129
- editorWidget.background#1A231C
- editorWidget.border#364038
- errorForeground#ED8B88
- focusBorder#6EB881
- foreground#D8D2C4
- icon.foreground#D8D2C4
- input.background#111A13
- input.border#364038
- input.foreground#D8D2C4
- input.placeholderForeground#8A867C
- inputOption.activeBackground#1E472A99
- inputOption.activeBorder#6EB881
- inputOption.activeForeground#FFFFFF
- keybindingLabel.background#273129
- keybindingLabel.border#364038
- keybindingLabel.foreground#D8D2C4
- list.activeSelectionBackground#1E472A
- list.activeSelectionForeground#FFFFFF
- list.activeSelectionIconForeground#FFFFFF
- list.dropBackground#70CABD55
- list.focusAndSelectionOutline#6EB881
- list.focusBackground#1E472A88
- list.highlightForeground#A3B877
- list.hoverBackground#1A231C
- list.inactiveSelectionBackground#273129
- menu.background#111A13
- menu.border#364038
- menu.foreground#D8D2C4
- menu.selectionBackground#6EB881
- menu.selectionForeground#1F211D
- notebook.cellBorderColor#232B25
- notebook.selectedCellBackground#1E472A66
- notificationCenterHeader.background#090F0A
- notificationCenterHeader.foreground#D8D2C4
- notifications.background#111A13
- notifications.border#232B25
- notifications.foreground#D8D2C4
- panel.background#1A231C
- panel.border#232B25
- panelInput.border#364038
- panelTitle.activeBorder#6EB881
- panelTitle.activeForeground#D8D2C4
- panelTitle.inactiveForeground#8A867C
- peekViewEditor.background#111A13
- peekViewEditor.matchHighlightBackground#70CABD66
- peekViewResult.background#1A231C
- peekViewResult.matchHighlightBackground#70CABD66
- pickerGroup.border#364038
- pickerGroup.foreground#93AD8C
- ports.iconRunningProcessForeground#6EB881
- progressBar.background#6EB881
- quickInput.background#1A231C
- quickInput.foreground#D8D2C4
- searchEditor.textInputBorder#364038
- settings.dropdownBackground#111A13
- settings.dropdownBorder#364038
- settings.headerForeground#F0E8D8
- settings.modifiedItemIndicator#70CABD
- settings.numberInputBorder#364038
- settings.textInputBorder#364038
- sideBar.background#090F0A
- sideBar.border#232B25
- sideBar.foreground#D8D2C4
- sideBarSectionHeader.background#1A231C
- sideBarSectionHeader.border#232B25
- sideBarSectionHeader.foreground#D8D2C4
- sideBarTitle.foreground#F0E8D8
- statusBar.background#090F0A
- statusBar.border#232B25
- statusBar.debuggingBackground#70CABD
- statusBar.debuggingForeground#1F211D
- statusBar.focusBorder#6EB881
- statusBar.foreground#D8D2C4
- statusBar.noFolderBackground#111A13
- statusBarItem.errorBackground#ED8B88
- statusBarItem.focusBorder#6EB881
- statusBarItem.hoverBackground#FFFFFF1A
- statusBarItem.hoverForeground#F0E8D8
- statusBarItem.prominentBackground#273129
- statusBarItem.remoteBackground#6EB881
- statusBarItem.remoteForeground#1F211D
- tab.activeBackground#111A13
- tab.activeBorder#111A13
- tab.activeBorderTop#6EB881
- tab.activeForeground#F0E8D8
- tab.border#232B25
- tab.hoverBackground#111A13
- tab.inactiveBackground#090F0A
- tab.inactiveForeground#8A867C
- tab.lastPinnedBorder#364038
- tab.selectedBorderTop#74BF87
- tab.unfocusedActiveBorder#111A13
- tab.unfocusedActiveBorderTop#232B25
- tab.unfocusedHoverBackground#090F0A
- terminal.ansiBlack#1A1B18
- terminal.ansiBlue#A3B877
- terminal.ansiBrightBlack#8A867C
- terminal.ansiBrightBlue#A3B877
- terminal.ansiBrightCyan#BBBC80
- terminal.ansiBrightGreen#6EB881
- terminal.ansiBrightMagenta#65C1D0
- terminal.ansiBrightRed#74BF87
- terminal.ansiBrightWhite#F0E8D8
- terminal.ansiBrightYellow#70CABD
- terminal.ansiCyan#BBBC80
- terminal.ansiGreen#81C5AA
- terminal.ansiMagenta#65C1D0
- terminal.ansiRed#ED8B88
- terminal.ansiWhite#D8D2C4
- terminal.ansiYellow#70CABD
- terminal.background#111A13
- terminal.foreground#D8D2C4
- terminal.inactiveSelectionBackground#273129
- terminal.tab.activeBorder#6EB881
- terminalCursor.foreground#74BF87
- textBlockQuote.background#1A231C
- textBlockQuote.border#93AD8C
- textCodeBlock.background#1A231C
- textLink.activeForeground#74BF87
- textLink.foreground#A3B877
- textPreformat.background#273129
- textPreformat.foreground#D8D2C4
- textSeparator.foreground#364038
- titleBar.activeBackground#090F0A
- titleBar.activeForeground#D8D2C4
- titleBar.border#232B25
- titleBar.inactiveBackground#111A13
- titleBar.inactiveForeground#8A867C
- welcomePage.progress.foreground#6EB881
- welcomePage.tileBackground#1A231C
- widget.border#364038
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python | #D8D2C4 | — |
| emphasis | — | italic |
| strong | — | bold |
| comment | #93AD8C | — |
| constant.language | #A3B877 | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #81C5AA | — |
| constant.regexp | #65C1D0 | — |
| entity.name.tag, entity.name.selector | #74BF87 | — |
| entity.other.attribute-name | #A3B877 | — |
| entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.scss | #70CABD | — |
| invalid | #ED8B88 | — |
| markup.underline | — | underline |
| markup.bold | #A3B877 | bold |
| markup.heading | #74BF87 | bold |
| markup.italic | #65C1D0 | italic |
| markup.strikethrough | — | strikethrough |
| markup.deleted | #ED8B88 | — |
| markup.inserted | #93AD8C | — |
| markup.changed | #70CABD | — |
| markup.quote | #93AD8C | — |
| markup.inline.raw | #81C5AA | — |
| meta.diff.header | #A3B877 | — |
| storage | #74BF87 | — |
| storage.type | #74BF87 | — |
| keyword, keyword.control, keyword.operator.expression | #74BF87 | — |
| keyword.operator | #D8D2C4 | — |
| string, constant.other.symbol | #81C5AA | — |
| punctuation.definition.string, punctuation.definition.comment | #8A867C | — |
| support.function, entity.name.function | #70CABD | — |
| support.class, support.type, entity.name.type, entity.name.class, entity.name.namespace | #A3B877 | — |
| variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder | #C6D6DE | — |
| variable.language, constant.character.escape | #74BF87 | — |
| meta.object-literal.key, entity.name.label | #C6D6DE | — |
| punctuation.definition.group.regexp, punctuation.definition.character-class.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #70CABD | — |
| constant.character.character-class.regexp, keyword.operator.or.regexp, keyword.control.anchor.regexp | #74BF87 | — |
| keyword.operator.quantifier.regexp | #D8D2C4 | — |
| constant.character, constant.other.option | #A3B877 | — |