Alloy Theme
Publisher: OfficerHalfThemes in package: 1
A more monochromatic, subdued Monokai 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.activeBorder#F7F7F7
- activityBar.background#292929
- activityBar.dropBorder#F7F7F7
- activityBar.foreground#F7F7F7
- activityBar.inactiveForeground#FAFAFA66
- activityBarBadge.background#3A5B94
- activityBarBadge.foreground#FAFAFA
- badge.background#757575
- badge.foreground#F7F7F7
- breadcrumb.background#292929
- breadcrumbPicker.background#1F1F1F
- button.background#757575
- button.foreground#FAFAFA
- button.secondaryForeground#FAFAFA
- checkbox.background#424242
- checkbox.border#424242
- checkbox.foreground#F7F7F7
- debugConsole.errorForeground#F47676
- debugConsole.infoForeground#7CB1BB
- debugConsole.sourceForeground#F7F7F7
- debugConsole.warningForeground#C58945
- debugConsoleInputIcon.foreground#F7F7F7
- debugIcon.continueForeground#7CB1BB
- debugIcon.disconnectForeground#F47676
- debugIcon.pauseForeground#7CB1BB
- debugIcon.stepBackForeground#7CB1BB
- debugIcon.stepIntoForeground#7CB1BB
- debugIcon.stepOutForeground#7CB1BB
- debugIcon.stepOverForeground#7CB1BB
- debugIcon.stopForeground#F47676
- debugTokenExpression.error#F47676
- debugToolBar.background#1F1F1F
- debugView.exceptionLabelForeground#F7F7F7
- debugView.stateLabelForeground#F7F7F7
- diffEditor.insertedTextBackground#708A3A30
- diffEditor.removedTextBackground#8E435E30
- dropdown.background#424242
- dropdown.border#424242
- dropdown.foreground#F7F7F7
- dropdown.listBackground#1F1F1F
- editor.background#292929
- editor.foreground#F7F7F7
- editor.lineHighlightBackground#333333A0
- editor.lineHighlightBorder#292929
- editor.selectionBackground#75757580
- editor.selectionHighlightBackground#42424280
- editor.wordHighlightBackground#75757580
- editor.wordHighlightStrongBackground#9A9A9A80
- editorCursor.foreground#F7F7F7
- editorError.foreground#F47676
- editorGroup.border#424242
- editorGroup.dropBackground#42424280
- editorGroupHeader.noTabsBackground#292929
- editorGroupHeader.tabsBackground#1F1F1F
- editorGutter.addedBackground#93B54F
- editorGutter.background#292929
- editorGutter.commentRangeForeground#BABABA
- editorGutter.foldingControlForeground#BABABA
- editorHoverWidget.background#424242
- editorHoverWidget.border#757575
- editorHoverWidget.foreground#F7F7F7
- editorIndentGuide.activeBackground#757575
- editorIndentGuide.background#424242
- editorInfo.foreground#7CB1BB
- editorLightBulbAutoFix.foreground#7CB1BB
- editorLineNumber.activeForeground#BABABA
- editorLineNumber.foreground#9A9A9A
- editorMarkerNavigationError.background#F47676
- editorMarkerNavigationInfo.background#7CB1BB
- editorMarkerNavigationWarning.background#C58945
- editorOverviewRuler.errorForeground#F47676
- editorOverviewRuler.infoForeground#7CB1BB
- editorOverviewRuler.warningForeground#C58945
- editorPane.background#292929
- editorSuggestWidget.background#292929
- editorSuggestWidget.border#757575
- editorSuggestWidget.foreground#F7F7F7
- editorSuggestWidget.highlightForeground#F7F7F7
- editorSuggestWidget.selectedBackground#424242
- editorWarning.foreground#C58945
- editorWhitespace.foreground#424242
- editorWidget.background#1F1F1F
- editorWidget.border#424242
- editorWidget.foreground#F7F7F7
- errorForeground#F47676
- extensionBadge.remoteBackground#3A5B94
- extensionBadge.remoteForeground#FAFAFA
- extensionButton.prominentBackground#708A3A
- extensionButton.prominentForeground#FAFAFA
- extensionButton.prominentHoverBackground#556A2C
- focusBorder#757575
- foreground#F7F7F7
- icon.foreground#BABABA
- input.background#424242
- input.foreground#F7F7F7
- inputOption.activeBorder#757575
- inputOption.activeForeground#FAFAFA
- inputValidation.errorBackground#8E435E
- inputValidation.errorBorder#F95893
- inputValidation.infoBackground#757575
- inputValidation.infoBorder#B3CFFF
- inputValidation.warningBackground#B5B54F
- inputValidation.warningBorder#E2E25A
- list.activeSelectionBackground#757575
- list.activeSelectionForeground#FAFAFA
- list.dropBackground#424242
- list.errorForeground#F47676
- list.focusBackground#424242
- list.highlightForeground#F7F7F7
- list.hoverBackground#333333A0
- list.inactiveSelectionBackground#424242
- list.warningForeground#C58945
- menu.background#424242
- menu.foreground#F7F7F7
- menu.selectionBackground#757575
- menu.selectionForeground#FAFAFA
- menubar.selectionForeground#F7F7F7
- minimap.errorHighlight#F47676b3
- minimap.findMatchHighlight#C58945
- minimap.warningHighlight#C58945
- minimapGutter.addedBackground#93B54F
- notebook.cellInsertionIndicator#757575
- notebook.focusedEditorBorder#757575
- notebookScrollbarSlider.activeBackground#BABABA66
- notebookScrollbarSlider.background#75757566
- notebookScrollbarSlider.hoverBackground#757575b3
- notebookStatusErrorIcon.foreground#F47676
- notebookStatusRunningIcon.foreground#F7F7F7
- notificationLink.foreground#B3CFFF
- notifications.background#1F1F1F
- notifications.foreground#F7F7F7
- notificationsErrorIcon.foreground#F47676
- notificationsInfoIcon.foreground#7CB1BB
- notificationsWarningIcon.foreground#C58945
- panel.background#292929
- panel.border#424242
- panel.dropBorder#F7F7F7
- panelSection.border#424242
- panelSection.dropBackground#42424280
- panelTitle.activeBorder#757575
- panelTitle.activeForeground#F7F7F7
- panelTitle.inactiveForeground#757575
- peekView.border#757575
- peekViewEditor.background#292929
- peekViewEditor.matchHighlightBackground#757575
- peekViewEditorGutter.background#292929
- peekViewResult.background#1F1F1F
- peekViewResult.fileForeground#FAFAFA
- peekViewResult.matchHighlightBackground#757575
- peekViewResult.selectionBackground#424242
- peekViewResult.selectionForeground#FAFAFA
- peekViewTitle.background#1F1F1F
- peekViewTitleLabel.foreground#FAFAFA
- pickerGroup.foreground#757575
- problemsErrorIcon.foreground#F47676
- problemsInfoIcon.foreground#7CB1BB
- problemsWarningIcon.foreground#C58945
- progressBar.background#757575
- quickInput.background#1F1F1F
- quickInput.foreground#F7F7F7
- scm.providerBorder#424242
- scrollbarSlider.activeBackground#BABABA66
- scrollbarSlider.background#75757566
- scrollbarSlider.hoverBackground#757575b3
- selection.background#F7F7F7
- settings.checkboxBackground#424242
- settings.checkboxBorder#424242
- settings.checkboxForeground#F7F7F7
- settings.dropdownBackground#424242
- settings.dropdownBorder#424242
- settings.dropdownForeground#F7F7F7
- settings.dropdownListBorder#424242
- settings.headerForeground#F7F7F7
- settings.numberInputBackground#424242
- settings.numberInputForeground#F7F7F7
- settings.textInputBackground#424242
- settings.textInputForeground#F7F7F7
- sideBar.background#1F1F1F
- sideBar.dropBackground#42424280
- sideBarSectionHeader.background#292929
- statusBar.background#424242
- statusBar.debuggingBackground#757575
- statusBar.debuggingForeground#FAFAFA
- statusBar.foreground#FAFAFA
- statusBar.noFolderBackground#424242
- statusBar.noFolderForeground#FAFAFA
- statusBarItem.prominentForeground#FAFAFA
- statusBarItem.remoteBackground#3A5B94
- statusBarItem.remoteForeground#FAFAFA
- symbolIcon.arrayForeground#F7F7F7
- symbolIcon.booleanForeground#F7F7F7
- symbolIcon.classForeground#FCAC4F
- symbolIcon.colorForeground#F7F7F7
- symbolIcon.constantForeground#F7F7F7
- symbolIcon.constructorForeground#CCB3FF
- symbolIcon.enumeratorForeground#FCAC4F
- symbolIcon.enumeratorMemberForeground#7CB1BB
- symbolIcon.eventForeground#FCAC4F
- symbolIcon.fieldForeground#7CB1BB
- symbolIcon.fileForeground#F7F7F7
- symbolIcon.folderForeground#F7F7F7
- symbolIcon.functionForeground#CCB3FF
- symbolIcon.interfaceForeground#7CB1BB
- symbolIcon.keyForeground#F7F7F7
- symbolIcon.keywordForeground#F7F7F7
- symbolIcon.methodForeground#CCB3FF
- symbolIcon.moduleForeground#F7F7F7
- symbolIcon.namespaceForeground#F7F7F7
- symbolIcon.nullForeground#F7F7F7
- symbolIcon.numberForeground#F7F7F7
- symbolIcon.objectForeground#F7F7F7
- symbolIcon.operatorForeground#F7F7F7
- symbolIcon.packageForeground#F7F7F7
- symbolIcon.propertyForeground#F7F7F7
- symbolIcon.referenceForeground#F7F7F7
- symbolIcon.snippetForeground#F7F7F7
- symbolIcon.stringForeground#F7F7F7
- symbolIcon.structForeground#F7F7F7
- symbolIcon.textForeground#F7F7F7
- symbolIcon.typeParameterForeground#F7F7F7
- symbolIcon.unitForeground#F7F7F7
- symbolIcon.variableForeground#7CB1BB
- tab.activeBackground#333333
- tab.activeBorder#F95893
- tab.activeForeground#F7F7F7
- tab.activeModifiedBorder#95E0EE
- tab.border#1F1F1F
- tab.hoverBackground#424242
- tab.hoverBorder#CCB3FF
- tab.inactiveBackground#242424
- tab.inactiveForeground#F7F7F7
- tab.unfocusedActiveBackground#333333
- tab.unfocusedActiveBorder#F9589380
- tab.unfocusedActiveForeground#FAFAFA80
- tab.unfocusedHoverBorder#CCB3FF80
- tab.unfocusedInactiveBackground#242424
- terminal.ansiBlack#333333
- terminal.ansiBlue#90A4C6
- terminal.ansiBrightBlack#757575
- terminal.ansiBrightBlue#B3CFFF
- terminal.ansiBrightCyan#95E0EE
- terminal.ansiBrightGreen#B5E25A
- terminal.ansiBrightMagenta#CCB3FF
- terminal.ansiBrightRed#F95893
- terminal.ansiBrightWhite#FAFAFA
- terminal.ansiBrightYellow#E2E25A
- terminal.ansiCyan#7CB1BB
- terminal.ansiGreen#93B54F
- terminal.ansiMagenta#A290C6
- terminal.ansiRed#C34B77
- terminal.ansiWhite#F7F7F7
- terminal.ansiYellow#B5B54F
- terminal.border#424242
- terminal.foreground#F7F7F7
- textLink.activeForeground#B3CFFF
- textLink.foreground#B3CFFF
- titleBar.activeBackground#1F1F1F
- titleBar.activeForeground#F7F7F7
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #F7F7F7 | — |
| comment | #757575 | — |
| string | #E5DE9F | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #F95893 | — |
| meta.template.expression | #F7F7F7 | — |
| constant.numeric | #CCB3FF | — |
| constant.language | #CCB3FF | — |
| constant.character, constant.other | #CCB3FF | — |
| variable | #F7F7F7 | |
| keyword | #F95893 | — |
| storage | #F95893 | |
| storage.type | #95E0EE | italic |
| entity.name.type, entity.name.class | #B5E25A | underline |
| entity.other.inherited-class | #B5E25A | italic underline |
| entity.name.function | #B5E25A | |
| variable.parameter | #FCAC4F | italic |
| entity.name.tag | #F95893 | |
| entity.other.attribute-name | #B5E25A | |
| support.function | #95E0EE | |
| support.constant | #95E0EE | |
| support.type, support.class | #95E0EE | italic |
| support.other.variable | — | |
| invalid | #FAFAFA | |
| invalid.deprecated | #FAFAFA | — |
| meta.structure.dictionary.json string.quoted.double.json | #F7F7F7 | — |
| meta.diff, meta.diff.header | #757575 | — |
| markup.deleted | #F95893 | — |
| markup.inserted | #B5E25A | — |
| markup.changed | #E5DE9F | — |
| constant.numeric.line-number.find-in-files - match | #CCB3FFA0 | — |
| entity.name.filename.find-in-files | #E5DE9F | — |
| markup.quote | #F95893 | — |
| markup.list | #E5DE9F | — |
| markup.bold, markup.italic | #95E0EE | — |
| markup.inline.raw | #FCAC4F | |
| markup.heading | #B5E25A | — |
| markup.heading.setext | #B5E25A | |
| token.info-token | #90A4C6 | — |
| token.warn-token | #C58945 | — |
| token.error-token | #F47676 | — |
| token.debug-token | #CCB3FF | — |
| variable.language | #FCAC4F | — |
| meta.embedded, source.groovy.embedded | #F7F7F7 | — |
| comment | #757575 | italic |
| string | #E5DE9F | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #F95893 | — |
| meta.template.expression | #F7F7F7 | — |
| constant.numeric | #CCB3FF | — |
| constant.language | #CCB3FF | — |
| constant.character, constant.other | #CCB3FF | — |
| variable | #F7F7F7 | |
| keyword | #F95893 | — |
| storage | #F95893 | |
| storage.type | #95E0EE | italic |
| entity.name.type, entity.name.class | #B5E25A | underline |
| entity.other.inherited-class | #B5E25A | italic underline |
| entity.name.function | #B5E25A | |
| variable.parameter | #FCAC4F | italic |
| entity.name.tag | #F95893 | |
| entity.other.attribute-name | #B5E25A | |
| support.function | #95E0EE | |
| support.constant | #95E0EE | |
| support.type, support.class | #95E0EE | italic |
| support.other.variable | — | |
| invalid | #F7F7F7 | |
| invalid.deprecated | #F7F7F7 | — |
| meta.structure.dictionary.json string.quoted.double.json | #F7F7F7 | — |
| meta.diff, meta.diff.header | #757575 | — |
| markup.deleted | #F95893 | — |
| markup.inserted | #B5E25A | — |
| markup.changed | #E5DE9F | — |
| constant.numeric.line-number.find-in-files - match | #CCB3FFA0 | — |
| entity.name.filename.find-in-files | #E5DE9F | — |
| markup.quote | #F95893 | — |
| beginning.punctuation.definition.quote.markdown | #C34B77 | — |
| markup.list | #E5DE9F | — |
| markup.bold, markup.italic | #95E0EE | — |
| markup.inline.raw | #FCAC4F | |
| punctuation.definition.heading.markdown | #B5E25A | — |
| markup.heading | #B5E25A | — |
| markup.heading.setext | #B5E25A | |
| token.info-token | #90A4C6 | — |
| token.warn-token | #C58945 | — |
| token.error-token | #F47676 | — |
| token.debug-token | #CCB3FF | — |
| variable.language | #FCAC4F | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...