IHS
Publisher: IHSThemes in package: 1
I create this for me, so I don't care
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#dddfe9
- activityBar.background#0e0d1a
- activityBar.border#0f1961
- activityBar.dropBorder#dddfe9
- activityBar.foreground#dddfe9
- activityBar.inactiveForeground#dddfe966
- activityBarBadge.background#4221fa
- activityBarBadge.foreground#f8f8fa
- badge.background#0e0d1a30
- badge.foreground#5966cc
- breadcrumb.activeSelectionForeground#5966cc
- breadcrumb.background#0e0d1a
- breadcrumb.focusForeground#dddfe9
- breadcrumb.foreground#6a77d8
- breadcrumbPicker.background#0e0d1a
- button.background#5966cc50
- button.foreground#ffffff
- button.hoverBackground#98a0c850
- button.secondaryBackground#3a3d41
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#45494e
- charts.blue#8c97ea70
- charts.foreground#cccccc
- charts.green#89d185
- charts.lines#cccccc80
- charts.orange#d18616
- charts.purple#b180d7
- charts.red#01d64870
- charts.yellow#ff00f270
- checkbox.background#0e0d1a
- checkbox.border#ffffff10
- checkbox.foreground#f0f0f0
- debugConsole.errorForeground#f48771
- debugConsole.infoForeground#8c97ea70
- debugConsole.sourceForeground#cccccc
- debugConsole.warningForeground#ff00f270
- debugConsoleInputIcon.foreground#cccccc
- debugExceptionWidget.background#420b0d
- debugExceptionWidget.border#a31515
- debugIcon.breakpointCurrentStackframeForeground#ff00f2
- debugIcon.breakpointDisabledForeground#848484
- debugIcon.breakpointForeground#e51400
- debugIcon.breakpointStackframeForeground#89d185
- debugIcon.breakpointUnverifiedForeground#848484
- debugIcon.continueForeground#75beff
- debugIcon.disconnectForeground#f48771
- debugIcon.pauseForeground#75beff
- debugIcon.restartForeground#89d185
- debugIcon.startForeground#89d185
- debugIcon.stepBackForeground#75beff
- debugIcon.stepIntoForeground#75beff
- debugIcon.stepOutForeground#75beff
- debugIcon.stepOverForeground#75beff
- debugIcon.stopForeground#f48771
- debugTokenExpression.boolean#4e94ce
- debugTokenExpression.error#f48771
- debugTokenExpression.name#c586c0
- debugTokenExpression.number#b5cea8
- debugTokenExpression.string#ce9178
- debugTokenExpression.value#cccccc99
- debugToolBar.background#0e0d1a
- debugView.exceptionLabelBackground#6c2022
- debugView.exceptionLabelForeground#cccccc
- debugView.stateLabelBackground#88888844
- debugView.stateLabelForeground#cccccc
- debugView.valueChangedHighlight#569cd6
- descriptionForeground#ccccccb3
- diffEditor.diagonalFill#cccccc33
- diffEditor.insertedTextBackground#c800be15
- diffEditor.removedTextBackground#01d64820
- dropdown.background#0e0d1a
- dropdown.border#ffffff10
- dropdown.foreground#f0f0f0
- editor.background#0e0d1a
- editor.findMatchBackground#0e0d1a
- editor.findMatchBorder#5966cc
- editor.findMatchHighlightBackground#5966cc93
- editor.findMatchHighlightBorder#ffffff30
- editor.findRangeHighlightBackground#3a3d4166
- editor.focusedStackFrameHighlightBackground#7abd7a4d
- editor.foldBackground#717cb418
- editor.foreground#dddfe9
- editor.hoverHighlightBackground#264f7840
- editor.inactiveSelectionBackground#717cb428
- editor.lineHighlightBackground#0e0d1a50
- editor.lineHighlightBorder#282828
- editor.linkedEditingBackground#ff00f24d
- editor.rangeHighlightBackground#ffffff0b
- editor.selectionBackground#8c97ea30
- editor.selectionBorder#ff0000
- editor.selectionHighlightBackground#5966cc6b
- editor.selectionHighlightBorder#8c97eaf0
- editor.snippetFinalTabstopHighlightBorder#525252
- editor.snippetTabstopHighlightBackground#7c7c7c4d
- editor.stackFrameHighlightBackground#ffff0033
- editor.symbolHighlightBackground#0e0d1a50
- editor.wordHighlightBackground#575757b8
- editor.wordHighlightStrongBackground#004972b8
- editorActiveLineNumber.foreground#c6c6c6
- editorBracketMatch.background#0e0d1a
- editorBracketMatch.border#0f090f7f
- editorCodeLens.foreground#999999
- editorCursor.foreground#6f06f8
- editorError.foreground#ffe553
- editorGroup.border#5966cc50
- editorGroup.dropBackground#53595d80
- editorGroupHeader.noTabsBackground#0e0d1a
- editorGroupHeader.tabsBackground#0e0d1a
- editorGutter.addedBackground#8408e936
- editorGutter.background#0e0d1a
- editorGutter.commentRangeForeground#c5c5c5
- editorGutter.deletedBackground#01d64860
- editorGutter.foldingControlForeground#c5c5c5
- editorGutter.modifiedBackground#8c97ea60
- editorHint.foreground#eeeeeeb3
- editorHoverWidget.background#0e0d1a
- editorHoverWidget.border#ffffff10
- editorHoverWidget.foreground#cccccc
- editorHoverWidget.statusBarBackground#12141f
- editorIndentGuide.activeBackground#383b3d
- editorIndentGuide.background#383b3d70
- editorInfo.foreground#8c97ea70
- editorLightBulb.foreground#ff00f2
- editorLightBulbAutoFix.foreground#75beff
- editorLineNumber.activeForeground#8c97ea
- editorLineNumber.foreground#5966ccc0
- editorLink.activeForeground#dddfe9
- editorMarkerNavigation.background#dddfe905
- editorMarkerNavigationError.background#01d64870
- editorMarkerNavigationInfo.background#8c97ea70
- editorMarkerNavigationWarning.background#ff00f270
- editorOverviewRuler.addedForeground#c800be3a
- editorOverviewRuler.border#0e0d1a
- editorOverviewRuler.bracketMatchForeground#a0a0a0
- editorOverviewRuler.commonContentForeground#60606066
- editorOverviewRuler.currentContentForeground#40c8ae80
- editorOverviewRuler.deletedForeground#01d6483a
- editorOverviewRuler.errorForeground#01d64840
- editorOverviewRuler.findMatchForeground#5966cc
- editorOverviewRuler.incomingContentForeground#40a6ff80
- editorOverviewRuler.infoForeground#8c97ea40
- editorOverviewRuler.modifiedForeground#8c97ea3a
- editorOverviewRuler.rangeHighlightForeground#007acc99
- editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
- editorOverviewRuler.warningForeground#ff000070
- editorOverviewRuler.wordHighlightForeground#a0a0a0cc
- editorOverviewRuler.wordHighlightStrongForeground#c0a0c0cc
- editorPane.background#0e0d1a
- editorRuler.foreground#383b3d
- editorSuggestWidget.background#0e0d1a
- editorSuggestWidget.border#ffffff10
- editorSuggestWidget.foreground#dddfe9
- editorSuggestWidget.highlightForeground#ff00f2
- editorSuggestWidget.selectedBackground#5966cc20
- editorUnnecessaryCode.opacity#0e0d1aaa
- editorWarning.foreground#c800be
- editorWhitespace.foreground#dddfe940
- editorWidget.background#0e0d1a
- editorWidget.border#ff00f2
- editorWidget.foreground#cccccc
- editorWidget.resizeBorder#5966cc
- errorForeground#f48771
- extensionBadge.remoteBackground#5966cc
- extensionBadge.remoteForeground#0e0d1a
- extensionButton.prominentBackground#c800be90
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#01d648
- focusBorder#ffffff00
- foreground#cccccc
- gitDecoration.addedResourceForeground#81b88b
- gitDecoration.conflictingResourceForeground#ff00f2
- gitDecoration.deletedResourceForeground#01d648
- gitDecoration.ignoredResourceForeground#5966cc
- gitDecoration.modifiedResourceForeground#6a77d8
- gitDecoration.stageDeletedResourceForeground#c74e39
- gitDecoration.stageModifiedResourceForeground#e2c08d
- gitDecoration.submoduleResourceForeground#8db9e2
- gitDecoration.untrackedResourceForeground#8c97ea
- icon.foreground#c5c5c5
- imagePreview.border#80808059
- input.background#1d1e38
- input.border#ffffff10
- input.foreground#dddfe9
- input.placeholderForeground#dddfe960
- inputOption.activeBackground#dddfe930
- inputOption.activeBorder#dddfe930
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#5a1d1d
- inputValidation.errorBorder#01d64850
- inputValidation.infoBackground#063b49
- inputValidation.infoBorder#8c97ea50
- inputValidation.warningBackground#352a05
- inputValidation.warningBorder#ff00f250
- list.activeSelectionBackground#0e0d1a
- list.activeSelectionForeground#5966cc
- list.deemphasizedForeground#8c8c8c
- list.dropBackground#dddfe920
- list.errorForeground#f88070
- list.filterMatchBackground#0e0d1a50
- list.filterMatchBorder#ffffff30
- list.focusBackground#1d1e38
- list.focusForeground#8c97ea
- list.highlightForeground#5966cc
- list.hoverBackground#383b3d
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#0e0d1a30
- list.inactiveSelectionForeground#5966cc
- list.invalidItemForeground#b89500
- list.warningForeground#ff00f2
- listFilterWidget.background#0e0d1a30
- listFilterWidget.noMatchesOutline#0e0d1a30
- listFilterWidget.outline#0e0d1a30
- menu.background#0e0d1af8
- menu.foreground#dddfe9
- menu.selectionBackground#1b184b
- menu.selectionBorder#0e0d1a30
- menu.selectionForeground#dddfe9
- menu.separatorBackground#dddfe9
- menubar.selectionBackground#1b184b
- menubar.selectionBorder#5966cc50
- menubar.selectionForeground#dddfe9
- merge.commonContentBackground#60606029
- merge.commonHeaderBackground#60606066
- merge.currentContentBackground#40c8ae33
- merge.currentHeaderBackground#40c8ae80
- merge.incomingContentBackground#40a6ff33
- merge.incomingHeaderBackground#40a6ff80
- minimap.background#141325
- minimap.errorHighlight#ff1212b3
- minimap.findMatchHighlight#d18616
- minimap.selectionHighlight#264f78
- minimap.warningHighlight#ff00f270
- minimapGutter.addedBackground#587c0c
- minimapGutter.deletedBackground#94151b
- minimapGutter.modifiedBackground#0c7d9d
- minimapSlider.activeBackground#5966cc80
- minimapSlider.background#dddfe910
- minimapSlider.hoverBackground#dddfe908
- notebook.cellBorderColor#0e0d1a30
- notebook.cellInsertionIndicator#ffffff00
- notebook.cellStatusBarItemHoverBackground#ffffff26
- notebook.cellToolbarSeparator#80808059
- notebook.focusedCellBorder#ffffff00
- notebook.focusedEditorBorder#ffffff00
- notebook.focusedRowBorder#ffffff1f
- notebook.outputContainerBackgroundColor#0e0d1a30
- notebook.rowHoverBackground#80808012
- notebook.selectedCellBorder#0e0d1a30
- notebook.symbolHighlightBackground#ffffff0b
- notebookScrollbarSlider.activeBackground#5966cc
- notebookScrollbarSlider.background#dddfe920
- notebookScrollbarSlider.hoverBackground#dddfe910
- notebookStatusErrorIcon.foreground#f48771
- notebookStatusRunningIcon.foreground#cccccc
- notebookStatusSuccessIcon.foreground#89d185
- notificationCenterHeader.background#131622
- notificationLink.foreground#5966cc
- notifications.background#0e0d1a
- notifications.border#131622
- notifications.foreground#dddfe9
- notificationsErrorIcon.foreground#01d64870
- notificationsInfoIcon.foreground#8c97ea70
- notificationsWarningIcon.foreground#ff00f270
- panel.background#0e0d1a
- panel.border#5966cc50
- panel.dropBorder#ffffff
- panelSection.border#0e0d1a60
- panelSection.dropBackground#53595d80
- panelSectionHeader.background#80808033
- panelTitle.activeBorder#5966cc
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#dddfe9
- peekView.border#0e0d1a30
- peekViewEditor.background#dddfe905
- peekViewEditor.matchHighlightBackground#5966cc50
- peekViewEditorGutter.background#dddfe905
- peekViewResult.background#dddfe905
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#bbbbbb
- peekViewResult.matchHighlightBackground#5966cc50
- peekViewResult.selectionBackground#5966cc70
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#dddfe905
- peekViewTitleDescription.foreground#dddfe960
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#3f3f46
- pickerGroup.foreground#5966cc
- problemsErrorIcon.foreground#01d64870
- problemsInfoIcon.foreground#8c97ea70
- problemsWarningIcon.foreground#ff00f270
- progressBar.background#5966cc
- quickInput.background#0e0d1a
- quickInput.foreground#cccccc
- quickInputTitle.background#ffffff1b
- scm.providerBorder#454545
- scrollbar.shadow#0e0d1a00
- scrollbarSlider.activeBackground#5966cc
- scrollbarSlider.background#5966cc
- scrollbarSlider.hoverBackground#5966cc
- searchEditor.findMatchBackground#0e0d1a35
- searchEditor.findMatchBorder#ffffff20
- searchEditor.textInputBorder#ffffff10
- selection.background#5966cc
- settings.checkboxBackground#0e0d1a
- settings.checkboxBorder#ffffff10
- settings.checkboxForeground#dddfe9
- settings.dropdownBackground#0e0d1a
- settings.dropdownBorder#ffffff10
- settings.dropdownForeground#dddfe9
- settings.dropdownListBorder#ff00f2
- settings.focusedRowBackground#80808024
- settings.headerForeground#5966cc
- settings.modifiedItemIndicator#5966cc
- settings.numberInputBackground#0e0d1a
- settings.numberInputBorder#ffffff10
- settings.numberInputForeground#dddfe9
- settings.textInputBackground#0e0d1a
- settings.textInputBorder#ffffff10
- settings.textInputForeground#dddfe9
- sideBar.background#0e0d1a
- sideBar.border#5966cc50
- sideBar.dropBackground#53595d80
- sideBar.foreground#8c97ea
- sideBarSectionHeader.background#0e0d1a
- sideBarSectionHeader.border#0e0d1a60
- sideBarSectionHeader.foreground#5966cc
- sideBarTitle.foreground#dddfe9
- statusBar.background#2c2772
- statusBar.border#0e0d1a60
- statusBar.debuggingBackground#ff00f2
- statusBar.debuggingBorder#0e0d1a60
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#c4cbff
- statusBar.noFolderBackground#0e0d1a
- statusBar.noFolderBorder#0e0d1a60
- statusBar.noFolderForeground#453f9e
- statusBarItem.activeBackground#ffffff2e
- statusBarItem.errorBackground#c72e0f
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#5966cc20
- statusBarItem.prominentBackground#0e0d1a80
- statusBarItem.prominentForeground#453f9e
- statusBarItem.prominentHoverBackground#0e0d1a4d
- statusBarItem.remoteBackground#5966cc
- statusBarItem.remoteForeground#0e0d1a
- symbolIcon.arrayForeground#cccccc
- symbolIcon.booleanForeground#cccccc
- symbolIcon.classForeground#ee9d28
- symbolIcon.colorForeground#cccccc
- symbolIcon.constantForeground#cccccc
- symbolIcon.constructorForeground#b180d7
- symbolIcon.enumeratorForeground#ee9d28
- symbolIcon.enumeratorMemberForeground#75beff
- symbolIcon.eventForeground#ee9d28
- symbolIcon.fieldForeground#75beff
- symbolIcon.fileForeground#cccccc
- symbolIcon.folderForeground#cccccc
- symbolIcon.functionForeground#b180d7
- symbolIcon.interfaceForeground#75beff
- symbolIcon.keyForeground#cccccc
- symbolIcon.keywordForeground#cccccc
- symbolIcon.methodForeground#b180d7
- symbolIcon.moduleForeground#cccccc
- symbolIcon.namespaceForeground#cccccc
- symbolIcon.nullForeground#cccccc
- symbolIcon.numberForeground#cccccc
- symbolIcon.objectForeground#cccccc
- symbolIcon.operatorForeground#cccccc
- symbolIcon.packageForeground#cccccc
- symbolIcon.propertyForeground#cccccc
- symbolIcon.referenceForeground#cccccc
- symbolIcon.snippetForeground#cccccc
- symbolIcon.stringForeground#cccccc
- symbolIcon.structForeground#cccccc
- symbolIcon.textForeground#cccccc
- symbolIcon.typeParameterForeground#cccccc
- symbolIcon.unitForeground#cccccc
- symbolIcon.variableForeground#75beff
- tab.activeBackground#0e0d1a
- tab.activeBorder#5966cc
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#5966cc
- tab.border#5966cc50
- tab.inactiveBackground#0e0d1a
- tab.inactiveForeground#5966cc
- tab.inactiveModifiedBorder#5966cc80
- tab.lastPinnedBorder#383b3d
- tab.unfocusedActiveBackground#0e0d1a
- tab.unfocusedActiveBorder#5966cc
- tab.unfocusedActiveForeground#dddfe9
- tab.unfocusedActiveModifiedBorder#5966cc80
- tab.unfocusedInactiveBackground#0e0d1a
- tab.unfocusedInactiveForeground#5966cc80
- tab.unfocusedInactiveModifiedBorder#5966cc40
- terminal.ansiBlack#0e0d1a
- terminal.ansiBlue#8c97ea
- terminal.ansiBrightBlack#5966cc
- terminal.ansiBrightBlue#8c97ea
- terminal.ansiBrightCyan#23deff
- terminal.ansiBrightGreen#17f648
- terminal.ansiBrightMagenta#ff00f2
- terminal.ansiBrightRed#fa1313
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffffff
- terminal.ansiCyan#8c97ea
- terminal.ansiGreen#00c82b
- terminal.ansiMagenta#ff00f2
- terminal.ansiRed#fa1313
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffe553
- terminal.border#0e0d1a60
- terminal.foreground#cccccc
- terminal.selectionBackground#ffffff40
- terminalCursor.background#0e0d1a
- terminalCursor.foreground#271326
- textBlockQuote.background#7f7f7f1a
- textBlockQuote.border#007acc80
- textCodeBlock.background#0a0a0a66
- textLink.activeForeground#dddfe9
- textLink.foreground#5966cc
- textPreformat.foreground#d7ba7d
- textSeparator.foreground#ffffff2e
- titleBar.activeBackground#0e0d1a
- titleBar.activeForeground#dddfe9
- titleBar.border#5966cc50
- titleBar.inactiveBackground#0e0d1a
- titleBar.inactiveForeground#5966cc
- tree.indentGuidesStroke#383b3d
- widget.shadow#0e0d1a30
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage, support, entity.name.tag, variable.language, keyword.control.flow, storage.modifier, keyword.operator, entity.other.attribute-name.class.css, entity.other.keyframe-offset, markup.heading, markup.underline.link, variable.other.env, punctuation.definition.list.begin.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.raw.markdown, constant.length.units.css, constant.percentage.units.css | #a277ff | — |
| storage, keyword.control.conditional.js | #FF79C6 | — |
| string, markup.inserted, markup.raw, constant, source.env, support.type.builtin.graphql, variable.other.quoted.double, markup.inline.raw.string.markdown, entity.other.attribute-name.id.css, meta.jsx.children, JSXNested | #61ffca | — |
| markup.changed, entity, entity.name.function, entity.name.function.elixir, entity.name.function-call.elixir, support.class.component.tsx, support.class.component.open.jsx, support.class.component.close.jsx, meta.function-call.generic.python, entity.name.section.markdown, storage.type.annotation.dart | #ffca85 | — |
| invalid, markup.deleted | #ff6767 | — |
| string.unquoted, punctuation.separator, entity.other.attribute-name, meta.object-literal.key, variable.object.property, variable.other.property, variable.other.object.property, variable.other.constant.property, meta.type.annotation, support.type.property-name.css, support.type.vendored, constant.language.symbol.elixir, variable.graphql, meta.attribute.python, source.dart | #f694ff | — |
| variable, markup.list, variable.parameter, variable.parameter.keyframe-list.css, source.css, support.constant.font-name, support.constant.vendored.property-value, variable.parameter, meta.class, meta.method.declaration, parameter.variable.function.elixir, punctuation.definition.tag, punctuation.section.embedded, meta.embedded.expression, punctuation.terminator.dart, punctuation.dot.dart | #A277FF | — |
| variable.parameter | #ffca85 | — |
| comment, string.quoted.docstring.multi.python | #6d6d6d | — |
| support.constant.property-value.css | #79B8FF | — |
| variable.css, variable.argument.css | #edecee | — |
| entity.name.function, support.function | #50FA7B | — |
| entity.name.type, entity.name.class, support.class.builtin, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.quasi.element.begin, punctuation.quasi.element.end, entity.other.inherited-class, variable.other.constant.elixir, entity.other.attribute-name.class.css, support.class.dart | #82e2ff | — |
| meta.parameters, meta.type.parameters, meta.return.type, entity.name.type.interface, meta.type.annotation, meta.function.parameters, markup.italic.markdown | — | italic |
| markup.underline | — | underline |
| markup.bold.markdown, storage.type.annotation.dart | — | bold |