Lumex-R — Theme & Icon Customizer
Publisher: Ripan Kumar DebThemes in package: 2
A gorgeous default dark/light theme with per-file SVG icons, fully customisable via color names, hex codes, or uploaded PNG/JPG images — with a one-click reset.
Color themes
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#7C6AF711
- activityBar.activeBorder#7C6AF7
- activityBar.background#0F1117
- activityBar.border#2D3748
- activityBar.foreground#E2E8F0
- activityBar.inactiveForeground#475569
- activityBarBadge.background#7C6AF7
- activityBarBadge.foreground#FFFFFF
- badge.background#7C6AF7
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#7C6AF7
- breadcrumb.focusForeground#E2E8F0
- breadcrumb.foreground#94A3B8
- breadcrumbPicker.background#1C2333
- button.background#7C6AF7
- button.border#00000000
- button.foreground#FFFFFF
- button.hoverBackground#6D5CE8
- button.secondaryBackground#1C2333
- button.secondaryForeground#E2E8F0
- button.secondaryHoverBackground#2D3748
- checkbox.background#1C2333
- checkbox.border#2D3748
- checkbox.foreground#E2E8F0
- checkbox.selectBackground#7C6AF7
- checkbox.selectBorder#7C6AF7
- commandCenter.activeBackground#1C2333
- commandCenter.activeForeground#7C6AF7
- commandCenter.background#161B22
- commandCenter.border#2D3748
- commandCenter.foreground#E2E8F0
- descriptionForeground#94A3B8
- diffEditor.insertedLineBackground#4ADE8011
- diffEditor.insertedTextBackground#4ADE8022
- diffEditor.removedLineBackground#F8717111
- diffEditor.removedTextBackground#F8717122
- diffEditorGutter.insertedLineBackground#4ADE8022
- diffEditorGutter.removedLineBackground#F8717122
- diffEditorOverview.insertedForeground#4ADE80
- diffEditorOverview.removedForeground#F87171
- disabledForeground#475569
- dropdown.background#1C2333
- dropdown.border#2D3748
- dropdown.foreground#E2E8F0
- dropdown.listBackground#1C2333
- editor.background#0F1117
- editor.findMatchBackground#FBBF2444
- editor.findMatchHighlightBackground#FBBF2422
- editor.foreground#E2E8F0
- editor.inactiveSelectionBackground#161B22
- editor.lineHighlightBackground#161B2280
- editor.selectionBackground#7C6AF744
- editor.selectionHighlightBackground#7C6AF722
- editorBracketHighlight.foreground1#7C6AF7
- editorBracketHighlight.foreground2#3ECFCF
- editorBracketHighlight.foreground3#F472B6
- editorBracketHighlight.foreground4#4ADE80
- editorBracketHighlight.foreground5#FBBF24
- editorBracketHighlight.foreground6#60A5FA
- editorBracketHighlight.unexpectedBracket.foreground#F87171
- editorBracketMatch.background#7C6AF733
- editorBracketMatch.border#7C6AF7
- editorCodeLens.foreground#475569
- editorCursor.foreground#7C6AF7
- editorError.foreground#F87171
- editorGroup.border#2D3748
- editorGroupHeader.noTabsBackground#0F1117
- editorGroupHeader.tabsBackground#0F1117
- editorGutter.background#0F1117
- editorHint.foreground#4ADE80
- editorIndentGuide.activeBackground1#475569
- editorIndentGuide.background1#2D3748
- editorInfo.foreground#60A5FA
- editorLightBulb.foreground#FBBF24
- editorLightBulbAutoFix.foreground#4ADE80
- editorLineNumber.activeForeground#94A3B8
- editorLineNumber.foreground#475569
- editorOverviewRuler.border#2D3748
- editorOverviewRuler.errorForeground#F87171
- editorOverviewRuler.findMatchForeground#FBBF2466
- editorOverviewRuler.infoForeground#60A5FA
- editorOverviewRuler.selectionHighlightForeground#7C6AF766
- editorOverviewRuler.warningForeground#FBBF24
- editorRuler.foreground#2D3748
- editorStickyScroll.background#0F1117
- editorStickyScrollHover.background#161B22
- editorWarning.foreground#FBBF24
- editorWhitespace.foreground#47556933
- errorForeground#F87171
- focusBorder#7C6AF7
- foreground#E2E8F0
- gitDecoration.addedResourceForeground#4ADE80
- gitDecoration.conflictingResourceForeground#F472B6
- gitDecoration.deletedResourceForeground#F87171
- gitDecoration.ignoredResourceForeground#475569
- gitDecoration.modifiedResourceForeground#FBBF24
- gitDecoration.renamedResourceForeground#4ADE80
- gitDecoration.stageDeletedResourceForeground#F87171
- gitDecoration.stageModifiedResourceForeground#FBBF24
- gitDecoration.untrackedResourceForeground#3ECFCF
- icon.foreground#94A3B8
- inlineChat.background#161B22
- inlineChat.border#2D3748
- inlineChatDiff.inserted#4ADE8011
- inlineChatDiff.removed#F8717111
- inlineChatInput.border#7C6AF7
- input.background#1C2333
- input.border#2D3748
- input.foreground#E2E8F0
- input.placeholderForeground#475569
- inputOption.activeBackground#7C6AF733
- inputOption.activeBorder#7C6AF7
- inputOption.activeForeground#E2E8F0
- inputValidation.errorBackground#F8717122
- inputValidation.errorBorder#F87171
- inputValidation.infoBackground#60A5FA22
- inputValidation.infoBorder#60A5FA
- inputValidation.warningBackground#FBBF2422
- inputValidation.warningBorder#FBBF24
- list.activeSelectionBackground#7C6AF733
- list.activeSelectionForeground#E2E8F0
- list.activeSelectionIconForeground#7C6AF7
- list.deemphasizedForeground#475569
- list.errorForeground#F87171
- list.focusBackground#7C6AF722
- list.focusForeground#E2E8F0
- list.focusOutline#7C6AF7
- list.highlightForeground#7C6AF7
- list.hoverBackground#1C233380
- list.hoverForeground#E2E8F0
- list.inactiveSelectionBackground#1C2333
- list.inactiveSelectionForeground#E2E8F0
- list.warningForeground#FBBF24
- menu.background#1C2333
- menu.border#2D3748
- menu.foreground#E2E8F0
- menu.selectionBackground#7C6AF733
- menu.selectionForeground#E2E8F0
- menu.separatorBackground#2D3748
- menubar.selectionBackground#1C2333
- menubar.selectionBorder#2D3748
- menubar.selectionForeground#E2E8F0
- notificationCenter.border#2D3748
- notificationCenterHeader.background#161B22
- notificationCenterHeader.foreground#94A3B8
- notificationLink.foreground#7C6AF7
- notifications.background#1C2333
- notifications.border#2D3748
- notifications.foreground#E2E8F0
- notificationsErrorIcon.foreground#F87171
- notificationsInfoIcon.foreground#60A5FA
- notificationsWarningIcon.foreground#FBBF24
- notificationToast.border#2D3748
- panel.background#0F1117
- panel.border#2D3748
- panelInput.border#2D3748
- panelTitle.activeBorder#7C6AF7
- panelTitle.activeForeground#E2E8F0
- panelTitle.inactiveForeground#94A3B8
- peekView.border#7C6AF7
- peekViewEditor.background#161B22
- peekViewEditor.matchHighlightBackground#FBBF2444
- peekViewResult.background#1C2333
- peekViewResult.fileForeground#E2E8F0
- peekViewResult.lineForeground#94A3B8
- peekViewResult.matchHighlightBackground#FBBF2444
- peekViewResult.selectionBackground#7C6AF744
- peekViewResult.selectionForeground#E2E8F0
- peekViewTitle.background#1C2333
- peekViewTitleDescription.foreground#94A3B8
- peekViewTitleLabel.foreground#E2E8F0
- progressBar.background#7C6AF7
- quickInput.background#161B22
- quickInput.foreground#E2E8F0
- quickInputList.focusBackground#7C6AF733
- quickInputList.focusForeground#E2E8F0
- quickInputList.focusIconForeground#7C6AF7
- quickInputTitle.background#1C2333
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#7C6AF788
- scrollbarSlider.background#47556966
- scrollbarSlider.hoverBackground#475569AA
- selection.background#7C6AF744
- settings.checkboxBackground#1C2333
- settings.checkboxBorder#2D3748
- settings.checkboxForeground#E2E8F0
- settings.dropdownBackground#1C2333
- settings.dropdownBorder#2D3748
- settings.dropdownForeground#E2E8F0
- settings.focusedRowBackground#7C6AF711
- settings.headerBorder#2D3748
- settings.headerForeground#E2E8F0
- settings.modifiedItemIndicator#7C6AF7
- settings.numberInputBackground#1C2333
- settings.numberInputBorder#2D3748
- settings.numberInputForeground#E2E8F0
- settings.rowHoverBackground#7C6AF708
- settings.sashBorder#2D3748
- settings.textInputBackground#1C2333
- settings.textInputBorder#2D3748
- settings.textInputForeground#E2E8F0
- sideBar.background#161B22
- sideBar.border#2D3748
- sideBar.foreground#E2E8F0
- sideBarItem.focusOutline#7C6AF7
- sideBarSectionHeader.background#161B22
- sideBarSectionHeader.border#2D3748
- sideBarSectionHeader.foreground#94A3B8
- sideBarTitle.foreground#94A3B8
- statusBar.background#0F1117
- statusBar.border#2D3748
- statusBar.debuggingBackground#F87171
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#94A3B8
- statusBar.noFolderBackground#0F1117
- statusBarItem.activeBackground#7C6AF744
- statusBarItem.errorBackground#F87171
- statusBarItem.hoverBackground#1C2333
- statusBarItem.remoteBackground#7C6AF7
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#FBBF24
- symbolIcon.arrayForeground#F472B6
- symbolIcon.booleanForeground#7C6AF7
- symbolIcon.classForeground#FBBF24
- symbolIcon.colorForeground#3ECFCF
- symbolIcon.constantForeground#7C6AF7
- symbolIcon.constructorForeground#60A5FA
- symbolIcon.enumeratorForeground#FBBF24
- symbolIcon.enumeratorMemberForeground#7C6AF7
- symbolIcon.eventForeground#F472B6
- symbolIcon.fieldForeground#E2E8F0
- symbolIcon.fileForeground#94A3B8
- symbolIcon.folderForeground#FBBF24
- symbolIcon.functionForeground#60A5FA
- symbolIcon.interfaceForeground#3ECFCF
- symbolIcon.keyForeground#7C6AF7
- symbolIcon.keywordForeground#F472B6
- symbolIcon.methodForeground#60A5FA
- symbolIcon.moduleForeground#E2E8F0
- symbolIcon.namespaceForeground#3ECFCF
- symbolIcon.nullForeground#7C6AF7
- symbolIcon.numberForeground#4ADE80
- symbolIcon.objectForeground#FBBF24
- symbolIcon.operatorForeground#E2E8F0
- symbolIcon.packageForeground#FBBF24
- symbolIcon.propertyForeground#E2E8F0
- symbolIcon.referenceForeground#E2E8F0
- symbolIcon.snippetForeground#7C6AF7
- symbolIcon.stringForeground#4ADE80
- symbolIcon.structForeground#FBBF24
- symbolIcon.textForeground#E2E8F0
- symbolIcon.typeParameterForeground#3ECFCF
- symbolIcon.unitForeground#4ADE80
- symbolIcon.variableForeground#E2E8F0
- tab.activeBackground#0F1117
- tab.activeBorder#7C6AF7
- tab.activeBorderTop#7C6AF7
- tab.activeForeground#E2E8F0
- tab.border#2D3748
- tab.hoverBackground#1C2333
- tab.inactiveBackground#161B22
- tab.inactiveForeground#94A3B8
- tab.lastPinnedBorder#2D3748
- tab.selectedBackground#0F1117
- tab.unfocusedActiveBorder#475569
- tab.unfocusedHoverBackground#1C2333
- terminal.ansiBlack#475569
- terminal.ansiBlue#60A5FA
- terminal.ansiBrightBlack#94A3B8
- terminal.ansiBrightBlue#60A5FA
- terminal.ansiBrightCyan#3ECFCF
- terminal.ansiBrightGreen#4ADE80
- terminal.ansiBrightMagenta#F472B6
- terminal.ansiBrightRed#F87171
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FBBF24
- terminal.ansiCyan#3ECFCF
- terminal.ansiGreen#4ADE80
- terminal.ansiMagenta#F472B6
- terminal.ansiRed#F87171
- terminal.ansiWhite#E2E8F0
- terminal.ansiYellow#FBBF24
- terminal.background#0F1117
- terminal.foreground#E2E8F0
- terminal.selectionBackground#7C6AF744
- terminalCursor.background#0F1117
- terminalCursor.foreground#7C6AF7
- textBlockQuote.background#161B22
- textBlockQuote.border#7C6AF7
- textCodeBlock.background#1C2333
- textLink.activeForeground#3ECFCF
- textLink.foreground#7C6AF7
- textPreformat.foreground#E2E8F0
- textSeparator.foreground#2D3748
- titleBar.activeBackground#0F1117
- titleBar.activeForeground#E2E8F0
- titleBar.border#2D3748
- titleBar.inactiveBackground#0F1117CC
- titleBar.inactiveForeground#94A3B8
- tooltip.background#1C2333
- tooltip.border#2D3748
- tooltip.foreground#E2E8F0
- tree.indentGuidesStroke#2D3748
- tree.tableColumnsBorder#2D3748
- walkThrough.embeddedEditorBackground#161B22
- walkthrough.stepTitle.foreground#E2E8F0
- welcomePage.background#0F1117
- welcomePage.buttonBackground#1C2333
- welcomePage.buttonHoverBackground#2D3748
- welcomePage.tileBackground#161B22
- welcomePage.tileBorder#2D3748
- welcomePage.tileHoverBackground#1C2333
- widget.border#2D3748
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.block, comment.line | #475569 | italic |
| string, string.quoted, string.template, string.interpolated | #4ADE80 | — |
| constant.character.escape, string.regexp | #3ECFCF | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal | #FBBF24 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #7C6AF7 | — |
| constant.language, support.constant, variable.language.this, variable.language.super, variable.language.self | #7C6AF7 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.other.using, keyword.other.operator, storage.modifier.import, storage.modifier.package | #F472B6 | — |
| keyword.operator, punctuation.separator, punctuation.terminator | #94A3B8 | — |
| storage.type, storage.modifier, keyword.declaration | #F472B6 | — |
| entity.name.function, meta.function entity.name.function, support.function | #60A5FA | — |
| meta.function-call, meta.function-call.generic, entity.name.function.call | #60A5FA | — |
| entity.name.class, entity.name.type, entity.name.type.class, support.class | #FBBF24 | — |
| entity.name.function.constructor, entity.name.function.destructor | #FBBF24 | — |
| entity.name.type.interface | #3ECFCF | italic |
| entity.name.type.enum | #FBBF24 | — |
| entity.name.type.parameter, meta.type.parameters | #3ECFCF | — |
| variable, variable.other, variable.other.readwrite | #E2E8F0 | — |
| variable.parameter, meta.parameters variable.other | #E2E8F0 | italic |
| variable.other.property, support.variable.property, meta.object-literal.key | #E2E8F0 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #3ECFCF | italic |
| entity.name.module, meta.import string, string.quoted.single.import | #4ADE80 | — |
| entity.name.tag, meta.tag.sgml | #F472B6 | — |
| entity.other.attribute-name | #FBBF24 | — |
| meta.attribute-with-value string | #4ADE80 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #FBBF24 | — |
| support.type.property-name.css, meta.property-name.css | #60A5FA | — |
| support.constant.property-value.css, meta.property-value.css | #4ADE80 | — |
| keyword.other.unit.css, constant.numeric.css | #FBBF24 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #3ECFCF | — |
| support.type.property-name.json, meta.object-literal.key string | #60A5FA | — |
| entity.name.tag.yaml, meta.tag.yaml | #60A5FA | — |
| markup.heading, entity.name.section.markdown | #7C6AF7 | bold |
| markup.bold | #FBBF24 | bold |
| markup.italic | #F472B6 | italic |
| markup.inline.raw.string.markdown | #3ECFCF | — |
| markup.fenced_code.block.markdown | #E2E8F0 | — |
| markup.underline.link, markup.underline.link.image | #60A5FA | underline |
| markup.quote | #94A3B8 | italic |
| punctuation.definition.tag, meta.brace, punctuation.definition.block | #94A3B8 | — |
| invalid, invalid.illegal, invalid.deprecated | #F87171 | strikethrough |
| markup.inserted | #4ADE80 | — |
| markup.deleted | #F87171 | — |
| markup.changed | #FBBF24 | — |