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
- activityBarTop.activeBackground#237a4e55
- activityBarTop.activeBorder#f7b938
- activityBarTop.background#2f3e37
- activityBarTop.foreground#edf2f5
- activityBarTop.inactiveForeground#8fa297
- badge.background#c4003b
- badge.foreground#edf2f5
- button.background#5eb3ff
- button.border#5eb3ff55
- button.foreground#1a211e
- button.hoverBackground#4aa3ef
- button.secondaryBackground#35453d
- button.secondaryForeground#edf2f5
- button.secondaryHoverBackground#405349
- charts.blue#5eb3ff
- chat.editedFileForeground#a8d8ff
- chat.slashCommandForeground#a8d8ff
- descriptionForeground#b5c4ba
- 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
- editorGroup.border#4a6356
- editorGroup.emptyBackground#1e2623
- editorGroupHeader.tabsBackground#2f3e37
- editorGroupHeader.tabsBorder#4a6356
- editorIndentGuide.activeBackground#4a6356
- editorIndentGuide.background#405349
- editorLineNumber.activeForeground#d8c8b2
- editorLineNumber.foreground#616264
- editorLink.activeForeground#a8d8ff
- editorPane.background#1e2623
- 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
- input.placeholderForeground#8fa297
- 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#40534988
- 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#f7b938
- panelTitle.activeForeground#edf2f5
- panelTitle.border#4a6356
- 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#35453d
- sideBar.border#4a6356
- sideBar.foreground#b5c4ba
- sideBarActivityBarTop.border#4a6356
- sideBarSectionHeader.background#405349
- sideBarSectionHeader.border#4a6356
- sideBarSectionHeader.foreground#edf2f5
- sideBarStickyScroll.background#35453d
- sideBarStickyScroll.border#4a6356
- sideBarTitle.background#2f3e37
- sideBarTitle.border#4a6356
- sideBarTitle.foreground#edf2f5
- sideBySideEditor.horizontalBorder#4a6356
- sideBySideEditor.verticalBorder#4a6356
- statusBar.background#35453d
- statusBar.border#1a211e
- statusBar.debuggingBackground#0b6db7
- statusBar.debuggingForeground#edf2f5
- statusBar.foreground#edf2f5
- tab.activeBackground#35453d
- tab.activeBorderTop#c4003b
- tab.activeForeground#edf2f5
- tab.border#4a635680
- tab.hoverBackground#405349
- tab.hoverForeground#edf2f5
- tab.inactiveBackground#2f3e37
- tab.inactiveForeground#b5c4ba
- tab.unfocusedActiveBackground#35453d
- tab.unfocusedActiveBorderTop#c4003b88
- tab.unfocusedActiveForeground#d8c8b2
- tab.unfocusedHoverBackground#405349
- tab.unfocusedHoverForeground#edf2f5
- tab.unfocusedInactiveBackground#2f3e37
- tab.unfocusedInactiveForeground#8fa297
- terminal.ansiBlack#151b19
- terminal.ansiBlue#7ec8ff
- terminal.ansiBrightBlack#8fa297
- terminal.ansiBrightBlue#a8d8ff
- terminal.ansiBrightCyan#9ed6c0
- terminal.ansiBrightGreen#9ed6c0
- terminal.ansiBrightMagenta#e2a6b4
- terminal.ansiBrightRed#f15b5b
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffc454
- terminal.ansiCyan#5eb3ff
- terminal.ansiGreen#72c6a5
- terminal.ansiMagenta#d97793
- terminal.ansiRed#ea8474
- terminal.ansiWhite#edf2f5
- terminal.ansiYellow#f7b938
- terminal.background#1a211e
- terminal.foreground#e0d7c7
- textCodeBlock.background#1a211e
- textLink.activeForeground#a8d8ff
- textLink.foreground#5eb3ff
- textPreformat.background#5eb3ff28
- textPreformat.foreground#edf2f5
- titleBar.activeBackground#35453d
- titleBar.activeForeground#edf2f5
- titleBar.border#1e2623
- titleBar.inactiveBackground#35453d
- titleBar.inactiveForeground#b5c4ba
- toolbar.activeBackground#237a4e66
- toolbar.hoverBackground#4a635688
- webview.background#35453d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8fa297 | italic |
| string, punctuation.definition.string | #f7b938 | — |
| punctuation, meta.brace | #b5c4ba | — |
| keyword.operator | #b5c4ba | — |
| keyword, keyword.control, storage, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression | #ea8474 | bold |
| variable, meta.object-literal.key | #e0d7c7 | — |
| variable.language, constant.language | #ea8474 | 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 | #ea8474 | bold |
| markup.heading, entity.name.section | #5eb3ff | bold |
| markup.underline.link, string.other.link | #5eb3ff | — |
| markup.bold | #ea8474 | bold |
| markup.italic | #ea8474 | italic |
| constant.character.escape | #7dd4b3 | — |
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 | — |
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#1d1e23
- activityBar.border#34353a
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#959ea2
- activityBarBadge.background#e16350
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBackground#e1635022
- activityBarTop.activeBorder#e16350
- activityBarTop.background#1d1e23
- activityBarTop.foreground#ffffff
- activityBarTop.inactiveForeground#959ea2
- badge.background#e16350
- badge.foreground#ffffff
- button.background#5ac6d0
- button.border#5ac6d055
- button.foreground#1d1e23
- button.hoverBackground#49b5bf
- button.secondaryBackground#252526
- button.secondaryForeground#d8c8b2
- button.secondaryHoverBackground#262626
- charts.blue#5ac6d0
- chat.editedFileForeground#8edde5
- chat.slashCommandForeground#8edde5
- descriptionForeground#959ea2
- diffEditor.insertedTextBackground#72c6a533
- diffEditor.removedTextBackground#e1635033
- dropdown.background#252526
- dropdown.border#454545
- editor.background#1d1e23
- editor.findMatchBackground#e1635055
- editor.findMatchHighlightBackground#e1635033
- editor.foreground#d8c8b2
- editor.lineHighlightBackground#262626
- editor.selectionBackground#e1635033
- editor.wordHighlightBackground#eaeaea20
- editor.wordHighlightStrongBackground#e1635033
- editorCursor.foreground#e16350
- editorGroup.border#34353a
- editorGroup.emptyBackground#17181c
- editorGroupHeader.tabsBackground#1d1e23
- editorGroupHeader.tabsBorder#34353a
- editorIndentGuide.activeBackground#616264
- editorIndentGuide.background#262626
- editorLineNumber.activeForeground#a4aaa7
- editorLineNumber.foreground#616264
- editorLink.activeForeground#8edde5
- editorPane.background#17181c
- editorWidget.background#252526
- editorWidget.border#454545
- focusBorder#e1635033
- foreground#959ea2
- gitDecoration.addedResourceForeground#72c6a5
- gitDecoration.conflictingResourceForeground#b3a7cd
- gitDecoration.deletedResourceForeground#e16350
- gitDecoration.ignoredResourceForeground#616264
- gitDecoration.modifiedResourceForeground#f7b938
- gitDecoration.untrackedResourceForeground#72c6a5
- input.background#1d1e23
- input.border#e16350
- input.placeholderForeground#959ea2
- inputValidation.errorBackground#1d1e23
- inputValidation.errorBorder#e16350
- inputValidation.infoBackground#1d1e23
- inputValidation.infoBorder#5ac6d0
- inputValidation.warningBackground#1d1e23
- inputValidation.warningBorder#f7b938
- list.activeSelectionBackground#262626
- list.activeSelectionForeground#ffffff
- list.hoverBackground#262626
- list.inactiveSelectionBackground#262626aa
- menu.background#252526
- menu.border#454545
- menu.foreground#d8c8b2
- menu.selectionBackground#e1635033
- menu.selectionForeground#ffffff
- notifications.background#252526
- panel.background#1d1e23
- panel.border#34353a
- panelTitle.activeBorder#e16350
- panelTitle.activeForeground#d8c8b2
- panelTitle.border#34353a
- panelTitle.inactiveForeground#959ea2
- peekViewEditor.background#1d1e23
- peekViewResult.background#252526
- pickerGroup.border#e16350
- progressBar.background#e16350
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#e1635066
- scrollbarSlider.background#61626433
- scrollbarSlider.hoverBackground#61626455
- selection.background#61626440
- sideBar.background#1d1e23
- sideBar.border#34353a
- sideBar.foreground#a4aaa7
- sideBarActivityBarTop.border#34353a
- sideBarSectionHeader.background#1d1e23
- sideBarSectionHeader.border#34353a
- sideBarSectionHeader.foreground#ffffff
- sideBarStickyScroll.background#1d1e23
- sideBarStickyScroll.border#34353a
- sideBarTitle.background#1d1e23
- sideBarTitle.border#34353a
- sideBarTitle.foreground#ffffff
- sideBySideEditor.horizontalBorder#34353a
- sideBySideEditor.verticalBorder#34353a
- statusBar.background#1d1e23
- statusBar.border#34353a
- statusBar.debuggingBackground#e16350
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#a4aaa7
- tab.activeBackground#1d1e23
- tab.activeBorderTop#e16350
- tab.activeForeground#e16350
- tab.border#34353a80
- tab.hoverBackground#262626
- tab.hoverForeground#d8c8b2
- tab.inactiveBackground#1d1e23
- tab.inactiveForeground#959ea2
- tab.unfocusedActiveBackground#1d1e23
- tab.unfocusedActiveBorderTop#e1635088
- tab.unfocusedActiveForeground#959ea2
- tab.unfocusedHoverBackground#262626
- tab.unfocusedHoverForeground#d8c8b2
- tab.unfocusedInactiveBackground#1d1e23
- tab.unfocusedInactiveForeground#959ea2
- terminal.ansiBlack#1d1e23
- terminal.ansiBlue#8ed4ff
- terminal.ansiBrightBlack#959ea2
- terminal.ansiBrightBlue#84a7d3
- terminal.ansiBrightCyan#72c6a5
- terminal.ansiBrightGreen#9ed6c0
- terminal.ansiBrightMagenta#d97793
- terminal.ansiBrightRed#f15b5b
- terminal.ansiBrightWhite#edf2f5
- terminal.ansiBrightYellow#ffc454
- terminal.ansiCyan#5ac6d0
- terminal.ansiGreen#72c6a5
- terminal.ansiMagenta#b3a7cd
- terminal.ansiRed#e16350
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#f7b938
- terminal.background#1d1e23
- terminal.foreground#a4aaa7
- textCodeBlock.background#17181c
- textLink.activeForeground#8edde5
- textLink.foreground#5ac6d0
- textPreformat.background#5ac6d028
- textPreformat.foreground#d8c8b2
- titleBar.activeBackground#1d1e23
- titleBar.activeForeground#ffffff
- titleBar.border#34353a
- titleBar.inactiveBackground#1d1e23
- titleBar.inactiveForeground#959ea2
- toolbar.activeBackground#e1635033
- toolbar.hoverBackground#61626444
- webview.background#1d1e23
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #959ea2 | italic |
| string, punctuation.definition.string | #ebbc6b | — |
| punctuation, meta.brace | #959ea2 | — |
| keyword.operator | #e16350 | — |
| keyword, keyword.control, storage, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression | #e16350 | — |
| variable, meta.object-literal.key | #d8c8b2 | — |
| variable.language, constant.language | #e16350 | italic |
| entity.name.function, support.function, meta.function-call | #84a7d3 | — |
| variable.parameter | #d8c8b2 | italic |
| entity.name.type, support.type, support.class, new.expr entity.name.type | #72c6a5 | — |
| constant.numeric, constant.other, support.constant | #f7b938 | — |
| entity.other.attribute-name, variable.other.property, meta.object.member | #5ac6d0 | — |
| entity.name.tag, punctuation.definition.tag | #e16350 | — |
| markup.heading, entity.name.section | #84a7d3 | bold |
| markup.underline.link, string.other.link | #5ac6d0 | — |
| markup.bold | #e16350 | bold |
| constant.character.escape | #b3a7cd | — |