Sung Theme

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#181a1f
• activityBar.border#000
• activityBar.dropBackground#181A1F
• activityBar.foreground#ffffff
• activityBar.inactiveForeground#5F6672
• activityBarBadge.background#E06C75
• activityBarBadge.foreground#ffffff
• button.background#E06C75
• contrastBorder#000
• debugToolBar.background#181A1F
• dropdown.background#181A1F
• dropdown.border#000
• editor.background#111
• editor.findMatchBackground#00000000
• editor.findMatchBorder#61AFEF
• editor.findMatchHighlightBackground#00000000
• editor.findMatchHighlightBorder#D4D7D9
• editor.foreground#A9B2C3
• editor.lineHighlightBackground#A9B2C31A
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBorder#D4D7D9
• editor.selectionBackground#A9B2C333
• editor.selectionHighlightBackground#A9B2C31A
• editor.selectionHighlightBorder#D4D7D9
• editor.wordHighlightBackground#00000000
• editor.wordHighlightBorder#61AFEF
• editor.wordHighlightStrongBackground#00000000
• editor.wordHighlightStrongBorder#61AFEF
• editorActiveLineNumber.foreground#D4D7D9
• editorBracketMatch.background#00000000
• editorBracketMatch.border#61AFEF
• editorCursor.foreground#A9B2C3
• editorError.foreground#D74E42
• editorGroup.background#181A1F
• editorGroup.border#000
• editorGroupHeader.tabsBackground#181A1F
• editorHoverWidget.background#181A1F
• editorHoverWidget.border#61AFEF
• editorIndentGuide.activeBackground#A9B2C333
• editorIndentGuide.background#A9B2C31A
• editorInfo.foreground#61AFEF
• editorLineNumber.foreground#5F6672
• editorOverviewRuler.border#000
• editorOverviewRuler.errorForeground#D74E42
• editorOverviewRuler.infoForeground#61AFEF
• editorOverviewRuler.warningForeground#E9D16C
• editorRuler.foreground#A9B2C31A
• editorSuggestWidget.background#181A1F
• editorSuggestWidget.border#61AFEF
• editorSuggestWidget.selectedBackground#A9B2C31A
• editorWarning.foreground#E9D16C
• editorWhitespace.foreground#A9B2C31A
• editorWidget.background#181A1F
• errorForeground#D74E42
• focusBorder#61AFEF
• gitDecoration.deletedResourceForeground#E06C75
• gitDecoration.modifiedResourceForeground#D19A66
• gitDecoration.untrackedResourceForeground#98C379
• input.background#000
• inputOption.activeBorder#61AFEF
• inputValidation.errorBackground#D74E42
• inputValidation.errorBorder#D74E42
• inputValidation.infoBackground#61AFEF
• inputValidation.infoBorder#61AFEF
• inputValidation.infoForeground#000
• inputValidation.warningBackground#E9D16C
• inputValidation.warningBorder#E9D16C
• inputValidation.warningForeground#000
• list.activeSelectionBackground#A9B2C333
• list.errorForeground#D74E42
• list.focusBackground#A9B2C333
• list.hoverBackground#A9B2C31A
• list.inactiveSelectionBackground#A9B2C333
• list.inactiveSelectionForeground#D4D7D9
• list.warningForeground#E9D16C
• notificationCenterHeader.background#181A1F
• notifications.background#181A1F
• panel.background#181A1F
• panel.border#000
• peekView.border#61AFEF
• peekViewEditor.background#181A1F
• peekViewEditor.matchHighlightBackground#A9B2C333
• peekViewResult.background#181A1F
• peekViewResult.matchHighlightBackground#A9B2C333
• peekViewResult.selectionBackground#A9B2C31A
• peekViewResult.selectionForeground#D4D7D9
• peekViewTitle.background#181A1F
• scrollbar.shadow#00000000
• scrollbarSlider.activeBackground#A9B2C333
• scrollbarSlider.background#A9B2C31A
• scrollbarSlider.hoverBackground#A9B2C333
• sideBar.background#111
• sideBar.border#000
• sideBarSectionHeader.background#21252B
• statusBar.background#21252B
• statusBar.border#000
• statusBar.debuggingBackground#181A1F
• statusBar.foreground#A9B2C3
• statusBar.noFolderBackground#181A1F
• statusBarItem.hoverBackground#181A1F
• tab.activeBackground#21252B
• tab.activeForeground#D4D7D9
• tab.border#000
• tab.hoverBackground#A9B2C31A
• tab.inactiveBackground#181A1F
• tab.inactiveForeground#5F6672
• terminal.ansiBlack#222
• terminal.ansiBlue#61AFEF
• terminal.ansiBrightBlack#5F6672
• terminal.ansiBrightBlue#007FFF
• terminal.ansiBrightCyan#08E8DE
• terminal.ansiBrightGreen#66FF00
• terminal.ansiBrightMagenta#8B00FF
• terminal.ansiBrightRed#D74E42
• terminal.ansiBrightWhite#D4D7D9
• terminal.ansiBrightYellow#E5C07B
• terminal.ansiCyan#56B6C2
• terminal.ansiGreen#98C379
• terminal.ansiMagenta#B57EDC
• terminal.ansiRed#E06C75
• terminal.ansiWhite#A9B2C3
• terminal.ansiYellow#D19A66
• terminal.foreground#A9B2C3
• titleBar.activeBackground#21252B
• titleBar.activeForeground#D4D7D9
• titleBar.border#000
• titleBar.inactiveBackground#21252B
• titleBar.inactiveForeground#5F6672
• widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).