Seoul theme
Publisher: HueThemes in package: 3
A sophisticated dark theme inspired by the colors of Seoul.
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#35453d
- activityBar.border#35453d
- activityBar.foreground#edf2f5
- activityBar.inactiveForeground#b5c4ba
- activityBarBadge.background#c4003b
- activityBarBadge.foreground#edf2f5
- badge.background#c4003b
- badge.foreground#edf2f5
- diffEditor.insertedTextBackground#237a4e44
- diffEditor.removedTextBackground#c4003b44
- dropdown.background#242f2a
- dropdown.border#2a3832
- editor.background#262f2b
- editor.findMatchBackground#f7b938aa
- editor.findMatchHighlightBackground#f7b93855
- editor.foreground#d8c8b2
- editor.lineHighlightBackground#32443a22
- editor.selectionBackground#0b6db740
- editor.wordHighlightBackground#ffffff15
- editor.wordHighlightStrongBackground#c4003b55
- editorCursor.foreground#f7b938
- editorGroupHeader.tabsBackground#262f2b
- editorIndentGuide.activeBackground#4a6356
- editorIndentGuide.background#405349
- editorLineNumber.activeForeground#d8c8b2
- editorLineNumber.foreground#616264
- editorWidget.background#242f2a
- editorWidget.border#c4003b
- focusBorder#c4003b55
- foreground#d8c8b2
- gitDecoration.addedResourceForeground#72c6a5
- gitDecoration.conflictingResourceForeground#ba4160
- gitDecoration.deletedResourceForeground#c4003b
- gitDecoration.ignoredResourceForeground#566b60
- gitDecoration.modifiedResourceForeground#5eb3ff
- gitDecoration.untrackedResourceForeground#72c6a5
- input.background#1a211e
- input.border#2a3832
- inputValidation.errorBackground#1a211e
- inputValidation.errorBorder#c4003b
- inputValidation.infoBackground#1a211e
- inputValidation.infoBorder#5eb3ff
- inputValidation.warningBackground#1a211e
- inputValidation.warningBorder#f7b938
- list.activeSelectionBackground#237a4e88
- list.activeSelectionForeground#ffffff
- list.hoverBackground#2a383288
- list.inactiveSelectionBackground#237a4e44
- menu.background#242f2a
- menu.border#2a3832
- menu.foreground#edf2f5
- menu.selectionBackground#237a4e66
- menu.selectionForeground#ffffff
- notifications.background#2a3832
- panel.background#2b3831
- panel.border#1e2623
- panelTitle.activeBorder#c4003b
- panelTitle.activeForeground#edf2f5
- panelTitle.inactiveForeground#b5c4ba
- peekViewEditor.background#1a211e
- peekViewResult.background#242f2a
- pickerGroup.border#c4003b
- progressBar.background#f7b938
- scrollbar.shadow#00000088
- scrollbarSlider.activeBackground#c4003b66
- scrollbarSlider.background#4a635644
- scrollbarSlider.hoverBackground#4a635677
- selection.background#237a4e55
- sideBar.background#2b3831
- sideBar.border#1e2623
- sideBar.foreground#b5c4ba
- sideBarSectionHeader.background#35453d
- sideBarSectionHeader.foreground#edf2f5
- sideBarTitle.foreground#edf2f5
- statusBar.background#35453d
- statusBar.border#1a211e
- statusBar.debuggingBackground#0b6db7
- statusBar.debuggingForeground#edf2f5
- statusBar.foreground#edf2f5
- tab.activeBackground#262f2b
- tab.activeBorderTop#c4003b
- tab.activeForeground#c4003b
- tab.border#2b3831
- tab.inactiveBackground#2b3831
- tab.inactiveForeground#b5c4ba
- terminal.ansiBlack#151b19
- terminal.ansiBlue#0b6db7
- terminal.ansiCyan#5eb3ff
- terminal.ansiGreen#237a4e
- terminal.ansiMagenta#ba4160
- terminal.ansiRed#c4003b
- terminal.ansiWhite#edf2f5
- terminal.ansiYellow#f7b938
- terminal.background#1a211e
- terminal.foreground#e0d7c7
- textCodeBlock.background#1a211e
- titleBar.activeBackground#35453d
- titleBar.activeForeground#edf2f5
- titleBar.border#1e2623
- titleBar.inactiveBackground#35453d
- titleBar.inactiveForeground#b5c4ba
- webview.background#1e2623
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #657e70 | italic |
| string, punctuation.definition.string | #f7b938 | — |
| punctuation, meta.brace | #b5c4ba | — |
| keyword.operator | #5eb3ff | — |
| keyword, keyword.control, storage, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression | #e16350 | bold |
| variable, meta.object-literal.key | #e0d7c7 | — |
| variable.language, constant.language | #e16350 | italic |
| entity.name.function, support.function, meta.function-call | #5eb3ff | — |
| variable.parameter | #ebe3c4 | italic |
| entity.name.type, support.type, support.class, new.expr entity.name.type | #7dd4b3 | bold |
| constant.numeric, constant.other, support.constant | #5eb3ff | — |
| entity.other.attribute-name, variable.other.property, meta.object.member | #5eb3ff | — |
| entity.name.tag, punctuation.definition.tag | #e16350 | bold |
| markup.heading, entity.name.section | #5eb3ff | bold |
| markup.underline.link, string.other.link | #5eb3ff | — |
| markup.bold | #e16350 | bold |
| markup.italic | #e16350 | italic |
| constant.character.escape | #7dd4b3 | — |