Korean Dancheong Light
Publisher: weston0713Themes in package: 1
A light theme inspired by Korean Dancheong — born from a visit to Bulguksa Temple in Gyeongju, reimagined for modern coding.
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#D9E6DF
- activityBar.foreground#333333
- activityBar.inactiveForeground#8E8E93
- activityBarBadge.background#116AEE
- activityBarBadge.foreground#FFFFFF
- badge.background#116AEE
- badge.foreground#FFFFFF
- breadcrumb.focusForeground#116AEE
- breadcrumb.foreground#8E8E93
- button.background#116AEE
- button.foreground#FFFFFF
- button.hoverBackground#0066CC
- checkbox.background#EAF3EE
- checkbox.border#D1E0D9
- checkbox.foreground#333333
- diffEditor.diagonalFill#D1E0D9
- diffEditor.insertedTextBackground#2E7D3218
- diffEditor.removedTextBackground#C2414118
- dropdown.background#EAF3EE
- dropdown.border#D1E0D9
- dropdown.foreground#333333
- dropdown.listBackground#ECF3ED
- editor.background#ECF3ED
- editor.findMatchHighlightBackground#F5C77380
- editor.findMatchHighlightBorder#B8860B
- editor.foreground#333333
- editor.inactiveSelectionBackground#FDD8D633
- editor.lineHighlightBackground#E6F0EB
- editor.selectionBackground#FDD8D6FF
- editor.selectionForeground#1C1C1E
- editor.selectionHighlightBackground#FFF7D64D
- editor.wordHighlightBackground#FFF2CC80
- editor.wordHighlightStrongBackground#FFE68080
- editorBracketHighlight.foreground1#116AEE
- editorBracketHighlight.foreground2#00A8A8
- editorBracketHighlight.foreground3#2E7D32
- editorBracketHighlight.foreground4#B8860B
- editorBracketHighlight.foreground5#116AEE
- editorBracketHighlight.foreground6#2E7D32
- editorBracketMatch.background#EAF0FF
- editorBracketMatch.border#116AEE
- editorCursor.foreground#116AEE
- editorGroupHeader.tabsBackground#EAF3EE
- editorGroupHeader.tabsBorder#D1E0D9
- editorGutter.addedBackground#2E7D32
- editorGutter.deletedBackground#C24141
- editorGutter.modifiedBackground#116AEE
- editorHoverWidget.background#ECF3ED
- editorHoverWidget.border#D1E0D9
- editorIndentGuide.activeBackground1#116AEE
- editorIndentGuide.background1#D7E4DE
- editorLineNumber.activeForeground#116AEE
- editorLineNumber.foreground#8E8E93
- editorLink.activeForeground#116AEE
- editorSuggestWidget.background#ECF3ED
- editorSuggestWidget.border#D1E0D9
- editorSuggestWidget.focusHighlightForeground#116AEE
- editorSuggestWidget.foreground#333333
- editorSuggestWidget.highlightForeground#116AEE
- editorSuggestWidget.selectedBackground#FDD8D666
- editorSuggestWidget.selectedForeground#333333
- editorWhitespace.foreground#C9D7D0
- editorWidget.background#ECF3ED
- editorWidget.border#D1E0D9
- editorWidget.foreground#333333
- editorWidget.resizeBorder#116AEE
- focusBorder#007AFFA0
- foreground#333333
- gitDecoration.addedResourceForeground#2E7D32
- gitDecoration.deletedResourceForeground#C24141
- gitDecoration.ignoredResourceForeground#8E8E93
- gitDecoration.modifiedResourceForeground#116AEE
- gitDecoration.untrackedResourceForeground#0088EE
- input.background#EAF3EE
- input.border#D1E0D9
- input.foreground#333333
- input.placeholderForeground#5E5E68
- inputOption.activeBackground#116AEE20
- inputOption.activeBorder#116AEE
- inputOption.activeForeground#333333
- list.activeSelectionBackground#FDD8D666
- list.activeSelectionForeground#333333
- list.activeSelectionIconForeground#333333
- list.errorForeground#C24141
- list.focusBackground#FDD8D680
- list.hoverBackground#F0F0EB
- list.inactiveSelectionBackground#FDD8D633
- list.warningForeground#B8860B
- menu.background#EAF3EE
- menu.border#D1E0D9
- menu.foreground#333333
- menu.selectionBackground#FDD8D666
- menu.selectionForeground#333333
- menu.separatorBackground#D1E0D9
- menubar.selectionBackground#E6F0EB
- menubar.selectionForeground#333333
- merge.border#D1E0D9
- merge.currentHeaderBackground#2E7D321A
- merge.incomingHeaderBackground#007AFF1A
- minimap.errorHighlight#C24141
- minimap.findMatchHighlight#FAE3B480
- minimap.selectionHighlight#FDD8D666
- minimap.warningHighlight#B8860B
- notificationCenterHeader.background#EAF3EE
- notificationCenterHeader.foreground#333333
- notifications.background#ECF3ED
- notifications.foreground#333333
- notificationToast.border#D1E0D9
- panel.background#ECF3ED
- panel.border#D1E0D9
- panelTitle.activeBorder#116AEE
- panelTitle.activeForeground#333333
- panelTitle.inactiveForeground#8E8E93
- peekViewEditor.background#ECF3ED
- peekViewResult.background#EAF3EE
- peekViewTitle.background#EAF3EE
- peekViewTitleDescription.foreground#8E8E93
- peekViewTitleInfo.foreground#116AEE
- peekViewTitleLabel.foreground#333333
- progressBar.background#116AEE
- quickInput.background#ECF3ED
- quickInput.foreground#333333
- quickInputList.focusBackground#FDD8D666
- quickInputList.focusForeground#333333
- quickInputList.focusIconForeground#116AEE
- quickInputTitle.background#EAF3EE
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#8E8E93C0
- scrollbarSlider.background#8E8E9380
- scrollbarSlider.hoverBackground#8E8E93A0
- selection.background#FDD8D64D
- sideBar.background#E0EBE4
- sideBar.foreground#333333
- sideBarSectionHeader.background#E6F0EB
- sideBarTitle.foreground#333333
- statusBar.background#EAF3EE
- statusBar.debuggingBackground#B8860B
- statusBar.debuggingForeground#333333
- statusBar.foreground#333333
- statusBar.noFolderBackground#E6F0EB
- tab.activeBackground#ECF3ED
- tab.activeBorder#116AEE
- tab.activeForeground#333333
- tab.border#D1E0D9
- tab.inactiveBackground#E6F0EB
- tab.inactiveForeground#8E8E93
- terminal.ansiBlack#000000
- terminal.ansiBlue#116AEE
- terminal.ansiBrightBlack#636366
- terminal.ansiBrightBlue#0A84FF
- terminal.ansiBrightCyan#64D2FF
- terminal.ansiBrightGreen#4CD164
- terminal.ansiBrightMagenta#BF5AF2
- terminal.ansiBrightRed#FF3B30
- terminal.ansiBrightWhite#ECF3ED
- terminal.ansiBrightYellow#FFD60A
- terminal.ansiCyan#00A8A8
- terminal.ansiGreen#2E7D32
- terminal.ansiMagenta#AF52DE
- terminal.ansiRed#C24141
- terminal.ansiWhite#EAF0EC
- terminal.ansiYellow#B8860B
- terminal.background#ECF3ED
- terminal.foreground#333333
- terminal.selectionBackground#FDD8D666
- terminalCursor.foreground#116AEE
- titleBar.activeBackground#EAF3EE
- titleBar.activeForeground#333333
- titleBar.inactiveForeground#8E8E93
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8E8E93 | italic |
| comment.documentation, comment.block.documentation | #8E8E93 | — |
| invalid.illegal | #C24141 | — |
| keyword.operator | #636366 | — |
| keyword, storage | #C24141 | bold |
| storage.type, support.type | #116AEE | bold |
| constant.language, support.constant, variable.language | #B8860B | — |
| variable, support.variable | #333333 | — |
| entity.name.function, support.function | #116AEE | — |
| entity.name.type, entity.other.inherited-class, support.class | #116AEE | bold |
| entity.name.exception | #C24141 | — |
| constant.numeric, constant.character, constant | #B8860B | — |
| string | #2E7D32 | — |
| string.regexp | #116AEE | — |
| constant.other.symbol | #B8860B | — |
| punctuation | #636366 | — |
| meta.tag | #116AEE | — |
| entity.other.attribute-name | #00A8A8 | italic |
| support.type.property-name | #B8860B | — |
| support.constant.property-value | #2E7D32 | — |
| markup.heading | #C24141 | bold |
| meta.link | #116AEE | — |
| markup.inserted | #2E7D32 | — |
| markup.deleted | #C24141 | — |
| markup.changed | #116AEE | — |