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#7A711F
- activityBar.background#F2F1E3
- activityBar.border#DAD8C8
- activityBar.foreground#2F2B26
- activityBar.inactiveForeground#7B766A
- activityBarBadge.background#6C6200
- activityBarBadge.foreground#FFFFFF
- badge.background#E4E2D0
- badge.foreground#2F2B26
- button.background#7A711F
- button.border#FFFFFF1A
- button.foreground#FFFFFF
- button.hoverBackground#605700
- button.secondaryBackground#E4E2D0
- button.secondaryForeground#2F2B26
- button.secondaryHoverBackground#F7F6EB
- chat.editedFileForeground#557741
- chat.slashCommandBackground#E5E0B199
- chat.slashCommandForeground#605700
- checkbox.background#FBFBF2
- checkbox.border#CAC8B4
- debugToolBar.background#F2F1E3
- descriptionForeground#7B766A
- dropdown.background#FBFBF2
- dropdown.border#CAC8B4
- dropdown.foreground#2F2B26
- dropdown.listBackground#FBFBF2
- editor.background#FBFBF2
- editor.findMatchBackground#55774166
- editor.findMatchHighlightBackground#55774155
- editor.foreground#2F2B26
- editor.inactiveSelectionBackground#E4E2D0
- editor.lineHighlightBackground#F7F6EB
- editor.selectionBackground#E5E0B1
- editor.selectionHighlightBackground#E5E0B188
- editor.wordHighlightBackground#55774140
- editor.wordHighlightStrongBackground#2A735266
- editorBracketMatch.background#55774155
- editorBracketMatch.border#557741
- editorCursor.foreground#6C6200
- editorGroup.border#DAD8C8
- editorGroupHeader.tabsBackground#F2F1E3
- editorGroupHeader.tabsBorder#DAD8C8
- editorGutter.addedBackground#665A36
- editorGutter.deletedBackground#9C4343
- editorGutter.modifiedBackground#7E581B
- editorIndentGuide.activeBackground1#7B766A
- editorIndentGuide.background1#DAD8C8
- editorLineNumber.activeForeground#7A711F
- editorLineNumber.foreground#7B766A
- editorOverviewRuler.border#DAD8C8
- editorSuggestWidget.background#F7F6EB
- editorSuggestWidget.border#CAC8B4
- editorSuggestWidget.foreground#2F2B26
- editorSuggestWidget.highlightForeground#7E581B
- editorSuggestWidget.selectedBackground#E4E2D0
- editorWidget.background#F7F6EB
- editorWidget.border#CAC8B4
- errorForeground#9C4343
- focusBorder#7A711F
- foreground#2F2B26
- icon.foreground#2F2B26
- input.background#FBFBF2
- input.border#CAC8B4
- input.foreground#2F2B26
- input.placeholderForeground#7B766A
- inputOption.activeBackground#E5E0B199
- inputOption.activeBorder#7A711F
- inputOption.activeForeground#1F211D
- keybindingLabel.background#E4E2D0
- keybindingLabel.border#CAC8B4
- keybindingLabel.foreground#2F2B26
- list.activeSelectionBackground#E5E0B1
- list.activeSelectionForeground#1F211D
- list.activeSelectionIconForeground#1F211D
- list.dropBackground#55774155
- list.focusAndSelectionOutline#7A711F
- list.focusBackground#E5E0B188
- list.highlightForeground#7E581B
- list.hoverBackground#F7F6EB
- list.inactiveSelectionBackground#E4E2D0
- menu.background#FBFBF2
- menu.border#CAC8B4
- menu.foreground#2F2B26
- menu.selectionBackground#7A711F
- menu.selectionForeground#FFFFFF
- notebook.cellBorderColor#DAD8C8
- notebook.selectedCellBackground#E5E0B166
- notificationCenterHeader.background#F2F1E3
- notificationCenterHeader.foreground#2F2B26
- notifications.background#FBFBF2
- notifications.border#DAD8C8
- notifications.foreground#2F2B26
- panel.background#F7F6EB
- panel.border#DAD8C8
- panelInput.border#CAC8B4
- panelTitle.activeBorder#7A711F
- panelTitle.activeForeground#2F2B26
- panelTitle.inactiveForeground#7B766A
- peekViewEditor.background#FBFBF2
- peekViewEditor.matchHighlightBackground#55774166
- peekViewResult.background#F7F6EB
- peekViewResult.matchHighlightBackground#55774166
- pickerGroup.border#CAC8B4
- pickerGroup.foreground#665A36
- ports.iconRunningProcessForeground#7A711F
- progressBar.background#7A711F
- quickInput.background#F7F6EB
- quickInput.foreground#2F2B26
- searchEditor.textInputBorder#CAC8B4
- settings.dropdownBackground#FBFBF2
- settings.dropdownBorder#CAC8B4
- settings.headerForeground#1F1B16
- settings.modifiedItemIndicator#557741
- settings.numberInputBorder#CAC8B4
- settings.textInputBorder#CAC8B4
- sideBar.background#F2F1E3
- sideBar.border#DAD8C8
- sideBar.foreground#2F2B26
- sideBarSectionHeader.background#F7F6EB
- sideBarSectionHeader.border#DAD8C8
- sideBarSectionHeader.foreground#2F2B26
- sideBarTitle.foreground#1F1B16
- statusBar.background#F2F1E3
- statusBar.border#DAD8C8
- statusBar.debuggingBackground#557741
- statusBar.debuggingForeground#FFFFFF
- statusBar.focusBorder#7A711F
- statusBar.foreground#2F2B26
- statusBar.noFolderBackground#FBFBF2
- statusBarItem.errorBackground#9C4343
- statusBarItem.focusBorder#7A711F
- statusBarItem.hoverBackground#1F211D1A
- statusBarItem.hoverForeground#1F1B16
- statusBarItem.prominentBackground#E4E2D0
- statusBarItem.remoteBackground#7A711F
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#FBFBF2
- tab.activeBorder#FBFBF2
- tab.activeBorderTop#7A711F
- tab.activeForeground#1F1B16
- tab.border#DAD8C8
- tab.hoverBackground#FBFBF2
- tab.inactiveBackground#F2F1E3
- tab.inactiveForeground#7B766A
- tab.lastPinnedBorder#CAC8B4
- tab.selectedBorderTop#6C6200
- tab.unfocusedActiveBorder#FBFBF2
- tab.unfocusedActiveBorderTop#DAD8C8
- tab.unfocusedHoverBackground#F2F1E3
- terminal.ansiBlack#2F2B26
- terminal.ansiBlue#7E581B
- terminal.ansiBrightBlack#7B766A
- terminal.ansiBrightBlue#7E581B
- terminal.ansiBrightCyan#8A5E36
- terminal.ansiBrightGreen#7A711F
- terminal.ansiBrightMagenta#2A7352
- terminal.ansiBrightRed#6C6200
- terminal.ansiBrightWhite#1F1B16
- terminal.ansiBrightYellow#557741
- terminal.ansiCyan#8A5E36
- terminal.ansiGreen#5E6A32
- terminal.ansiMagenta#2A7352
- terminal.ansiRed#9C4343
- terminal.ansiWhite#E8E1D3
- terminal.ansiYellow#557741
- terminal.background#FBFBF2
- terminal.foreground#2F2B26
- terminal.inactiveSelectionBackground#E4E2D0
- terminal.tab.activeBorder#7A711F
- terminalCursor.foreground#6C6200
- textBlockQuote.background#F7F6EB
- textBlockQuote.border#665A36
- textCodeBlock.background#F7F6EB
- textLink.activeForeground#6C6200
- textLink.foreground#7E581B
- textPreformat.background#E4E2D0
- textPreformat.foreground#2F2B26
- textSeparator.foreground#CAC8B4
- titleBar.activeBackground#F2F1E3
- titleBar.activeForeground#2F2B26
- titleBar.border#DAD8C8
- titleBar.inactiveBackground#FBFBF2
- titleBar.inactiveForeground#7B766A
- welcomePage.progress.foreground#7A711F
- welcomePage.tileBackground#F7F6EB
- widget.border#CAC8B4
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 | #2F2B26 | — |
| emphasis | — | italic |
| strong | — | bold |
| comment | #665A36 | — |
| constant.language | #7E581B | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #5E6A32 | — |
| constant.regexp | #2A7352 | — |
| entity.name.tag, entity.name.selector | #6C6200 | — |
| entity.other.attribute-name | #7E581B | — |
| 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 | #557741 | — |
| invalid | #9C4343 | — |
| markup.underline | — | underline |
| markup.bold | #7E581B | bold |
| markup.heading | #6C6200 | bold |
| markup.italic | #2A7352 | italic |
| markup.strikethrough | — | strikethrough |
| markup.deleted | #9C4343 | — |
| markup.inserted | #665A36 | — |
| markup.changed | #557741 | — |
| markup.quote | #665A36 | — |
| markup.inline.raw | #5E6A32 | — |
| meta.diff.header | #7E581B | — |
| storage | #6C6200 | — |
| storage.type | #6C6200 | — |
| keyword, keyword.control, keyword.operator.expression | #6C6200 | — |
| keyword.operator | #2F2B26 | — |
| string, constant.other.symbol | #5E6A32 | — |
| punctuation.definition.string, punctuation.definition.comment | #7B766A | — |
| support.function, entity.name.function | #557741 | — |
| support.class, support.type, entity.name.type, entity.name.class, entity.name.namespace | #7E581B | — |
| variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder | #42516A | — |
| variable.language, constant.character.escape | #6C6200 | — |
| meta.object-literal.key, entity.name.label | #42516A | — |
| punctuation.definition.group.regexp, punctuation.definition.character-class.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #557741 | — |
| constant.character.character-class.regexp, keyword.operator.or.regexp, keyword.control.anchor.regexp | #6C6200 | — |
| keyword.operator.quantifier.regexp | #2F2B26 | — |
| constant.character, constant.other.option | #7E581B | — |