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#e7e6d2
- activityBar.border#d4d2c6
- activityBar.foreground#405349
- activityBar.inactiveForeground#616264
- activityBarBadge.background#c23352
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBackground#c2335222
- activityBarTop.activeBorder#c23352
- activityBarTop.background#e7e6d2
- activityBarTop.foreground#405349
- activityBarTop.inactiveForeground#616264
- badge.background#c23352
- badge.foreground#ffffff
- button.background#0b6db7
- button.border#0b6db755
- button.foreground#ffffff
- button.hoverBackground#006494
- button.secondaryBackground#e7e6d2
- button.secondaryForeground#405349
- button.secondaryHoverBackground#e3ddcb
- charts.blue#0b6db7
- chat.editedFileForeground#006494
- chat.slashCommandForeground#006494
- descriptionForeground#616264
- diffEditor.insertedTextBackground#237a4e33
- diffEditor.removedTextBackground#c2335233
- dropdown.background#f7f5ed
- dropdown.border#d4d2c6
- editor.background#f7f5ed
- editor.findMatchBackground#c2335244
- editor.findMatchHighlightBackground#c2335222
- editor.foreground#405349
- editor.lineHighlightBackground#e7e6d266
- editor.selectionBackground#dde7e7
- editor.wordHighlightBackground#c2335211
- editor.wordHighlightStrongBackground#c2335233
- editorCursor.foreground#c23352
- editorGroup.border#d4d2c6
- editorGroup.emptyBackground#e7e6d2
- editorGroupHeader.tabsBackground#efeee5
- editorGroupHeader.tabsBorder#d4d2c6
- editorIndentGuide.activeBackground#a4aaa7
- editorIndentGuide.background#d4d2c6
- editorLineNumber.activeForeground#405349
- editorLineNumber.foreground#7a807d
- editorLink.activeForeground#006494
- editorPane.background#e7e6d2
- editorWidget.background#f7f5ed
- editorWidget.border#c23352
- focusBorder#c2335255
- foreground#405349
- gitDecoration.addedResourceForeground#237a4e
- gitDecoration.conflictingResourceForeground#ba4160
- gitDecoration.deletedResourceForeground#c23352
- gitDecoration.ignoredResourceForeground#7a807d
- gitDecoration.modifiedResourceForeground#d6b038
- gitDecoration.untrackedResourceForeground#237a4e
- input.background#f7f5ed
- input.border#d4d2c6
- input.placeholderForeground#616264
- inputValidation.errorBackground#f7f5ed
- inputValidation.errorBorder#c23352
- inputValidation.infoBackground#f7f5ed
- inputValidation.infoBorder#0b6db7
- inputValidation.warningBackground#f7f5ed
- inputValidation.warningBorder#d6b038
- list.activeSelectionBackground#dde7e7
- list.activeSelectionForeground#405349
- list.hoverBackground#f5f0c5
- list.inactiveSelectionBackground#dde7e799
- menu.background#f7f5ed
- menu.border#d4d2c6
- menu.foreground#405349
- menu.selectionBackground#dde7e7
- menu.selectionForeground#c23352
- notifications.background#e7e6d2
- panel.background#efeee5
- panel.border#d4d2c6
- panelTitle.activeBorder#c23352
- panelTitle.activeForeground#405349
- panelTitle.border#d4d2c6
- panelTitle.inactiveForeground#616264
- peekViewEditor.background#f7f5ed
- peekViewResult.background#efeee5
- pickerGroup.border#c23352
- progressBar.background#c23352
- scrollbar.shadow#00000010
- scrollbarSlider.activeBackground#c2335266
- scrollbarSlider.background#a4aaa733
- scrollbarSlider.hoverBackground#a4aaa766
- selection.background#dde7e7
- sideBar.background#efeee5
- sideBar.border#d4d2c6
- sideBar.foreground#616264
- sideBarActivityBarTop.border#d4d2c6
- sideBarSectionHeader.background#e3ddcb
- sideBarSectionHeader.border#d4d2c6
- sideBarSectionHeader.foreground#405349
- sideBarStickyScroll.background#efeee5
- sideBarStickyScroll.border#d4d2c6
- sideBarTitle.background#efeee5
- sideBarTitle.border#d4d2c6
- sideBarTitle.foreground#405349
- sideBySideEditor.horizontalBorder#d4d2c6
- sideBySideEditor.verticalBorder#d4d2c6
- statusBar.background#c23352
- statusBar.border#a92d48
- statusBar.debuggingBackground#0b6db7
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- tab.activeBackground#f7f5ed
- tab.activeBorderTop#c23352
- tab.activeForeground#c23352
- tab.border#d4d2c680
- tab.hoverBackground#e3ddcb
- tab.hoverForeground#405349
- tab.inactiveBackground#efeee5
- tab.inactiveForeground#616264
- tab.unfocusedActiveBackground#f7f5ed
- tab.unfocusedActiveBorderTop#c2335288
- tab.unfocusedActiveForeground#616264
- tab.unfocusedHoverBackground#e3ddcb
- tab.unfocusedHoverForeground#405349
- tab.unfocusedInactiveBackground#efeee5
- tab.unfocusedInactiveForeground#616264
- terminal.ansiBlack#1d1e23
- terminal.ansiBlue#0b6db7
- terminal.ansiBrightBlack#616264
- terminal.ansiBrightBlue#006494
- terminal.ansiBrightCyan#026892
- terminal.ansiBrightGreen#2e674e
- terminal.ansiBrightMagenta#9c4998
- terminal.ansiBrightRed#b82647
- terminal.ansiBrightWhite#405349
- terminal.ansiBrightYellow#8a5f28
- terminal.ansiCyan#006494
- terminal.ansiGreen#237a4e
- terminal.ansiMagenta#9c4998
- terminal.ansiRed#c23352
- terminal.ansiWhite#616264
- terminal.ansiYellow#8a5f28
- terminal.background#efeee5
- terminal.foreground#405349
- textCodeBlock.background#efeee5
- textLink.activeForeground#006494
- textLink.foreground#0b6db7
- textPreformat.background#0b6db718
- textPreformat.foreground#405349
- titleBar.activeBackground#e7e6d2
- titleBar.activeForeground#405349
- titleBar.border#d4d2c6
- titleBar.inactiveBackground#e7e6d2
- titleBar.inactiveForeground#616264
- toolbar.activeBackground#c2335222
- toolbar.hoverBackground#e3ddcbaa
- webview.background#efeee5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6f606e | italic |
| string, punctuation.definition.string | #237a4e | — |
| punctuation, meta.brace | #616264 | — |
| keyword.operator | #c23352 | — |
| keyword, keyword.control, storage, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression | #c23352 | — |
| variable, meta.object-literal.key | #405349 | — |
| variable.language, constant.language | #c23352 | italic |
| entity.name.function, support.function, meta.function-call | #006494 | — |
| variable.parameter | #405349 | italic |
| entity.name.type, support.type, support.class, new.expr entity.name.type | #ba4160 | — |
| constant.numeric, constant.other, support.constant | #006494 | — |
| entity.other.attribute-name, variable.other.property, meta.object.member | #006494 | — |
| entity.name.tag, punctuation.definition.tag | #c23352 | — |
| markup.heading, entity.name.section | #006494 | bold |
| markup.underline.link, string.other.link | #0b6db7 | — |
| markup.bold | #c23352 | bold |
| constant.character.escape | #ba4160 | — |