Silicon Pro Themes
Publisher: SKR Electronics LabThemes in package: 20
The ultimate professional theme collection for VS Code. Meticulously engineered for visual fidelity, focus, and premium aesthetics.
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.activeBorder#3B82F6
- activityBar.background#F9FAFB
- activityBar.border#E5E7EB
- activityBar.foreground#374151
- activityBar.inactiveForeground#9CA3AF
- activityBarBadge.background#3B82F6
- activityBarBadge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#374151
- breadcrumb.focusForeground#374151
- breadcrumb.foreground#9CA3AF
- breadcrumbPicker.background#F9FAFB
- button.background#3B82F6
- button.foreground#FFFFFF
- button.hoverBackground#EC4899
- button.secondaryBackground#9CA3AF
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#374151
- charts.blue#3B82F6
- charts.foreground#374151
- charts.green#EC4899
- charts.lines#E5E7EB
- charts.orange#EC4899
- charts.purple#3B82F6
- charts.red#EF4444
- charts.yellow#F59E0B
- checkbox.background#FFFFFF
- checkbox.border#E5E7EB
- checkbox.foreground#374151
- commandCenter.activeBorder#3B82F6
- commandCenter.activeForeground#3B82F6
- commandCenter.background#F9FAFB
- commandCenter.border#E5E7EB
- commandCenter.foreground#374151
- debugExceptionWidget.background#EF444430
- debugExceptionWidget.border#EF4444
- debugIcon.breakpointForeground#EF4444
- debugIcon.continueForeground#EC4899
- debugIcon.startForeground#EC4899
- debugIcon.stepIntoForeground#3B82F6
- debugIcon.stepOutForeground#3B82F6
- debugIcon.stepOverForeground#3B82F6
- debugIcon.stopForeground#EF4444
- debugToolBar.background#F9FAFB
- debugToolBar.border#E5E7EB
- descriptionForeground#9CA3AF
- diffEditor.border#E5E7EB
- diffEditor.insertedTextBackground#EC489920
- diffEditor.removedTextBackground#EF444420
- dropdown.background#FFFFFF
- dropdown.border#E5E7EB
- dropdown.foreground#374151
- dropdown.listBackground#F9FAFB
- editor.background#FFFFFF
- editor.findMatchBackground#3B82F650
- editor.findMatchHighlightBackground#3B82F630
- editor.findRangeHighlightBackground#3B82F610
- editor.foreground#374151
- editor.hoverHighlightBackground#3B82F610
- editor.inactiveSelectionBackground#3B82F630
- editor.lineHighlightBackground#3741510D
- editor.lineHighlightBorder#37415100
- editor.selectionBackground#3B82F660
- editor.selectionHighlightBackground#3B82F620
- editor.wordHighlightBackground#3B82F620
- editor.wordHighlightStrongBackground#3B82F640
- editorBracketMatch.background#3B82F620
- editorBracketMatch.border#3B82F6
- editorCodeLens.foreground#9CA3AF
- editorCursor.foreground#3B82F6
- editorError.foreground#EF4444
- editorGroup.border#E5E7EB
- editorGroupHeader.tabsBackground#F9FAFB
- editorGroupHeader.tabsBorder#E5E7EB
- editorGutter.addedBackground#EC4899
- editorGutter.background#FFFFFF
- editorGutter.deletedBackground#EF4444
- editorGutter.modifiedBackground#3B82F6
- editorIndentGuide.activeBackground1#9CA3AF80
- editorIndentGuide.background1#E5E7EB40
- editorInfo.foreground#EC4899
- editorLineNumber.activeForeground#374151
- editorLineNumber.foreground#9CA3AF
- editorLink.activeForeground#3B82F6
- editorOverviewRuler.border#E5E7EB00
- editorOverviewRuler.findMatchForeground#3B82F680
- editorOverviewRuler.rangeHighlightForeground#3B82F680
- editorRuler.foreground#E5E7EB
- editorWarning.foreground#F59E0B
- editorWhitespace.foreground#9CA3AF40
- errorForeground#EF4444
- extensionBadge.remoteBackground#3B82F6
- extensionBadge.remoteForeground#FFFFFF
- extensionButton.prominentBackground#3B82F6
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#EC4899
- focusBorder#3B82F6
- foreground#374151
- gitDecoration.addedResourceForeground#EC4899
- gitDecoration.conflictingResourceForeground#F59E0B
- gitDecoration.deletedResourceForeground#EF4444
- gitDecoration.ignoredResourceForeground#9CA3AF
- gitDecoration.modifiedResourceForeground#3B82F6
- gitDecoration.submoduleResourceForeground#9CA3AF
- gitDecoration.untrackedResourceForeground#EC4899
- icon.foreground#374151
- input.background#FFFFFF
- input.border#E5E7EB
- input.foreground#374151
- input.placeholderForeground#9CA3AF
- inputOption.activeBorder#3B82F6
- inputValidation.errorBackground#FFFFFF
- inputValidation.errorBorder#EF4444
- inputValidation.infoBackground#FFFFFF
- inputValidation.infoBorder#EC4899
- inputValidation.warningBackground#FFFFFF
- inputValidation.warningBorder#F59E0B
- list.activeSelectionBackground#F3F4F6
- list.activeSelectionForeground#374151
- list.errorForeground#EF4444
- list.focusBackground#3B82F630
- list.highlightForeground#3B82F6
- list.hoverBackground#F3F4F6
- list.hoverForeground#374151
- list.inactiveSelectionBackground#F3F4F6
- list.inactiveSelectionForeground#374151
- list.warningForeground#F59E0B
- menu.background#F9FAFB
- menu.foreground#374151
- menu.selectionBackground#F3F4F6
- menu.selectionForeground#374151
- menu.separatorBackground#E5E7EB
- menubar.selectionBackground#F3F4F6
- menubar.selectionForeground#374151
- minimap.errorHighlight#EF4444
- minimap.findMatchHighlight#3B82F6
- minimap.selectionHighlight#3B82F660
- minimap.warningHighlight#F59E0B
- minimapGutter.addedBackground#EC4899
- minimapGutter.deletedBackground#EF4444
- minimapGutter.modifiedBackground#3B82F6
- notebook.cellBorderColor#E5E7EB
- notebook.cellEditorBackground#F9FAFB
- notebook.cellStatusBarItemHoverBackground#3B82F620
- notebook.editorBackground#FFFFFF
- notebook.focusedCellBackground#3741510D
- notebook.focusedCellBorder#3B82F6
- notificationCenterHeader.background#F9FAFB
- notificationCenterHeader.foreground#9CA3AF
- notifications.background#F9FAFB
- notifications.border#E5E7EB
- notifications.foreground#374151
- notificationsErrorIcon.foreground#EF4444
- notificationsInfoIcon.foreground#EC4899
- notificationsWarningIcon.foreground#F59E0B
- peekView.border#3B82F6
- peekViewEditor.background#FFFFFF
- peekViewEditorGutter.background#FFFFFF
- peekViewResult.background#F9FAFB
- peekViewResult.fileForeground#374151
- peekViewResult.lineForeground#9CA3AF
- peekViewResult.matchHighlightBackground#3B82F640
- peekViewTitle.background#F9FAFB
- peekViewTitleDescription.foreground#9CA3AF
- peekViewTitleLabel.foreground#374151
- sash.hoverBorder#3B82F6
- scrollbar.shadow#F9FAFB00
- scrollbarSlider.activeBackground#3B82F6
- scrollbarSlider.background#37415120
- scrollbarSlider.hoverBackground#37415130
- selection.background#3B82F660
- settings.checkboxBackground#FFFFFF
- settings.dropdownBackground#FFFFFF
- settings.headerForeground#374151
- settings.modifiedItemIndicator#3B82F6
- settings.numberInputBackground#FFFFFF
- settings.textInputBackground#FFFFFF
- sideBar.background#F9FAFB
- sideBar.border#E5E7EB
- sideBar.foreground#374151
- sideBarSectionHeader.background#F9FAFB
- sideBarSectionHeader.border#E5E7EB
- sideBarSectionHeader.foreground#374151
- sideBarTitle.foreground#374151
- statusBar.background#F9FAFB
- statusBar.border#E5E7EB
- statusBar.debuggingBackground#3B82F6
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#374151
- statusBar.noFolderBackground#F9FAFB
- statusBarItem.prominentBackground#3B82F620
- statusBarItem.remoteBackground#3B82F6
- statusBarItem.remoteForeground#FFFFFF
- symbolIcon.arrayForeground#374151
- symbolIcon.booleanForeground#3B82F6
- symbolIcon.classForeground#EC4899
- symbolIcon.colorForeground#3B82F6
- symbolIcon.constantForeground#EC4899
- symbolIcon.constructorForeground#3B82F6
- symbolIcon.enumeratorForeground#EC4899
- symbolIcon.enumeratorMemberForeground#3B82F6
- symbolIcon.eventForeground#EC4899
- symbolIcon.fieldForeground#3B82F6
- symbolIcon.fileForeground#374151
- symbolIcon.folderForeground#9CA3AF
- symbolIcon.functionForeground#3B82F6
- symbolIcon.interfaceForeground#EC4899
- symbolIcon.keyForeground#374151
- symbolIcon.keywordForeground#3B82F6
- symbolIcon.methodForeground#3B82F6
- symbolIcon.moduleForeground#374151
- symbolIcon.namespaceForeground#374151
- symbolIcon.nullForeground#9CA3AF
- symbolIcon.numberForeground#EC4899
- symbolIcon.objectForeground#374151
- symbolIcon.operatorForeground#3B82F6
- symbolIcon.packageForeground#374151
- symbolIcon.propertyForeground#EC4899
- symbolIcon.referenceForeground#3B82F6
- symbolIcon.snippetForeground#374151
- symbolIcon.stringForeground#EC4899
- symbolIcon.structForeground#3B82F6
- symbolIcon.textForeground#374151
- symbolIcon.typeParameterForeground#EC4899
- symbolIcon.unitForeground#EC4899
- symbolIcon.variableForeground#3B82F6
- tab.activeBackground#FFFFFF
- tab.activeBorderTop#3B82F6
- tab.activeForeground#374151
- tab.border#E5E7EB
- tab.hoverBackground#FFFFFF
- tab.inactiveBackground#F9FAFB
- tab.inactiveForeground#9CA3AF
- tab.unfocusedActiveBorder#FFFFFF
- tab.unfocusedActiveBorderTop#E5E7EB
- tab.unfocusedHoverBackground#F9FAFB
- terminal.ansiBlack#F9FAFB
- terminal.ansiBlue#3B82F6
- terminal.ansiBrightBlack#9CA3AF
- terminal.ansiBrightBlue#3B82F6
- terminal.ansiBrightCyan#3B82F6
- terminal.ansiBrightGreen#EC4899
- terminal.ansiBrightMagenta#EC4899
- terminal.ansiBrightRed#EF4444
- terminal.ansiBrightWhite#374151
- terminal.ansiBrightYellow#F59E0B
- terminal.ansiCyan#3B82F6
- terminal.ansiGreen#EC4899
- terminal.ansiMagenta#EC4899
- terminal.ansiRed#EF4444
- terminal.ansiWhite#374151
- terminal.ansiYellow#F59E0B
- terminal.background#FFFFFF
- terminal.border#E5E7EB
- terminal.foreground#374151
- terminal.selectionBackground#3B82F660
- terminalCursor.foreground#3B82F6
- titleBar.activeBackground#F9FAFB
- titleBar.activeForeground#374151
- titleBar.border#E5E7EB
- titleBar.inactiveBackground#F9FAFB
- titleBar.inactiveForeground#9CA3AF
- tree.indentGuidesStroke#E5E7EB
- widget.shadow#F9FAFB40
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #9CA3AF | italic |
| constant, entity.name.constant, variable.other.constant, variable.language | #EC4899 | — |
| constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit | #EC4899 | — |
| entity, entity.name | #3B82F6 | — |
| entity.name.function, support.function, entity.name.tag | #3B82F6 | bold |
| entity.name.type, entity.other.attribute-name, support.type, support.class, meta.tag | #EC4899 | — |
| entity.other.inherited-class | #EC4899 | italic |
| variable, string constant.other.placeholder | #374151 | — |
| variable.parameter.function | #374151 | — |
| variable.other.object, variable.other.object.property | #374151 | — |
| variable.other.readwrite.alias | #EC4899 | — |
| keyword, storage.type, storage.modifier, keyword.operator.expression | #3B82F6 | bold |
| keyword.control, keyword.operator.new | #3B82F6 | bold |
| keyword.other.unit | #EC4899 | — |
| string, entity.other.inherited-class | #EC4899 | — |
| string.quoted.double.html, string.quoted.single.html, string.unquoted.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #EC4899 | — |
| string.quoted.double.xml, string.quoted.single.xml, string.unquoted.xml, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml | #EC4899 | — |
| storage | #3B82F6 | bold |
| meta.preprocessor, entity.name.function.preprocessor | #F59E0B | — |
| markup.heading, markup.bold | #3B82F6 | bold |
| markup.heading entity.name | #3B82F6 | bold |
| markup.italic | — | italic |
| markup.code, markup.inline.raw | #EC4899 | — |
| markup.quote | #9CA3AF | — |
| markup.changed | #3B82F6 | — |
| markup.inserted | #EC4899 | — |
| markup.deleted | #EF4444 | — |
| markup.ignored, markup.untracked | #9CA3AF | — |
| punctuation.definition.list.begin.markdown | #EC4899 | — |
| meta.separator | #3B82F6 | bold |
| string.regexp, constant.character.escape | #EC4899 | — |
| source.css string, source.scss string | #EC4899 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css | #EC4899 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less | #374151 | — |
| entity.name.tag.css, entity.name.tag.less, entity.name.tag.custom.css | #3B82F6 | — |
| support.type.property-name.json | #374151 | — |
| string.quoted.double.json | #EC4899 | — |
| invalid, invalid.illegal | #EF4444 | underline |
| invalid.deprecated | #EF4444 | italic underline |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #9CA3AF | — |
| brackethighlighter.unmatched | #EF4444 | — |