Seoul theme

Color themes

• 

  Seoul Dancheong (단청)

• 

  Seoul Morning (서울의 아침)

• 

  Seoul Night (서울의 밤)

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).