Sylvan Color Theme
Publisher: Panchao WangThemes in package: 1
A color theme for those who are tired of dull colors.
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.activeBackground#31a8df20
- activityBar.activeBorder#43c87acc
- activityBar.background#2e3747
- activityBar.foreground#f9efe4
- activityBar.inactiveForeground#7d92b4
- activityBarBadge.background#43c87a
- activityBarBadge.foreground#151a22
- badge.background#43c87a
- badge.foreground#151a22
- breadcrumb.activeSelectionForeground#f9efe4
- breadcrumb.background#262c38
- breadcrumb.focusForeground#f9efe4
- breadcrumb.foreground#7d92b4
- breadcrumbPicker.background#151a22
- button.background#43c87a
- button.foreground#151a22
- button.secondaryBackground#1d222b
- button.secondaryForeground#6fe99b
- button.separator#151a22
- debugToolBar.background#151a22
- descriptionForeground#ffffffcc
- diffEditor.insertedTextBackground#43c87a33
- diffEditor.removedTextBackground#ed705880
- disabledForeground#6d727d
- dropdown.background#1d222b
- dropdown.border#151a22
- dropdown.foreground#f9efe4
- editor.background#262c38
- editor.findMatchBackground#f6b468cc
- editor.findMatchHighlightBackground#ffffff66
- editor.findRangeHighlightBackground#454c585a
- editor.foldBackground#1d222bcc
- editor.foreground#f9efe4
- editor.hoverHighlightBackground#59c6ff80
- editor.lineHighlightBorder#454c58
- editor.rangeHighlightBackground#59c6ff26
- editor.selectionBackground#454c58
- editor.selectionHighlightBackground#354054
- editor.snippetFinalTabstopHighlightBackground#454c58
- editor.snippetFinalTabstopHighlightBorder#f4d64d
- editor.snippetTabstopHighlightBackground#454c58
- editor.wordHighlightBackground#59c6ff80
- editor.wordHighlightStrongBackground#6fe99b80
- editorBracketHighlight.foreground1#f9efe4
- editorBracketHighlight.foreground2#f6b468
- editorBracketHighlight.foreground3#f5dc77
- editorBracketHighlight.foreground4#47d5ce
- editorBracketHighlight.foreground5#59c6ff
- editorBracketHighlight.foreground6#dab0fc
- editorBracketHighlight.unexpectedBracket.foreground#fd876f
- editorCodeLens.foreground#7d92b4
- editorError.foreground#fd876f
- editorGroup.border#43c87a
- editorGroupHeader.tabsBackground#151a22
- editorGutter.addedBackground#43c87acc
- editorGutter.deletedBackground#ed7058cc
- editorGutter.modifiedBackground#31a8dfcc
- editorHoverWidget.background#262c38
- editorHoverWidget.border#7d92b4
- editorIndentGuide.activeBackground#ffffff73
- editorIndentGuide.background#ffffff1a
- editorLineNumber.activeForeground#f9efe4
- editorLineNumber.foreground#7d92b4
- editorLink.activeForeground#59c6ff
- editorMarkerNavigation.background#1d222b
- editorOverviewRuler.addedForeground#43c87acc
- editorOverviewRuler.border#151a22
- editorOverviewRuler.currentContentForeground#43c87a
- editorOverviewRuler.deletedForeground#ed7058cc
- editorOverviewRuler.errorForeground#ed7058
- editorOverviewRuler.findMatchForeground#f6b468
- editorOverviewRuler.incomingContentForeground#f4d64dcc
- editorOverviewRuler.modifiedForeground#31a8dfcc
- editorOverviewRuler.selectionHighlightForeground#ffffff66
- editorOverviewRuler.warningForeground#f4d64d
- editorOverviewRuler.wordHighlightForeground#59c6ff
- editorOverviewRuler.wordHighlightStrongForeground#6fe99b
- editorRuler.foreground#ffffff1a
- editorSuggestWidget.background#1d222b
- editorSuggestWidget.border#7d92b4
- editorSuggestWidget.foreground#f9efe4
- editorSuggestWidget.selectedBackground#454c58
- editorWarning.foreground#f5dc77
- editorWhitespace.foreground#ffffff1a
- editorWidget.background#1d222b
- editorWidget.border#7d92b4
- errorForeground#fd876f
- extensionIcon.preReleaseForeground#d19ffb
- extensionIcon.sponsorForeground#fa89c1
- extensionIcon.starForeground#f4d64d
- focusBorder#7d92b4
- foreground#f9efe4
- gitDecoration.addedResourceForeground#6fe99b
- gitDecoration.conflictingResourceForeground#f6b468
- gitDecoration.deletedResourceForeground#fd876f
- gitDecoration.ignoredResourceForeground#6d727d
- gitDecoration.modifiedResourceForeground#59c6ff
- gitDecoration.untrackedResourceForeground#7d92b4
- icon.foreground#f9efe4
- input.background#262c38
- input.border#151a22
- input.foreground#f9efe4
- input.placeholderForeground#7d92b4
- inputOption.activeBorder#43c87a
- inputValidation.errorBorder#ed7058
- inputValidation.infoBorder#31a8df
- inputValidation.warningBorder#f4d64d
- list.activeSelectionBackground#454c58
- list.activeSelectionForeground#f9efe4
- list.dropBackground#454c58
- list.errorForeground#fd876f
- list.focusBackground#454c585a
- list.highlightForeground#47d5ce
- list.hoverBackground#454c585a
- list.hoverForeground#f9efe4
- list.inactiveSelectionBackground#454c585a
- list.warningForeground#f5dc77
- listFilterWidget.background#2e3747
- listFilterWidget.noMatchesOutline#fd876f
- listFilterWidget.outline#354054
- merge.commonHeaderBackground#31a8df
- merge.currentHeaderBackground#43c87ae5
- merge.incomingHeaderBackground#f4d64de5
- minimap.findMatchHighlight#faab48cc
- minimap.selectionHighlight#31a8df66
- notificationCenterHeader.background#2e3747
- notifications.background#262c38
- notificationsErrorIcon.foreground#fd876f
- notificationsInfoIcon.foreground#59c6ff
- notificationsWarningIcon.foreground#f5dc77
- panel.background#262c38
- panelTitle.activeBorder#f4d64d
- panelTitle.activeForeground#f9efe4
- panelTitle.inactiveForeground#7d92b4
- peekView.border#7d92b4
- peekViewEditor.background#262c38
- peekViewEditor.matchHighlightBackground#f4d64dcc
- peekViewResult.background#1d222b
- peekViewResult.fileForeground#f9efe4
- peekViewResult.lineForeground#f9efe4
- peekViewResult.matchHighlightBackground#f4d64dcc
- peekViewResult.selectionBackground#454c58
- peekViewResult.selectionForeground#f9efe4
- peekViewTitle.background#1d222b
- peekViewTitleDescription.foreground#7d92b4
- peekViewTitleLabel.foreground#f9efe4
- pickerGroup.border#151a22
- pickerGroup.foreground#f5dc77
- problemsErrorIcon.foreground#fd876f
- problemsInfoIcon.foreground#59c6ff
- problemsWarningIcon.foreground#f5dc77
- progressBar.background#f4d64d
- selection.background#43c87a
- settings.checkboxBackground#1d222b
- settings.checkboxBorder#151a22
- settings.checkboxForeground#f9efe4
- settings.dropdownBackground#1d222b
- settings.dropdownBorder#151a22
- settings.dropdownForeground#f9efe4
- settings.headerForeground#f9efe4
- settings.modifiedItemIndicator#31a8df
- settings.numberInputBackground#1d222b
- settings.numberInputBorder#151a22
- settings.numberInputForeground#f9efe4
- settings.sashBorder#151a22
- settings.textInputBackground#1d222b
- settings.textInputBorder#151a22
- settings.textInputForeground#f9efe4
- sideBar.background#1d222b
- sideBar.foreground#f9efe4
- sideBarSectionHeader.background#262c38
- sideBarSectionHeader.foreground#f9efe4
- sideBarTitle.foreground#f9efe4
- statusBar.background#151a22
- statusBar.debuggingBackground#f4d64d
- statusBar.debuggingForeground#151a22
- statusBar.foreground#f9efe4
- statusBar.noFolderBackground#151a22
- statusBar.noFolderForeground#f9efe4
- statusBarItem.prominentBackground#f4d64d
- statusBarItem.prominentForeground#151a22
- statusBarItem.remoteBackground#43c87a
- statusBarItem.remoteForeground#151a22
- tab.activeBackground#262c38
- tab.activeBorderTop#f4d64dcc
- tab.activeForeground#f9efe4
- tab.border#151a22
- tab.inactiveBackground#1d222b
- tab.inactiveForeground#7d92b4
- terminal.ansiBlack#000000
- terminal.ansiBlue#31a8df
- terminal.ansiBrightBlack#8f939f
- terminal.ansiBrightBlue#59c6ff
- terminal.ansiBrightCyan#47d5ce
- terminal.ansiBrightGreen#6fe99b
- terminal.ansiBrightMagenta#dab0fc
- terminal.ansiBrightRed#fd876f
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f5dc77
- terminal.ansiCyan#09b6af
- terminal.ansiGreen#43c87a
- terminal.ansiMagenta#d19ffb
- terminal.ansiRed#ed7058
- terminal.ansiWhite#ebe1d6
- terminal.ansiYellow#f4d64d
- terminal.background#262c38
- terminal.foreground#f9efe4
- textBlockQuote.background#2e3747
- textBlockQuote.border#31a8df
- textCodeBlock.background#1d222b
- textLink.activeForeground#6fe99b
- textLink.foreground#6fe99b
- textPreformat.foreground#f5dc77
- textSeparator.foreground#354054
- titleBar.activeBackground#1d222b
- titleBar.activeForeground#f9efe4
- titleBar.inactiveBackground#151a22
- titleBar.inactiveForeground#7d92b4
- tree.indentGuidesStroke#ffffff1a
- walkThrough.embeddedEditorBackground#1d222b
- welcomePage.progress.background#262c38
- welcomePage.progress.foreground#f4d64d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| comment, punctuation.definition.comment | #7d92b4 | — |
| constant | #dab0fc | — |
| constant.character | #dab0fc | — |
| constant.numeric | #f6b468 | — |
| constant.character.escape | #f69ac5 | — |
| constant.language | #dab0fc | — |
| entity.name | #59c6ff | — |
| entity.other.inherited-class | #47d5ce | — |
| entity.name.function, meta.method.groovy, support.function.go, support.function.misc.scss, support.function.any-method.lua | #f5dc77 | — |
| entity.name.class, entity.name.type.class | #59c6ff | italic |
| entity.name.namespace, entity.name.type.namespace, entity.name.type.module | #f5dc77 | — |
| entity.name.type.parameter | #47d5ce | — |
| entity.name.tag | #fd876f | — |
| entity.other.attribute-name | #f5dc77 | — |
| entity.name.section | #fd876f | — |
| string, punctuation.definition.string | #6fe99b | — |
| keyword, punctuation.definition.keyword | #fd876f | — |
| variable.other | #f9efe4 | — |
| punctuation.definition.variable | #fd876f | — |
| entity.name.variable.parameter, variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.parameters variable.other.php, meta.function.parameters punctuation.definition.variable.php | #59c6ff | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.underline.link | #f5dc77 | — |
| markup.heading, punctuation.definition.heading | #fd876f | bold |
| markup.list punctuation.definition.list.begin | #47d5ce | — |
| markup.quote, punctuation.definition.quote.begin | #59c6ff | — |
| markup.inline.raw, punctuation.definition.raw, markup.fenced_code.block punctuation.definition.markdown | #f6b468 | — |
| punctuation.definition.math | #6fe99b | — |
| meta.embedded.math.markdown punctuation.definition.function | #f5dc77 | — |
| meta.embedded.math.markdown punctuation.math.operator | #fd876f | — |
| text.tex.latex punctuation.math | #f9efe4 | — |
| text.tex.latex punctuation.math.operator | #fd876f | — |
| markup.inserted, punctuation.definition.inserted | #6fe99b | — |
| markup.deleted, punctuation.definition.deleted | #fd876f | — |
| markup.changed, punctuation.definition.changed | #f6b468 | — |
| storage.type | #fd876f | — |
| storage.modifier | #fd876f | — |
| entity.name.package.go, entity.name.import.go, storage.modifier.import.java, storage.modifier.package.java, storage.modifier.import.groovy, storage.modifier.package.groovy | #f5dc77 | — |
| support | #59c6ff | — |
| support.function | #f5dc77 | — |
| support.type | #47d5ce | — |
| support.constant | #dab0fc | — |
| support.variable | #f9efe4 | — |
| invalid.illegal | — | italic underline |
| invalid.deprecated | — | italic underline |
| punctuation.section.embedded | #fd876f | — |
| punctuation.definition.decorator, punctuation.decorator | #fd876f | — |
| constant.other.placeholder, constant.character.format.placeholder | #f69ac5 | — |
| entity.name.constant, variable.other.constant | #dab0fc | — |
| keyword.control.new, keyword.operator.new, keyword.other.new, keyword.symbol.new | — | bold |
| variable.language, variable.language punctuation.definition.variable, variable.other.readwrite.instance.ruby, variable.other.readwrite.instance.ruby punctuation.definition.variable, keyword.other.this, keyword.other.new | #f69ac5 | — |
| variable.parameter.function.language.special | #f69ac5 | bold |
| variable.other.enummember | #dab0fc | — |
| storage.type.annotation, punctuation.definition.annotation | #47d5ce | — |
| comment.block.documentation storage.type.class | #fd876f | — |
| comment.block.documentation entity.name.type, comment.block.documentation entity.name.type punctuation.definition.bracket | #47d5ce | italic |
| comment.block.documentation variable.other | #59c6ff | — |
| entity.name.tag support.class.component | #fd876f | — |
| meta.template.expression meta.embedded.line | #f9efe4 | — |
| meta.template.expression punctuation.definition.template-expression | #f69ac5 | — |
| string.regexp, string.regexp punctuation.definition.string, constant.other.character-class.regexp, constant.character.escape.backslash.regexp | #59c6ff | — |
| keyword.operator.quantifier | #f5dc77 | — |
| punctuation.definition.group.assertion | #fd876f | — |
| keyword.control.anchor.regexp | #fd876f | — |
| keyword.other.back-reference.regexp | #dab0fc | — |
| support.type.property-name, punctuation.support.type.property-name | #f5dc77 | — |
| variable.prop.css, punctuation.definition.variable.property.css | #59c6ff | — |
| keyword.operator.combinator.css | #59c6ff | — |
| meta.property-name support.type.property-name.css, meta.property-list entity.name.tag | #47d5ce | — |
| variable.scss | #59c6ff | — |
| punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss | #f69ac5 | — |
| variable.interpolation.scss | #f9efe4 | — |
| entity.other.attribute-name.parent-selector | #fd876f | — |
| comment keyword.codetag.notation | #47d5ce | — |
| support.function.magic | #f69ac5 | — |
| entity.name.type.primitive.rust, entity.name.type.numeric.rust | #47d5ce | — |
| entity.name.function.macro.rules.rust | #fd876f | — |
| punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #47d5ce | — |
| meta.interpolation, punctuation.definition.interpolation.rust | #f69ac5 | — |
| punctuation.separator.pointer-access | #fd876f | — |
| storage.type.built-in.primitive | #fd876f | — |
| storage.type.primitive.java | #fd876f | — |
| meta.separator.markdown | #7d92b4 | — |
| string.other.link.title, string.other.link.description | #6fe99b | — |
| constant.other.reference.link | #dab0fc | — |
| meta.diff.header | #7d92b4 | — |
| source.diff meta.diff.header.from-file, punctuation.definition.from-file | #fd876f | — |
| source.diff meta.diff.header.to-file, punctuation.definition.to-file | #6fe99b | — |
| meta.diff.range, punctuation.definition.range | #dab0fc | — |
| meta.separator.diff | #7d92b4 | — |
| keyword.other.definition.ini | #f5dc77 | — |
| keyword.other.doctype.xml, keyword.other.entity.xml | #fd876f | — |
| variable.language.documentroot.xml, variable.language.entity.xml | #f5dc77 | — |
| variable.other.alias.yaml | #f5dc77 | italic underline |
| punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby | #f69ac5 | — |