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#f7f7f5
- activityBar.border#e7e6d2
- activityBar.foreground#405349
- activityBar.inactiveForeground#a4aaa7
- activityBarBadge.background#c23352
- activityBarBadge.foreground#ffffff
- badge.background#c23352
- badge.foreground#ffffff
- diffEditor.insertedTextBackground#237a4e33
- diffEditor.removedTextBackground#c2335233
- dropdown.background#fbfbf9
- dropdown.border#e7e6d2
- editor.background#fcfcfc
- editor.findMatchBackground#c2335244
- editor.findMatchHighlightBackground#c2335222
- editor.foreground#2f3e37
- editor.lineHighlightBackground#f5f0c54d
- editor.selectionBackground#dde7e7
- editor.wordHighlightBackground#c2335211
- editor.wordHighlightStrongBackground#c2335233
- editorCursor.foreground#c23352
- editorGroupHeader.tabsBackground#fbfbf9
- editorIndentGuide.activeBackground#a4aaa7
- editorIndentGuide.background#e7e6d2
- editorLineNumber.activeForeground#2f3e37
- editorLineNumber.foreground#a4aaa7
- editorWidget.background#fbfbf9
- editorWidget.border#c23352
- focusBorder#c2335255
- foreground#405349
- gitDecoration.addedResourceForeground#237a4e
- gitDecoration.conflictingResourceForeground#ba4160
- gitDecoration.deletedResourceForeground#c23352
- gitDecoration.ignoredResourceForeground#a4aaa7
- gitDecoration.modifiedResourceForeground#d6b038
- gitDecoration.untrackedResourceForeground#237a4e
- input.background#ffffff
- input.border#e7e6d2
- input.placeholderForeground#a4aaa7
- inputValidation.errorBackground#fcfcfc
- inputValidation.errorBorder#c23352
- inputValidation.infoBackground#fcfcfc
- inputValidation.infoBorder#0b6db7
- inputValidation.warningBackground#fcfcfc
- inputValidation.warningBorder#d6b038
- list.activeSelectionBackground#dde7e7
- list.activeSelectionForeground#405349
- list.hoverBackground#f5f0c5
- menu.background#ffffff
- menu.border#e7e6d2
- menu.foreground#405349
- menu.selectionBackground#dde7e7
- menu.selectionForeground#c23352
- notifications.background#e7e6d2
- panel.background#fbfbf9
- panel.border#e7e6d2
- panelTitle.activeBorder#c23352
- panelTitle.activeForeground#405349
- panelTitle.inactiveForeground#a4aaa7
- peekViewEditor.background#fbfbf9
- peekViewResult.background#fbfbf9
- pickerGroup.border#c23352
- progressBar.background#c23352
- scrollbar.shadow#00000010
- scrollbarSlider.activeBackground#c2335266
- scrollbarSlider.background#a4aaa733
- scrollbarSlider.hoverBackground#a4aaa766
- selection.background#dde7e7
- sideBar.background#fbfbf9
- sideBar.foreground#616264
- sideBarSectionHeader.background#f7f7f5
- sideBarSectionHeader.foreground#405349
- sideBarTitle.foreground#405349
- statusBar.background#c23352
- statusBar.debuggingBackground#0b6db7
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- tab.activeBackground#fcfcfc
- tab.activeBorderTop#c23352
- tab.activeForeground#c23352
- tab.border#f1f1f1
- tab.inactiveBackground#fbfbf9
- tab.inactiveForeground#616264
- terminal.ansiBlack#1d1e23
- terminal.ansiBlue#0b6db7
- terminal.ansiCyan#5eb3ff
- terminal.ansiGreen#237a4e
- terminal.ansiMagenta#ba4160
- terminal.ansiRed#c23352
- terminal.ansiWhite#a4aaa7
- terminal.ansiYellow#d6b038
- terminal.background#fbfbf9
- terminal.foreground#405349
- textCodeBlock.background#fbfbf9
- titleBar.activeBackground#f7f7f5
- titleBar.activeForeground#405349
- titleBar.inactiveBackground#f7f7f5
- titleBar.inactiveForeground#a4aaa7
- webview.background#fbfbf9
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #a4aaa7 | 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 | — |