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

• actionBar.toggledBackground#dddddd
• activityBar.activeBorder#005FB8
• activityBar.background#F8F8F8
• activityBar.border#E5E5E5
• activityBar.foreground#1F1F1F
• activityBar.inactiveForeground#616161
• activityBarBadge.background#005FB8
• activityBarBadge.foreground#FFFFFF
• badge.background#CCCCCC
• badge.foreground#3B3B3B
• button.background#005FB8
• button.border#0000001a
• button.foreground#FFFFFF
• button.hoverBackground#0258A8
• button.secondaryBackground#E5E5E5
• button.secondaryForeground#3B3B3B
• button.secondaryHoverBackground#CCCCCC
• chat.editedFileForeground#895503
• chat.slashCommandBackground#ADCEFF7A
• chat.slashCommandForeground#26569E
• checkbox.background#F8F8F8
• checkbox.border#CECECE
• descriptionForeground#3B3B3B
• diffEditor.unchangedRegionBackground#f8f8f8
• dropdown.background#FFFFFF
• dropdown.border#CECECE
• dropdown.foreground#3B3B3B
• dropdown.listBackground#FFFFFF
• editor.background#FFFFFF
• editor.foreground#3B3B3B
• editor.inactiveSelectionBackground#E5EBF180
• editor.selectionHighlightBackground#ADD6FF80
• editorGroup.border#E5E5E5
• editorGroupHeader.tabsBackground#F8F8F8
• editorGroupHeader.tabsBorder#E5E5E5
• editorGutter.addedBackground#2EA043
• editorGutter.deletedBackground#F85149
• editorGutter.modifiedBackground#005FB8
• editorIndentGuide.activeBackground1#939393
• editorIndentGuide.background1#D3D3D3
• editorLineNumber.activeForeground#171184
• editorLineNumber.foreground#6E7681
• editorOverviewRuler.border#E5E5E5
• editorSuggestWidget.background#F8F8F8
• editorWidget.background#F8F8F8
• errorForeground#F85149
• focusBorder#005FB8
• foreground#3B3B3B
• icon.foreground#3B3B3B
• input.background#FFFFFF
• input.border#CECECE
• input.foreground#3B3B3B
• input.placeholderForeground#767676
• inputOption.activeBackground#BED6ED
• inputOption.activeBorder#005FB8
• inputOption.activeForeground#000000
• keybindingLabel.foreground#3B3B3B
• list.activeSelectionBackground#E8E8E8
• list.activeSelectionForeground#000000
• list.activeSelectionIconForeground#000000
• list.focusAndSelectionOutline#005FB8
• list.hoverBackground#F2F2F2
• menu.border#CECECE
• menu.selectionBackground#005FB8
• menu.selectionForeground#ffffff
• notebook.cellBorderColor#E5E5E5
• notebook.selectedCellBackground#C8DDF150
• notificationCenterHeader.background#FFFFFF
• notificationCenterHeader.foreground#3B3B3B
• notifications.background#FFFFFF
• notifications.border#E5E5E5
• notifications.foreground#3B3B3B
• panel.background#F8F8F8
• panel.border#E5E5E5
• panelInput.border#E5E5E5
• panelTitle.activeBorder#005FB8
• panelTitle.activeForeground#3B3B3B
• panelTitle.inactiveForeground#3B3B3B
• peekViewEditor.matchHighlightBackground#BB800966
• peekViewResult.background#FFFFFF
• peekViewResult.matchHighlightBackground#BB800966
• pickerGroup.border#E5E5E5
• pickerGroup.foreground#8B949E
• ports.iconRunningProcessForeground#369432
• progressBar.background#005FB8
• quickInput.background#F8F8F8
• quickInput.foreground#3B3B3B
• searchEditor.textInputBorder#CECECE
• settings.dropdownBackground#FFFFFF
• settings.dropdownBorder#CECECE
• settings.headerForeground#1F1F1F
• settings.modifiedItemIndicator#BB800966
• settings.numberInputBorder#CECECE
• settings.textInputBorder#CECECE
• sideBar.background#F8F8F8
• sideBar.border#E5E5E5
• sideBar.foreground#3B3B3B
• sideBarSectionHeader.background#F8F8F8
• sideBarSectionHeader.border#E5E5E5
• sideBarSectionHeader.foreground#3B3B3B
• sideBarTitle.foreground#3B3B3B
• statusBar.background#F8F8F8
• statusBar.border#E5E5E5
• statusBar.debuggingBackground#FD716C
• statusBar.debuggingForeground#000000
• statusBar.focusBorder#005FB8
• statusBar.foreground#3B3B3B
• statusBar.noFolderBackground#F8F8F8
• statusBarItem.compactHoverBackground#CCCCCC
• statusBarItem.errorBackground#C72E0F
• statusBarItem.focusBorder#005FB8
• statusBarItem.hoverBackground#1F1F1F11
• statusBarItem.hoverForeground#000000
• statusBarItem.prominentBackground#6E768166
• statusBarItem.remoteBackground#005FB8
• statusBarItem.remoteForeground#FFFFFF
• tab.activeBackground#FFFFFF
• tab.activeBorder#F8F8F8
• tab.activeBorderTop#005FB8
• tab.activeForeground#3B3B3B
• tab.border#E5E5E5
• tab.hoverBackground#FFFFFF
• tab.inactiveBackground#F8F8F8
• tab.inactiveForeground#868686
• tab.lastPinnedBorder#D4D4D4
• tab.selectedBackground#ffffffa5
• tab.selectedBorderTop#68a3da
• tab.selectedForeground#333333b3
• tab.unfocusedActiveBorder#F8F8F8
• tab.unfocusedActiveBorderTop#E5E5E5
• tab.unfocusedHoverBackground#F8F8F8
• terminal.foreground#3B3B3B
• terminal.inactiveSelectionBackground#E5EBF1
• terminal.tab.activeBorder#005FB8
• terminalCursor.foreground#005FB8
• textBlockQuote.background#F8F8F8
• textBlockQuote.border#E5E5E5
• textCodeBlock.background#F8F8F8
• textLink.activeForeground#005FB8
• textLink.foreground#005FB8
• textPreformat.background#0000001F
• textPreformat.foreground#3B3B3B
• textSeparator.foreground#21262D
• titleBar.activeBackground#F8F8F8
• titleBar.activeForeground#1E1E1E
• titleBar.border#E5E5E5
• titleBar.inactiveBackground#F8F8F8
• titleBar.inactiveForeground#8B949E
• welcomePage.tileBackground#F3F3F3
• widget.border#E5E5E5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).