Beacon Themes
Publisher: Alan RomanThemes in package: 6
High-contrast themes solved for WCAG AAA, with red-green and blue-yellow safe variants for colour vision deficiency.
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#CBDAED
- activityBar.activeBorder#6F000D
- activityBar.activeFocusBorder#6F000D
- activityBar.background#FFFFFF
- activityBar.border#BEC8D4
- activityBar.dropBorder#6F000D
- activityBar.foreground#2B2B28
- activityBar.inactiveForeground#4B575E
- activityBarBadge.background#6F000D
- activityBarBadge.foreground#FAF9F6
- badge.background#6F000D
- badge.foreground#FAF9F6
- breadcrumb.activeSelectionForeground#0F0F0E
- breadcrumb.focusForeground#2B2B28
- breadcrumb.foreground#4B575E
- breadcrumbPicker.background#FFFFFF
- button.background#6F000D
- button.border#00000000
- button.foreground#FAF9F6
- button.hoverBackground#5C0009
- button.secondaryBackground#CBDAED
- button.secondaryForeground#2B2B28
- button.secondaryHoverBackground#BBCFE7
- button.separator#FAF9F6
- charts.blue#003880
- charts.foreground#2B2B28
- charts.green#003608
- charts.lines#BEC8D4
- charts.orange#4D2100
- charts.purple#7B1956
- charts.red#6F000D
- charts.yellow#724F00
- checkbox.background#FFFFFF
- checkbox.border#808A95
- checkbox.foreground#2B2B28
- checkbox.selectBackground#FFFFFF
- checkbox.selectBorder#6F000D
- commandCenter.activeBackground#CBDAED
- commandCenter.activeForeground#2B2B28
- commandCenter.background#FFFFFF
- commandCenter.border#808A95
- commandCenter.foreground#2B2B28
- commandCenter.inactiveForeground#4B575E
- contrastActiveBorder#00000000
- debugIcon.breakpointForeground#6F000D
- debugIcon.breakpointUnverifiedForeground#4B575E
- debugIcon.continueForeground#003880
- debugIcon.pauseForeground#724F00
- debugIcon.restartForeground#003608
- debugIcon.startForeground#003608
- debugIcon.stepIntoForeground#003880
- debugIcon.stepOutForeground#003880
- debugIcon.stepOverForeground#003880
- debugIcon.stopForeground#6F000D
- debugTokenExpression.boolean#4D2100
- debugTokenExpression.error#6F000D
- debugTokenExpression.name#003880
- debugTokenExpression.number#4D2100
- debugTokenExpression.string#003608
- debugTokenExpression.value#2B2B28
- debugToolBar.background#FFFFFF
- debugToolBar.border#808A95
- descriptionForeground#4B575E
- diffEditor.border#BEC8D4
- diffEditor.diagonalFill#BEC8D4
- diffEditor.insertedLineBackground#AED8AF8C
- diffEditor.insertedTextBackground#71BD758C
- diffEditor.removedLineBackground#FEBFBA8C
- diffEditor.removedTextBackground#FA8F878C
- diffEditorGutter.insertedLineBackground#AED8AF8C
- diffEditorGutter.removedLineBackground#FEBFBA8C
- diffEditorOverview.insertedForeground#003608
- diffEditorOverview.removedForeground#6F000D
- disabledForeground#4B575E
- dropdown.background#FFFFFF
- dropdown.border#808A95
- dropdown.foreground#2B2B28
- dropdown.listBackground#FFFFFF
- editor.background#FAF9F6
- editor.findMatchBackground#D0A35D8C
- editor.findMatchBorder#724F00
- editor.findMatchHighlightBackground#E6CA9B8C
- editor.findRangeHighlightBackground#FFE2DFE8
- editor.focusedStackFrameHighlightBackground#DDB77C8C
- editor.foreground#2B2B28
- editor.hoverHighlightBackground#FFE2DFE8
- editor.inactiveSelectionBackground#B5D1F48C
- editor.lineHighlightBackground#DBE9FB8C
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#FFE2DFE8
- editor.selectionBackground#80AEE78C
- editor.selectionHighlightBackground#B5D1F48C
- editor.selectionHighlightBorder#808A95
- editor.stackFrameHighlightBackground#DDB77C8C
- editor.symbolHighlightBackground#E6CA9B8C
- editor.symbolHighlightBorder#724F00
- editor.wordHighlightBackground#B5D1F48C
- editor.wordHighlightStrongBackground#9BBFEF8C
- editor.wordHighlightStrongBorder#808A95
- editor.wordHighlightTextBackground#B5D1F48C
- editorBracketHighlight.foreground1#003880
- editorBracketHighlight.foreground2#7B1956
- editorBracketHighlight.foreground3#724F00
- editorBracketHighlight.foreground4#005555
- editorBracketHighlight.foreground5#4D2100
- editorBracketHighlight.foreground6#003608
- editorBracketHighlight.unexpectedBracket.foreground#6F000D
- editorBracketMatch.background#FFE2DFE8
- editorBracketMatch.border#6F000D
- editorCodeLens.foreground#4B575E
- editorCursor.background#FAF9F6
- editorCursor.foreground#0F0F0E
- editorError.foreground#6F000D
- editorGhostText.border#00000000
- editorGhostText.foreground#4B575E
- editorGroup.border#BEC8D4
- editorGroup.dropBackground#BBCFE7
- editorGroupHeader.noTabsBackground#FAF9F6
- editorGroupHeader.tabsBackground#FFFFFF
- editorGroupHeader.tabsBorder#BEC8D4
- editorGutter.addedBackground#003608
- editorGutter.background#FAF9F6
- editorGutter.deletedBackground#6F000D
- editorGutter.foldingControlForeground#4B575E
- editorGutter.modifiedBackground#724F00
- editorHint.foreground#005555
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#808A95
- editorHoverWidget.foreground#2B2B28
- editorHoverWidget.statusBarBackground#FFFFFF
- editorIndentGuide.activeBackground1#808A95
- editorIndentGuide.background1#BEC8D4
- editorInfo.foreground#003880
- editorInlayHint.background#00000000
- editorInlayHint.foreground#4B575E
- editorLineNumber.activeForeground#0F0F0E
- editorLineNumber.dimmedForeground#4B575E
- editorLineNumber.foreground#4B575E
- editorLink.activeForeground#6F000D
- editorMarkerNavigation.background#FFFFFF
- editorMarkerNavigationError.background#6F000D
- editorMarkerNavigationInfo.background#003880
- editorMarkerNavigationWarning.background#724F00
- editorOverviewRuler.addedForeground#003608
- editorOverviewRuler.border#00000000
- editorOverviewRuler.currentContentForeground#003608
- editorOverviewRuler.deletedForeground#6F000D
- editorOverviewRuler.errorForeground#6F000D
- editorOverviewRuler.findMatchForeground#724F00
- editorOverviewRuler.incomingContentForeground#003880
- editorOverviewRuler.infoForeground#003880
- editorOverviewRuler.modifiedForeground#724F00
- editorOverviewRuler.selectionHighlightForeground#808A95
- editorOverviewRuler.warningForeground#724F00
- editorRuler.foreground#BEC8D4
- editorStickyScroll.background#FAF9F6
- editorStickyScroll.shadow#00000024
- editorStickyScrollHover.background#CBDAED
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#808A95
- editorSuggestWidget.focusHighlightForeground#5C0009
- editorSuggestWidget.foreground#2B2B28
- editorSuggestWidget.highlightForeground#6F000D
- editorSuggestWidget.selectedBackground#BBCFE7
- editorSuggestWidget.selectedForeground#0F0F0E
- editorSuggestWidgetStatus.foreground#4B575E
- editorUnnecessaryCode.border#4B575E
- editorUnnecessaryCode.opacity#000000FF
- editorWarning.foreground#724F00
- editorWhitespace.foreground#BEC8D4
- editorWidget.background#FFFFFF
- editorWidget.border#808A95
- editorWidget.foreground#2B2B28
- editorWidget.resizeBorder#6F000D
- errorForeground#6F000D
- extensionBadge.remoteBackground#6F000D
- extensionBadge.remoteForeground#FAF9F6
- extensionButton.prominentBackground#6F000D
- extensionButton.prominentForeground#FAF9F6
- extensionButton.prominentHoverBackground#5C0009
- extensionIcon.starForeground#724F00
- focusBorder#6F000D
- foreground#2B2B28
- gitDecoration.addedResourceForeground#003608
- gitDecoration.conflictingResourceForeground#7B1956
- gitDecoration.deletedResourceForeground#6F000D
- gitDecoration.ignoredResourceForeground#4B575E
- gitDecoration.modifiedResourceForeground#724F00
- gitDecoration.renamedResourceForeground#005555
- gitDecoration.stageDeletedResourceForeground#6F000D
- gitDecoration.stageModifiedResourceForeground#724F00
- gitDecoration.submoduleResourceForeground#003880
- gitDecoration.untrackedResourceForeground#003608
- icon.foreground#2B2B28
- input.background#FFFFFF
- input.border#808A95
- input.foreground#2B2B28
- input.placeholderForeground#4B575E
- inputOption.activeBackground#BBCFE7
- inputOption.activeBorder#6F000D
- inputOption.activeForeground#2B2B28
- inputOption.hoverBackground#CBDAED
- inputValidation.errorBackground#FFFFFF
- inputValidation.errorBorder#6F000D
- inputValidation.errorForeground#2B2B28
- inputValidation.infoBackground#FFFFFF
- inputValidation.infoBorder#003880
- inputValidation.infoForeground#2B2B28
- inputValidation.warningBackground#FFFFFF
- inputValidation.warningBorder#724F00
- inputValidation.warningForeground#2B2B28
- keybindingLabel.background#CBDAED
- keybindingLabel.border#808A95
- keybindingLabel.bottomBorder#808A95
- keybindingLabel.foreground#2B2B28
- list.activeSelectionBackground#BBCFE7
- list.activeSelectionForeground#0F0F0E
- list.activeSelectionIconForeground#0F0F0E
- list.deemphasizedForeground#4B575E
- list.dropBackground#BBCFE7
- list.errorForeground#6F000D
- list.filterMatchBackground#E6CA9B8C
- list.filterMatchBorder#724F00
- list.focusAndSelectionOutline#6F000D
- list.focusBackground#BBCFE7
- list.focusForeground#0F0F0E
- list.focusHighlightForeground#5C0009
- list.focusOutline#6F000D
- list.highlightForeground#6F000D
- list.hoverBackground#CBDAED
- list.hoverForeground#2B2B28
- list.inactiveFocusOutline#808A95
- list.inactiveSelectionBackground#CBDAED
- list.inactiveSelectionForeground#2B2B28
- list.invalidItemForeground#6F000D
- list.warningForeground#724F00
- listFilterWidget.background#FFFFFF
- listFilterWidget.noMatchesOutline#6F000D
- listFilterWidget.outline#6F000D
- menu.background#FFFFFF
- menu.border#808A95
- menu.foreground#2B2B28
- menu.selectionBackground#BBCFE7
- menu.selectionForeground#0F0F0E
- menu.separatorBackground#BEC8D4
- menubar.selectionBackground#CBDAED
- menubar.selectionForeground#2B2B28
- merge.border#808A95
- merge.currentContentBackground#94CA958C
- merge.currentHeaderBackground#94CA958C
- merge.incomingContentBackground#96BFFA8C
- merge.incomingHeaderBackground#96BFFA8C
- minimap.background#FAF9F6
- minimap.errorHighlight#6F000D
- minimap.findMatchHighlight#724F00
- minimap.selectionHighlight#80AEE78C
- minimap.warningHighlight#724F00
- minimapGutter.addedBackground#003608
- minimapGutter.deletedBackground#6F000D
- minimapGutter.modifiedBackground#724F00
- minimapSlider.activeBackground#6F000D80
- minimapSlider.background#808A9540
- minimapSlider.hoverBackground#808A9580
- notificationCenter.border#808A95
- notificationCenterHeader.background#FFFFFF
- notificationCenterHeader.foreground#2B2B28
- notificationLink.foreground#6F000D
- notifications.background#FFFFFF
- notifications.border#808A95
- notifications.foreground#2B2B28
- notificationsErrorIcon.foreground#6F000D
- notificationsInfoIcon.foreground#003880
- notificationsWarningIcon.foreground#724F00
- notificationToast.border#808A95
- panel.background#FAF9F6
- panel.border#BEC8D4
- panel.dropBorder#6F000D
- panelInput.border#808A95
- panelSection.border#BEC8D4
- panelSectionHeader.background#FFFFFF
- panelSectionHeader.foreground#2B2B28
- panelTitle.activeBorder#6F000D
- panelTitle.activeForeground#2B2B28
- panelTitle.inactiveForeground#4B575E
- peekView.border#6F000D
- peekViewEditor.background#FFFFFF
- peekViewEditor.matchHighlightBackground#D0A35D8C
- peekViewEditorGutter.background#FFFFFF
- peekViewResult.background#FFFFFF
- peekViewResult.fileForeground#2B2B28
- peekViewResult.lineForeground#2B2B28
- peekViewResult.matchHighlightBackground#E6CA9B8C
- peekViewResult.selectionBackground#BBCFE7
- peekViewResult.selectionForeground#0F0F0E
- peekViewTitle.background#FFFFFF
- peekViewTitleDescription.foreground#4B575E
- peekViewTitleLabel.foreground#2B2B28
- pickerGroup.border#BEC8D4
- pickerGroup.foreground#6F000D
- problemsErrorIcon.foreground#6F000D
- problemsInfoIcon.foreground#003880
- problemsWarningIcon.foreground#724F00
- progressBar.background#6F000D
- quickInput.background#FFFFFF
- quickInput.foreground#2B2B28
- quickInputList.focusBackground#BBCFE7
- quickInputList.focusForeground#0F0F0E
- quickInputTitle.background#FFFFFF
- sash.hoverBorder#6F000D
- scrollbar.shadow#00000024
- scrollbarSlider.activeBackground#6F000DB3
- scrollbarSlider.background#808A9566
- scrollbarSlider.hoverBackground#808A95B3
- searchEditor.findMatchBackground#E6CA9B8C
- searchEditor.findMatchBorder#724F00
- selection.background#80AEE78C
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#808A95
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#808A95
- settings.focusedRowBackground#CBDAED
- settings.focusedRowBorder#6F000D
- settings.headerForeground#0F0F0E
- settings.modifiedItemIndicator#6F000D
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#808A95
- settings.rowHoverBackground#CBDAED
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#808A95
- sideBar.background#FFFFFF
- sideBar.border#BEC8D4
- sideBar.dropBackground#BBCFE7
- sideBar.foreground#2B2B28
- sideBarSectionHeader.background#FFFFFF
- sideBarSectionHeader.border#BEC8D4
- sideBarSectionHeader.foreground#2B2B28
- sideBarTitle.foreground#2B2B28
- statusBar.background#FFFFFF
- statusBar.border#BEC8D4
- statusBar.debuggingBackground#4D2100
- statusBar.debuggingBorder#4D2100
- statusBar.debuggingForeground#FAF9F6
- statusBar.focusBorder#6F000D
- statusBar.foreground#2B2B28
- statusBar.noFolderBackground#FFFFFF
- statusBar.noFolderForeground#2B2B28
- statusBarItem.activeBackground#BBCFE7
- statusBarItem.errorBackground#6F000D
- statusBarItem.errorForeground#FAF9F6
- statusBarItem.hoverBackground#CBDAED
- statusBarItem.prominentBackground#BBCFE7
- statusBarItem.prominentForeground#2B2B28
- statusBarItem.remoteBackground#6F000D
- statusBarItem.remoteForeground#FAF9F6
- statusBarItem.warningBackground#724F00
- statusBarItem.warningForeground#FAF9F6
- tab.activeBackground#FAF9F6
- tab.activeBorder#FAF9F6
- tab.activeBorderTop#6F000D
- tab.activeForeground#0F0F0E
- tab.activeModifiedBorder#724F00
- tab.border#BEC8D4
- tab.hoverBackground#CBDAED
- tab.hoverForeground#2B2B28
- tab.inactiveBackground#FFFFFF
- tab.inactiveForeground#4B575E
- tab.inactiveModifiedBorder#724F00
- tab.lastPinnedBorder#808A95
- tab.unfocusedActiveBackground#FAF9F6
- tab.unfocusedActiveBorderTop#808A95
- tab.unfocusedActiveForeground#2B2B28
- tab.unfocusedHoverBackground#CBDAED
- tab.unfocusedInactiveForeground#4B575E
- terminal.ansiBlack#E3E0D8
- terminal.ansiBlue#003880
- terminal.ansiBrightBlack#4B575E
- terminal.ansiBrightBlue#002E6C
- terminal.ansiBrightCyan#004747
- terminal.ansiBrightGreen#002A05
- terminal.ansiBrightMagenta#6F004B
- terminal.ansiBrightRed#5C0009
- terminal.ansiBrightWhite#0F0F0E
- terminal.ansiBrightYellow#5F4200
- terminal.ansiCyan#005555
- terminal.ansiGreen#003608
- terminal.ansiMagenta#7B1956
- terminal.ansiRed#6F000D
- terminal.ansiWhite#2B2B28
- terminal.ansiYellow#724F00
- terminal.background#FAF9F6
- terminal.border#BEC8D4
- terminal.findMatchBackground#D0A35D8C
- terminal.findMatchBorder#724F00
- terminal.findMatchHighlightBackground#E6CA9B8C
- terminal.foreground#2B2B28
- terminal.inactiveSelectionBackground#B5D1F48C
- terminal.selectionBackground#80AEE78C
- terminalCommandDecoration.defaultBackground#4B575E
- terminalCommandDecoration.errorBackground#6F000D
- terminalCommandDecoration.successBackground#003608
- terminalCursor.background#FAF9F6
- terminalCursor.foreground#0F0F0E
- testing.iconErrored#6F000D
- testing.iconFailed#6F000D
- testing.iconPassed#003608
- testing.iconQueued#724F00
- testing.iconSkipped#4B575E
- testing.iconUnset#4B575E
- testing.runAction#003608
- textBlockQuote.background#FFFFFF
- textBlockQuote.border#6F000D
- textCodeBlock.background#FFFFFF
- textLink.activeForeground#5C0009
- textLink.foreground#6F000D
- textPreformat.background#FFFFFF
- textPreformat.foreground#4D2100
- textSeparator.foreground#BEC8D4
- titleBar.activeBackground#FFFFFF
- titleBar.activeForeground#2B2B28
- titleBar.border#BEC8D4
- titleBar.inactiveBackground#FFFFFF
- titleBar.inactiveForeground#4B575E
- toolbar.activeBackground#BBCFE7
- toolbar.hoverBackground#CBDAED
- tree.inactiveIndentGuidesStroke#BEC8D4
- tree.indentGuidesStroke#808A95
- walkThrough.embeddedEditorBackground#FFFFFF
- welcomePage.tileBackground#FFFFFF
- welcomePage.tileBorder#808A95
- welcomePage.tileHoverBackground#CBDAED
- widget.border#808A95
- widget.shadow#00000024
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4B575E | italic |
| keyword, storage, storage.type, storage.modifier, keyword.control | #7B1956 | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #4E4E49 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.logical.python | #7B1956 | — |
| string, string.quoted, string.template, punctuation.definition.string | #003608 | — |
| string.regexp, constant.character.escape, constant.other.placeholder | #005555 | — |
| constant.numeric, constant.language, constant.other, support.constant, variable.other.constant, variable.other.enummember | #4D2100 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #003880 | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.other.inherited-class, support.type, support.class, storage.type.primitive, storage.type.builtin | #724F00 | — |
| entity.name.namespace, entity.name.module, entity.name.type.module | #002E6C | — |
| variable, meta.definition.variable | #2B2B28 | — |
| variable.parameter, meta.parameter | #1C1C1A | — |
| variable.language, variable.language.this, variable.language.self | #6F000D | italic |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, entity.name.variable.field | #005555 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator, storage.type.annotation | #004747 | — |
| entity.name.function.macro, keyword.control.directive, keyword.control.import, keyword.control.export | #6F004B | — |
| entity.name.tag, punctuation.definition.tag | #6F000D | — |
| entity.other.attribute-name | #4D2100 | — |
| support.type.property-name.json, support.type.property-name | #003880 | — |
| markup.heading, entity.name.section | #003880 | bold |
| markup.bold | #0F0F0E | bold |
| markup.italic | #2B2B28 | italic |
| markup.underline.link, string.other.link | #005555 | underline |
| markup.inline.raw, markup.fenced_code, markup.raw | #4D2100 | — |
| markup.quote | #4B575E | italic |
| markup.list, punctuation.definition.list | #7B1956 | — |
| markup.inserted, meta.diff.header.to-file | #003608 | — |
| markup.deleted, meta.diff.header.from-file | #6F000D | — |
| markup.changed | #724F00 | — |
| invalid, invalid.illegal | #6F000D | underline |
| invalid.deprecated | #724F00 | strikethrough |