Sepia Theme
Publisher: Zhi YinThemes in package: 2
Your eyes will thank you
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.background#00454c
- activityBar.dropBackground#ffffff44
- activityBar.foreground#dbd1be
- activityBar.inactiveForeground#ccaa9999
- activityBarBadge.background#589298
- activityBarBadge.foreground#ffffff
- badge.background#408080
- badge.foreground#ffffff
- breadcrumbPicker.background#184d51
- button.background#2e635d
- debugExceptionWidget.background#fff4e1
- debugExceptionWidget.border#d6c9ae
- debugToolBar.background#00212b
- diffEditor.border#ddccaa66
- diffEditor.insertedTextBackground#44ff4422
- diffEditor.removedTextBackground#ff222255
- dropdown.background#003740
- dropdown.border#2aa19899
- editor.background#003740
- editor.findMatchBackground#ccddee44
- editor.findMatchBorder#ffff00
- editor.findMatchHighlightBackground#ccddee44
- editor.findRangeHighlightBackground#ffff7722
- editor.foreground#aaaaaa
- editor.hoverHighlightBackground#ffdddd33
- editor.lineHighlightBackground#00bb8811
- editor.rangeHighlightBackground#00000000
- editor.selectionBackground#00eedd44
- editor.selectionHighlightBackground#dddddd11
- editor.selectionHighlightBorder#777777
- editor.snippetFinalTabstopHighlightBorder#777777
- editor.snippetTabstopHighlightBackground#00000000
- editor.snippetTabstopHighlightBorder#666666
- editor.wordHighlightBackground#00000000
- editor.wordHighlightBorder#777777
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightStrongBorder#777777
- editorBracketMatch.background#44dd4444
- editorBracketMatch.border#99999999
- editorCursor.foreground#cccccc
- editorError.foreground#ff4444
- editorGroup.border#ddccaa66
- editorGroup.dropBackground#ffffff44
- editorGroupHeader.tabsBackground#22454a
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#44993388
- editorGutter.deletedBackground#ff4444dd
- editorGutter.modifiedBackground#ffbb1166
- editorHoverWidget.background#003333
- editorHoverWidget.border#668888
- editorIndentGuide.activeBackground#88999999
- editorIndentGuide.background#66666666
- editorInfo.foreground#55ccff
- editorLineNumber.activeForeground#779999
- editorLineNumber.foreground#557777
- editorLink.activeForeground#58c0f0
- editorMarkerNavigation.background#113333
- editorMarkerNavigationError.background#ab395b
- editorMarkerNavigationWarning.background#5b7e7a
- editorOverviewRuler.border#ddccaa66
- editorRuler.foreground#66666666
- editorSuggestWidget.background#003333
- editorSuggestWidget.border#226666
- editorSuggestWidget.foreground#ccbb99
- editorSuggestWidget.highlightForeground#339988
- editorSuggestWidget.selectedBackground#33887777
- editorUnnecessaryCode.border#fc6767
- editorWarning.foreground#ffff00
- editorWhitespace.foreground#77777777
- editorWidget.background#186161
- editorWidget.resizeBorder#288585
- errorForeground#ff6666
- extensionButton.prominentBackground#2e635d
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#418880
- focusBorder#2aa19899
- foreground#ddccbbee
- gitDecoration.addedResourceForeground#00dd00
- gitDecoration.deletedResourceForeground#ff4444
- gitDecoration.modifiedResourceForeground#e2ab13
- gitDecoration.untrackedResourceForeground#33cccc
- input.background#0f545e
- input.border#4e9692a0
- input.foreground#f3e2b6
- input.placeholderForeground#b3a992
- inputOption.activeBorder#6eacb6
- inputValidation.errorBackground#003e47
- inputValidation.errorBorder#fc5050
- inputValidation.errorForeground#fc5050
- inputValidation.infoBackground#003e47
- inputValidation.infoBorder#5cc3be
- inputValidation.warningBackground#003e47
- inputValidation.warningBorder#bdca03
- list.activeSelectionBackground#00857567
- list.dropBackground#ffffff44
- list.focusBackground#00aa8888
- list.highlightForeground#1ebcc5
- list.hoverBackground#00857567
- list.inactiveFocusBackground#00857567
- list.inactiveSelectionBackground#00857567
- list.warningForeground#ecec0a
- listFilterWidget.background#5a45a8
- listFilterWidget.noMatchesOutline#ff0000
- listFilterWidget.outline#00000000
- menu.background#184d51
- menu.foreground#e0dab9
- menu.selectionBackground#008874b6
- menu.selectionForeground#e0dab9
- menu.separatorBackground#e0dab9
- menubar.selectionBackground#008874b6
- menubar.selectionForeground#e0dab9
- notificationCenterHeader.background#00454c
- notifications.background#00454c
- panel.background#132a2d
- panel.border#88bbbb44
- panel.dropBackground#ffffff44
- panelTitle.activeBorder#00fafa88
- panelTitle.activeForeground#eeeeee
- panelTitle.inactiveForeground#999999
- peekView.border#99999999
- peekViewEditor.background#112b2b
- peekViewEditor.matchHighlightBackground#77999999
- peekViewResult.background#112b2b
- peekViewResult.fileForeground#ccdddd
- peekViewResult.lineForeground#bbcccc
- peekViewResult.matchHighlightBackground#88bbbb88
- peekViewResult.selectionBackground#15cfa7aa
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#112b2b
- peekViewTitleDescription.foreground#aaaaaa
- peekViewTitleLabel.foreground#dddddd
- pickerGroup.border#aaaaaa
- pickerGroup.foreground#e0dab9
- progressBar.background#047aa6
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#55999966
- scrollbarSlider.background#33777799
- scrollbarSlider.hoverBackground#337777
- selection.background#00b94d5a
- sideBar.background#003e47
- sideBar.dropBackground#ffffff44
- sideBar.foreground#bbbbbb
- sideBarSectionHeader.background#11555d
- sideBarSectionHeader.foreground#fffdee
- sideBarTitle.foreground#93a1a1
- statusBar.background#10454a
- statusBar.debuggingBackground#d3bb88
- statusBar.debuggingForeground#000000
- statusBar.foreground#dbd3a2
- statusBar.noFolderBackground#10454a
- statusBar.noFolderForeground#e0dab9
- statusBarItem.activeBackground#128383
- statusBarItem.hoverBackground#186767
- statusBarItem.prominentBackground#007474
- statusBarItem.prominentHoverBackground#009797
- tab.activeBackground#003740
- tab.activeForeground#fff5e1
- tab.activeModifiedBorder#00aaaa
- tab.border#2f4b4e
- tab.inactiveBackground#002222
- tab.inactiveForeground#666666
- tab.inactiveModifiedBorder#00aaaa
- terminal.ansiBlack#bbbbbb
- terminal.ansiBlue#00ffff
- terminal.ansiBrightBlack#e98962
- terminal.ansiBrightBlue#00bfff
- terminal.ansiBrightCyan#00eebb
- terminal.ansiBrightGreen#00ee00
- terminal.ansiBrightMagenta#aa99ff
- terminal.ansiBrightRed#ff4444
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffcc00
- terminal.ansiCyan#62cca9
- terminal.ansiGreen#259753
- terminal.ansiMagenta#ff5588
- terminal.ansiRed#e6a8b7
- terminal.ansiWhite#dddddd
- terminal.ansiYellow#dddd00
- terminal.foreground#bbbbbb
- textLink.activeForeground#02eeee
- textLink.foreground#00b8b8
- titleBar.activeBackground#003e47
- titleBar.activeForeground#e0dab9
- walkThrough.embeddedEditorBackground#00000014
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text, source | #b0b0b0 | — |
| entity.name | #3c0 | — |
| meta.function-call, meta.method-call, meta.function-call entity.name.function, meta.method-call entity.name.function | #9c3f | — |
| entity.other.inherited-class | #e99 | — |
| variable | #3ea67ce7 | — |
| variable.other.property, variable.other.object.property, support.type.property-name, meta.object-literal.key | #3ea67ce7 | — |
| variable.language | #da7 | — |
| support.variable, support.class, support.constant, support.function | #8dce | — |
| variable.parameter, entity.name.variable.parameter | #ed8e | — |
| variable.function | #8dce | — |
| constant | #a9e | — |
| constant.numeric | #e4a300 | — |
| storage.type, keyword.type, punctuation.definition.annotation | #5cee | — |
| storage.modifier | #5bbd | — |
| support.type | #da7 | — |
| keyword.import, keyword.export, keyword.control.import, keyword.control.export, keyword.other.import, keyword.other.export, keyword.other.using, keyword.control.directive.include | #e03a67ec | — |
| keyword.control | #e03a67ec | — |
| keyword.control.conditional, keyword.control.trycatch, keyword.control.try, keyword.control.loop, switch-expression.expr keyword.control.switch | #fffd | — |
| keyword.operator | #e03a67ec | — |
| keyword | #5cee | — |
| string, punctuation.definition.string | #dd0c | — |
| string.regexp, string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.escape.backslash.regexp | #e99 | — |
| meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.definition.variable.makefile | #e03a67ec | — |
| comment, punctuation.definition.comment | #899b | — |
| invalid | #f64e | — |
| invalid.deprecated | #ff698c | — |
| punctuation.definition.directive | #e03a67ec | — |
| source.cs entity.name.variable | #0a7e | — |
| entity.name.function.cs | #9c3f | — |
| keyword.other.new.cs | #e03a67ec | — |
| source.c, source.cpp | #3ea67ce7 | — |
| source.c punctuation, source.cpp punctuation | #b0b0b0 | — |
| meta.function.c | #ed8e | — |
| meta.function-call.c | #3ea67ce7 | — |
| support.type.property-name, support.type.vendored.property-name | #9c3f | — |
| meta.property-value, support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media | #dd0c | — |
| keyword.control.at-rule, keyword.control.at-rule punctuation.definition.keyword | #e03a67ec | — |
| keyword.control.at-rule.import, keyword.control.at-rule.import punctuation.definition.keyword | #e03a67ec | — |
| variable.scss, variable.other.less, variable punctuation.definition | #0a7e | — |
| keyword.other.important | #e03a67ec | — |
| constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color, keyword.other.unit | #e4a300 | — |
| variable.interpolation.scss | #b0b0b0 | — |
| support.constant.color.w3c-standard-color-name.css, support.constant.color.w3c-extended-color-name | #b0b0b0 | — |
| constant.other.symbol.hashkey.ruby, keyword.operator.dereference.java, keyword.operator.navigation.groovy, meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string, punctuation.separator.list.comma.css, constant.language.empty-list.haskell, punctuation.section.embedded, punctuation.definition.block, punctuation.terminator | #b0b0b0 | — |
| source.go | #3ea67ce7 | — |
| source.go punctuation | #b0b0b0 | — |
| variable.other.assignment.go | #0a7e | — |
| support.function.go | #9c3f | — |
| string entity.name.import.go | #dd0c | — |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag source | #5cee | — |
| support.class.component.js | #5bbd | — |
| meta.attribute.class string, entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity | #ed8e | — |
| meta.attribute.id string, entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity | #e99 | — |
| entity.other.attribute-name | #3ea67ce7 | — |
| meta.tag.attributes.js keyword.operator.assignment.js | #b0b0b0 | — |
| punctuation.definition.entity | #a9e | — |
| source.java | #3ea67ce7 | — |
| source.java punctuation | #b0b0b0 | — |
| variable.other.definition.java | #0a7e | — |
| meta.function-call.java, meta.method-call.java | #3ea67ce7 | — |
| storage.modifier.import | #3ea67ce7 | — |
| support.module.node, support.type.object.module | #e03a67ec | — |
| support.variable.property | #3ea67ce7 | — |
| support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #9c3f | — |
| string.quoted.double.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json | #5bbd | — |
| markup.heading, entity.name.section.markdown | #3c0 | — |
| markup.underline.link. | #5cee | — |
| markup.list.numbered | #0a7e | — |
| markup.list.unnumbered | #9c3f | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #fffd | — |
| markup.quote.markdown | #5bbd | — |
| meta.separator.markdown | #e99 | — |
| markup.italic | #da7 | italic |
| markup.bold | #da7 | bold |
| markup.bold markup.italic | #da7 | bold italic |
| punctuation.definition.variable.php | #3ea67ce7 | — |
| variable.language punctuation.definition.variable.php | #da7 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby | #7090e0 | — |
| source.python | #3ea67ce7 | — |
| source.python punctuation | #b0b0b0 | — |
| meta.function-call.arguments | #3ea67ce7 | — |
| meta.function-call.arguments meta.function-call | #3ea67ce7 | — |
| string.quoted.docstring, string.quoted.docstring punctuation.definition.string | #a88 | — |
| punctuation.definition.variable.shell | #3ea67ce7 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...