yue-code-theme
Publisher: yuesuirenqianliThemes in package: 1
a color 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#ff8787
- activityBar.background#202020
- activityBar.foreground#aaaaaa
- activityBarBadge.background#1c1c1c
- activityBarBadge.foreground#ffffff
- badge.background#ffffff17
- badge.foreground#aaaaaa
- banner.background#292929
- banner.foreground#dddddd
- breadcrumb.foreground#666666
- button.background#455A64
- button.foreground#BDBDBD
- button.hoverBackground#37474F
- button.secondaryBackground#455A64
- button.secondaryForeground#BDBDBD
- button.secondaryHoverBackground#37474F
- button.separator#BDBDBD
- checkbox.background#455A64
- checkbox.border#455A64
- checkbox.foreground#BDBDBD
- commandCenter.activeBackground#ffffff10
- commandCenter.border#ffffff2a
- diffEditor.border#ffffff15
- diffEditor.diagonalFill#ffffff15
- diffEditor.insertedLineBackground#66b39530
- diffEditor.insertedTextBackground#66b39530
- diffEditor.removedLineBackground#ff878730
- diffEditor.removedTextBackground#ff878730
- disabledForeground#6c6c6c
- dropdown.background#202020
- dropdown.foreground#6c6c6c
- editor.background#202020
- editor.findMatchBackground#66b3954f
- editor.findMatchBorder#66b395
- editor.findMatchHighlightBackground#66b3952f
- editor.findMatchHighlightBorder#66b3955f
- editor.foreground#cdb892
- editor.hoverHighlightBackground#ffffff0f
- editor.lineHighlightBackground#212121
- editor.selectionBackground#ffffff1f
- editor.selectionHighlightBorder#ffffff3f
- editor.wordHighlightBackground#ffffff1f
- editor.wordHighlightStrongBackground#ffffff1f
- editorBracketHighlight.foreground1#d4be96
- editorBracketHighlight.foreground2#5e9c84
- editorBracketHighlight.foreground3#8e7395
- editorBracketHighlight.foreground4#5a7aaa
- editorCodeLens.foreground#555555
- editorCursor.foreground#e78a4a
- editorError.foreground#ff8787
- editorGroupHeader.tabsBackground#202020
- editorGutter.addedBackground#66b395af
- editorGutter.deletedBackground#ff8787af
- editorGutter.modifiedBackground#7098d4af
- editorInfo.foreground#7098d4
- editorInlayHint.background#ffffff10
- editorInlayHint.foreground#ffffff6f
- editorLineNumber.activeForeground#cccccc
- editorLineNumber.foreground#555555
- editorLink.activeForeground#e78a4a
- editorWarning.foreground#e7d38f
- editorWhitespace.foreground#ffffff15
- focusBorder#ffffff1f
- foreground#7f7f7f
- gitDecoration.addedResourceForeground#66b395
- gitDecoration.conflictingResourceForeground#dd9a6a
- gitDecoration.deletedResourceForeground#ff8787
- gitDecoration.ignoredResourceForeground#ffffff3f
- gitDecoration.modifiedResourceForeground#e7d38f
- gitDecoration.renamedResourceForeground#6ab8c0
- input.background#ffffff08
- input.border#ffffff08
- inputOption.activeBackground#292929
- inputOption.activeBorder#6c6c6c
- inputOption.activeForeground#ffffff
- list.activeSelectionBackground#343a40
- list.dropBackground#ffffff10
- list.filterMatchBackground#66b39530
- list.filterMatchBorder#66b395
- list.focusBackground#ffffff10
- list.focusHighlightForeground#66b395
- list.focusOutline#ffffff1f
- list.highlightForeground#66b395
- list.hoverBackground#343a40
- list.inactiveSelectionBackground#343a40
- menu.foreground#bbbbbb
- menu.separatorBackground#ffffff15
- merge.currentContentBackground#66b3953f
- merge.currentHeaderBackground#66b3957f
- merge.incomingContentBackground#7098d43f
- merge.incomingHeaderBackground#7098d47f
- minimap.background#202020
- minimap.errorHighlight#ff8787
- minimap.findMatchHighlight#66b3959f
- minimap.selectionHighlight#7098d49f
- minimapSlider.activeBackground#ffffff37
- minimapSlider.background#ffffff17
- minimapSlider.hoverBackground#ffffff27
- panel.background#202020
- peekView.border#444444
- peekViewEditor.background#292929
- peekViewEditor.matchHighlightBackground#66b3953f
- peekViewEditor.matchHighlightBorder#66b395
- peekViewResult.background#242424
- peekViewResult.matchHighlightBackground#66b3953f
- peekViewResult.selectionBackground#66b3953f
- peekViewTitle.background#292929
- pickerGroup.foreground#66b395
- progressBar.background#ff8787
- quickInput.background#202020
- sash.hoverBorder#ff8787cf
- scrollbar.shadow#02010aac
- scrollbarSlider.activeBackground#ffffff37
- scrollbarSlider.background#ffffff17
- scrollbarSlider.hoverBackground#ffffff27
- searchEditor.findMatchBorder#66b395
- selection.background#363636
- sideBar.background#202020
- sideBar.border#ffffff20
- sideBarSectionHeader.border#ffffff20
- statusBar.background#202020
- statusBar.border#ffffff15
- statusBar.debuggingBackground#66b395
- statusBar.debuggingForeground#000000
- statusBar.focusBorder#00000000
- statusBar.foreground#777777
- statusBar.noFolderBackground#0d0d0d
- statusBar.noFolderForeground#777777
- statusBarItem.errorBackground#ff8787
- statusBarItem.errorForeground#000000
- statusBarItem.prominentBackground#66b395
- statusBarItem.prominentForeground#000000
- statusBarItem.remoteBackground#66b395
- statusBarItem.remoteForeground#000000
- statusBarItem.warningBackground#d8b544
- statusBarItem.warningForeground#000000
- tab.activeBorder#66b395
- tab.border#ffffff10
- terminal.ansiBlack#333333
- terminal.ansiBlue#7098d4
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#80a8e4
- terminal.ansiBrightCyan#7ac8d0
- terminal.ansiBrightGreen#76c3a5
- terminal.ansiBrightMagenta#c2a0ca
- terminal.ansiBrightRed#f48484
- terminal.ansiBrightWhite#f6f6f6
- terminal.ansiBrightYellow#f2d98e
- terminal.ansiCyan#6ab8c0
- terminal.ansiGreen#66b395
- terminal.ansiMagenta#b290ba
- terminal.ansiRed#e47474
- terminal.ansiWhite#dddddd
- terminal.ansiYellow#e2c97e
- terminal.foreground#c0c0c0
- terminal.selectionBackground#292929
- terminal.tab.activeBorder#66b395
- textBlockQuote.background#362727
- textBlockQuote.border#8D6E63
- textCodeBlock.background#283f3b
- textLink.activeForeground#9fffcb
- textLink.foreground#66b395
- textPreformat.foreground#9d6feb
- titleBar.activeBackground#202020
- titleBar.border#ffffff10
- titleBar.inactiveBackground#202020
- toolbar.activeBackground#ffffff30
- toolbar.hoverBackground#ffffff30
- widget.shadow#00000033
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #758575dd | — |
| delimiter.bracket, delimiter, invalid.illegal.character-not-allowed-here.html, keyword.operator.rest, keyword.operator.spread, keyword.operator.type.annotation, keyword.operator.relational, keyword.operator.assignment, meta.brace, meta.tag.block.any.html, meta.tag.inline.any.html, meta.tag.structure.input.void.html, meta.type.annotation, meta.embedded.block.github-actions-expression, storage.type.function.arrow, keyword.operator.type, meta.objectliteral.ts, punctuation | #666666 | — |
| constant, entity.name.constant, variable.language, meta.definition.variable | #b17284 | — |
| entity, entity.name | #80a665 | — |
| variable.parameter.function | #dbd7caee | — |
| entity.name.tag, tag.html | #b66f3c | — |
| entity.name.function | #a8b560 | — |
| keyword, storage.type.class.jsdoc | #4d9375 | — |
| storage, storage.type, support.type.builtin, constant.language.undefined, constant.language.null | #cb7676 | — |
| text.html.derivative, storage.modifier.package, storage.modifier.import, storage.type.java | #dbd7caee | — |
| string, string punctuation.section.embedded source, attribute.value | #959f59 | — |
| punctuation.definition.string, punctuation.support.type.property-name | #959f59 | — |
| support | #b8a965 | — |
| property, meta.property-name, meta.object-literal.key, entity.name.tag.yaml, attribute.name | #88af7c | — |
| entity.other.attribute-name, invalid.deprecated.entity.other.attribute-name.html | #ab8950 | — |
| variable, identifier | #a385b3 | — |
| support.type.primitive, entity.name.type | #5DA994 | — |
| namespace | #db889a | — |
| keyword.operator, keyword.operator.assignment.compound, meta.var.expr.ts | #cb7676 | — |
| invalid.broken | #fdaeb7 | italic |
| invalid.deprecated | #fdaeb7 | italic |
| invalid.illegal | #fdaeb7 | italic |
| invalid.unimplemented | #fdaeb7 | italic |
| carriage-return | #24292e | italic underline |
| message.error | #fdaeb7 | — |
| string variable | #c98a7d | — |
| source.regexp, string.regexp | #c4704f | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #c98a7d | — |
| string.regexp constant.character.escape | #e6cc77 | — |
| support.constant | #c99076 | — |
| constant.numeric, number | #4C9A91 | — |
| keyword.other.unit | #cb7676 | — |
| constant.language.boolean, constant.language | #4d9375 | — |
| meta.module-reference | #4d9375 | — |
| punctuation.definition.list.begin.markdown | #d4976c | — |
| markup.heading, markup.heading entity.name | #4d9375 | bold |
| markup.quote | #5d99a9 | — |
| markup.italic | #dbd7caee | italic |
| markup.bold | #dbd7caee | bold |
| markup.raw | #4d9375 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #fdaeb7 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #85e89d | — |
| markup.changed, punctuation.definition.changed | #ffab70 | — |
| markup.ignored, markup.untracked | #2f363d | — |
| meta.diff.range | #b392f0 | bold |
| meta.diff.header | #79b8ff | — |
| meta.separator | #79b8ff | bold |
| meta.output | #79b8ff | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #d1d5da | — |
| brackethighlighter.unmatched | #fdaeb7 | — |
| constant.other.reference.link, string.other.link, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #c98a7d | — |
| markup.underline.link.markdown | #dedcd590 | underline |
| type.identifier | #7f8ac7 | — |
| entity.other.attribute-name.html.vue | #639d6a | — |
| entity.name.tag.template.html.vue | #968668 | — |
| keyword.control.export.js | #d2859b | — |
| keyword.control | #cc5f59 | bold |