LG 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.activeBackground#FFD740
• activityBar.activeBorder#333333
• activityBar.background#FFF8E1
• activityBar.border#E5E5E5
• activityBar.foreground#5D4037
• activityBar.inactiveForeground#33333380
• activityBarBadge.background#FF3D00
• activityBarBadge.foreground#FFFFFF
• button.background#FFC300
• button.foreground#333333
• button.hoverBackground#FFD740
• button.secondaryBackground#F5F5F5
• button.secondaryForeground#333333
• button.secondaryHoverBackground#E0E0E0
• diffEditor.insertedTextBackground#81C78440
• diffEditor.removedTextBackground#E5737340
• dropdown.background#FFFFFF
• dropdown.border#E5E5E5
• dropdown.foreground#333333
• dropdown.listBackground#FFFFFF
• editor.background#FFFDF6
• editor.findMatchBackground#FFD54F80
• editor.findMatchHighlightBackground#FFE08280
• editor.foreground#444444
• editor.lineHighlightBackground#FFFDE7
• editor.lineHighlightBorder#FFF59D
• editor.selectionBackground#FFF0B3
• editorBracketMatch.background#FFE08280
• editorBracketMatch.border#FFC300
• editorCursor.foreground#FFC300
• editorError.foreground#E41E24
• editorGroup.border#E5E5E5
• editorGroupHeader.tabsBackground#F5F5F5
• editorGroupHeader.tabsBorder#E5E5E5
• editorHoverWidget.background#FFFFFF
• editorHoverWidget.border#E5E5E5
• editorHoverWidget.foreground#333333
• editorHoverWidget.statusBarBackground#F5F5F5
• editorIndentGuide.activeBackground1#E0E0E0
• editorIndentGuide.background1#F0F0F0
• editorInfo.foreground#2196F3
• editorLineNumber.activeForeground#333333
• editorLineNumber.foreground#CCCCCC
• editorSuggestWidget.background#FFFFFF
• editorSuggestWidget.border#E5E5E5
• editorSuggestWidget.foreground#333333
• editorSuggestWidget.highlightForeground#FFC300
• editorSuggestWidget.selectedBackground#FFF8E1
• editorWarning.foreground#FF9800
• focusBorder#FFC300
• input.background#FFFFFF
• input.border#E5E5E5
• input.foreground#333333
• inputOption.activeBorder#FFC300
• inputValidation.errorBackground#FFEBEE
• inputValidation.errorBorder#E41E24
• inputValidation.infoBackground#E3F2FD
• inputValidation.infoBorder#2196F3
• inputValidation.warningBackground#FFF3E0
• inputValidation.warningBorder#FF9800
• list.activeSelectionBackground#FFF8E1
• list.activeSelectionForeground#333333
• list.activeSelectionIconForeground#333333
• list.focusAndSelectionOutline#FFC300
• list.focusBackground#FFF8E1
• list.focusForeground#333333
• list.focusOutline#FFC300
• list.hoverBackground#FFFDE7
• list.hoverForeground#333333
• list.inactiveSelectionBackground#F5F5F5
• list.inactiveSelectionForeground#333333
• menu.background#FFFFFF
• menu.border#E5E5E5
• menu.foreground#333333
• menu.selectionBackground#FFF8E1
• menu.selectionBorder#FFC300
• menu.selectionForeground#333333
• menu.separatorBackground#E5E5E5
• notificationCenterHeader.background#FFF8E1
• notifications.background#FFFFFF
• notifications.border#E5E5E5
• notifications.foreground#333333
• panel.background#FAFAFA
• panel.border#E5E5E5
• panelTitle.activeBorder#FFC300
• panelTitle.activeForeground#333333
• panelTitle.inactiveForeground#666666
• quickInput.background#FFFFFF
• quickInput.foreground#333333
• quickInputList.focusBackground#FFF8E1
• scrollbarSlider.activeBackground#999999
• scrollbarSlider.background#E0E0E0
• scrollbarSlider.hoverBackground#CCCCCC
• sideBar.background#FAFAFA
• sideBar.border#E5E5E5
• sideBar.foreground#333333
• sideBarSectionHeader.background#F0F0F0
• sideBarSectionHeader.border#E5E5E5
• sideBarSectionHeader.foreground#333333
• statusBar.background#FFF8E1
• statusBar.border#E5E5E5
• statusBar.debuggingBackground#FF9800
• statusBar.foreground#5D4037
• statusBar.noFolderBackground#FFD740
• tab.activeBackground#FFFFFF
• tab.activeBorderTop#FFC300
• tab.activeForeground#333333
• tab.border#E5E5E5
• tab.hoverBackground#FFFDE7
• tab.inactiveBackground#F5F5F5
• tab.inactiveForeground#666666
• terminal.border#E5E5E5
• terminalCursor.background#FFC300
• terminalCursor.foreground#333333
• titleBar.activeBackground#FFC300
• titleBar.activeForeground#333333
• titleBar.border#E5E5E5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).