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#003A77
- activityBar.activeFocusBorder#003A77
- activityBar.background#FFFFFF
- activityBar.border#BEC8D4
- activityBar.dropBorder#003A77
- activityBar.foreground#2B2B28
- activityBar.inactiveForeground#4B575E
- activityBarBadge.background#003A77
- activityBarBadge.foreground#FAF9F6
- badge.background#003A77
- badge.foreground#FAF9F6
- breadcrumb.activeSelectionForeground#0F0F0E
- breadcrumb.focusForeground#2B2B28
- breadcrumb.foreground#4B575E
- breadcrumbPicker.background#FFFFFF
- button.background#003A77
- button.border#00000000
- button.foreground#FAF9F6
- button.hoverBackground#003064
- button.secondaryBackground#CBDAED
- button.secondaryForeground#2B2B28
- button.secondaryHoverBackground#BBCFE7
- button.separator#FAF9F6
- charts.blue#003A77
- charts.foreground#2B2B28
- charts.green#003D18
- charts.lines#BEC8D4
- charts.orange#8D3F00
- charts.purple#781A61
- charts.red#62000A
- charts.yellow#664500
- checkbox.background#FFFFFF
- checkbox.border#808A95
- checkbox.foreground#2B2B28
- checkbox.selectBackground#FFFFFF
- checkbox.selectBorder#003A77
- commandCenter.activeBackground#CBDAED
- commandCenter.activeForeground#2B2B28
- commandCenter.background#FFFFFF
- commandCenter.border#808A95
- commandCenter.foreground#2B2B28
- commandCenter.inactiveForeground#4B575E
- contrastActiveBorder#00000000
- debugIcon.breakpointForeground#62000A
- debugIcon.breakpointUnverifiedForeground#4B575E
- debugIcon.continueForeground#003A77
- debugIcon.pauseForeground#664500
- debugIcon.restartForeground#003D18
- debugIcon.startForeground#003D18
- debugIcon.stepIntoForeground#003A77
- debugIcon.stepOutForeground#003A77
- debugIcon.stepOverForeground#003A77
- debugIcon.stopForeground#62000A
- debugTokenExpression.boolean#8D3F00
- debugTokenExpression.error#62000A
- debugTokenExpression.name#003A77
- debugTokenExpression.number#8D3F00
- debugTokenExpression.string#003D18
- debugTokenExpression.value#2B2B28
- debugToolBar.background#FFFFFF
- debugToolBar.border#808A95
- descriptionForeground#4B575E
- diffEditor.border#BEC8D4
- diffEditor.diagonalFill#BEC8D4
- diffEditor.insertedLineBackground#AADAB68C
- diffEditor.insertedTextBackground#6ABF7C8C
- diffEditor.removedLineBackground#FFC1BC8C
- diffEditor.removedTextBackground#FC8F878C
- diffEditorGutter.insertedLineBackground#AADAB68C
- diffEditorGutter.removedLineBackground#FFC1BC8C
- diffEditorOverview.insertedForeground#003D18
- diffEditorOverview.removedForeground#62000A
- disabledForeground#4B575E
- dropdown.background#FFFFFF
- dropdown.border#808A95
- dropdown.foreground#2B2B28
- dropdown.listBackground#FFFFFF
- editor.background#FAF9F6
- editor.findMatchBackground#D2A35D8C
- editor.findMatchBorder#664500
- editor.findMatchHighlightBackground#EACA9D8C
- editor.findRangeHighlightBackground#DDEBFFF4
- editor.focusedStackFrameHighlightBackground#DFB77E8C
- editor.foreground#2B2B28
- editor.hoverHighlightBackground#DDEBFFF4
- editor.inactiveSelectionBackground#B5D1F48C
- editor.lineHighlightBackground#DBEAFD8C
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#DDEBFFF4
- editor.selectionBackground#80AEE78C
- editor.selectionHighlightBackground#B5D1F48C
- editor.selectionHighlightBorder#808A95
- editor.stackFrameHighlightBackground#DFB77E8C
- editor.symbolHighlightBackground#EACA9D8C
- editor.symbolHighlightBorder#664500
- editor.wordHighlightBackground#B5D1F48C
- editor.wordHighlightStrongBackground#9BC1EF8C
- editor.wordHighlightStrongBorder#808A95
- editor.wordHighlightTextBackground#B5D1F48C
- editorBracketHighlight.foreground1#003A77
- editorBracketHighlight.foreground2#781A61
- editorBracketHighlight.foreground3#664500
- editorBracketHighlight.foreground4#005F6B
- editorBracketHighlight.foreground5#8D3F00
- editorBracketHighlight.foreground6#003D18
- editorBracketHighlight.unexpectedBracket.foreground#62000A
- editorBracketMatch.background#DDEBFFF4
- editorBracketMatch.border#003A77
- editorCodeLens.foreground#4B575E
- editorCursor.background#FAF9F6
- editorCursor.foreground#0F0F0E
- editorError.foreground#62000A
- editorGhostText.border#00000000
- editorGhostText.foreground#4B575E
- editorGroup.border#BEC8D4
- editorGroup.dropBackground#BBCFE7
- editorGroupHeader.noTabsBackground#FAF9F6
- editorGroupHeader.tabsBackground#FFFFFF
- editorGroupHeader.tabsBorder#BEC8D4
- editorGutter.addedBackground#003D18
- editorGutter.background#FAF9F6
- editorGutter.deletedBackground#62000A
- editorGutter.foldingControlForeground#4B575E
- editorGutter.modifiedBackground#664500
- editorHint.foreground#005F6B
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#808A95
- editorHoverWidget.foreground#2B2B28
- editorHoverWidget.statusBarBackground#FFFFFF
- editorIndentGuide.activeBackground1#808A95
- editorIndentGuide.background1#BEC8D4
- editorInfo.foreground#003A77
- editorInlayHint.background#00000000
- editorInlayHint.foreground#4B575E
- editorLineNumber.activeForeground#0F0F0E
- editorLineNumber.dimmedForeground#4B575E
- editorLineNumber.foreground#4B575E
- editorLink.activeForeground#003A77
- editorMarkerNavigation.background#FFFFFF
- editorMarkerNavigationError.background#62000A
- editorMarkerNavigationInfo.background#003A77
- editorMarkerNavigationWarning.background#664500
- editorOverviewRuler.addedForeground#003D18
- editorOverviewRuler.border#00000000
- editorOverviewRuler.currentContentForeground#003D18
- editorOverviewRuler.deletedForeground#62000A
- editorOverviewRuler.errorForeground#62000A
- editorOverviewRuler.findMatchForeground#664500
- editorOverviewRuler.incomingContentForeground#003A77
- editorOverviewRuler.infoForeground#003A77
- editorOverviewRuler.modifiedForeground#664500
- editorOverviewRuler.selectionHighlightForeground#808A95
- editorOverviewRuler.warningForeground#664500
- editorRuler.foreground#BEC8D4
- editorStickyScroll.background#FAF9F6
- editorStickyScroll.shadow#00000024
- editorStickyScrollHover.background#CBDAED
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#808A95
- editorSuggestWidget.focusHighlightForeground#003064
- editorSuggestWidget.foreground#2B2B28
- editorSuggestWidget.highlightForeground#003A77
- editorSuggestWidget.selectedBackground#BBCFE7
- editorSuggestWidget.selectedForeground#0F0F0E
- editorSuggestWidgetStatus.foreground#4B575E
- editorUnnecessaryCode.border#4B575E
- editorUnnecessaryCode.opacity#000000FF
- editorWarning.foreground#664500
- editorWhitespace.foreground#BEC8D4
- editorWidget.background#FFFFFF
- editorWidget.border#808A95
- editorWidget.foreground#2B2B28
- editorWidget.resizeBorder#003A77
- errorForeground#62000A
- extensionBadge.remoteBackground#003A77
- extensionBadge.remoteForeground#FAF9F6
- extensionButton.prominentBackground#003A77
- extensionButton.prominentForeground#FAF9F6
- extensionButton.prominentHoverBackground#003064
- extensionIcon.starForeground#664500
- focusBorder#003A77
- foreground#2B2B28
- gitDecoration.addedResourceForeground#003D18
- gitDecoration.conflictingResourceForeground#781A61
- gitDecoration.deletedResourceForeground#62000A
- gitDecoration.ignoredResourceForeground#4B575E
- gitDecoration.modifiedResourceForeground#664500
- gitDecoration.renamedResourceForeground#005F6B
- gitDecoration.stageDeletedResourceForeground#62000A
- gitDecoration.stageModifiedResourceForeground#664500
- gitDecoration.submoduleResourceForeground#003A77
- gitDecoration.untrackedResourceForeground#003D18
- icon.foreground#2B2B28
- input.background#FFFFFF
- input.border#808A95
- input.foreground#2B2B28
- input.placeholderForeground#4B575E
- inputOption.activeBackground#BBCFE7
- inputOption.activeBorder#003A77
- inputOption.activeForeground#2B2B28
- inputOption.hoverBackground#CBDAED
- inputValidation.errorBackground#FFFFFF
- inputValidation.errorBorder#62000A
- inputValidation.errorForeground#2B2B28
- inputValidation.infoBackground#FFFFFF
- inputValidation.infoBorder#003A77
- inputValidation.infoForeground#2B2B28
- inputValidation.warningBackground#FFFFFF
- inputValidation.warningBorder#664500
- 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#62000A
- list.filterMatchBackground#EACA9D8C
- list.filterMatchBorder#664500
- list.focusAndSelectionOutline#003A77
- list.focusBackground#BBCFE7
- list.focusForeground#0F0F0E
- list.focusHighlightForeground#003064
- list.focusOutline#003A77
- list.highlightForeground#003A77
- list.hoverBackground#CBDAED
- list.hoverForeground#2B2B28
- list.inactiveFocusOutline#808A95
- list.inactiveSelectionBackground#CBDAED
- list.inactiveSelectionForeground#2B2B28
- list.invalidItemForeground#62000A
- list.warningForeground#664500
- listFilterWidget.background#FFFFFF
- listFilterWidget.noMatchesOutline#62000A
- listFilterWidget.outline#003A77
- 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#8FCB9D8C
- merge.currentHeaderBackground#8FCB9D8C
- merge.incomingContentBackground#94C1FB8C
- merge.incomingHeaderBackground#94C1FB8C
- minimap.background#FAF9F6
- minimap.errorHighlight#62000A
- minimap.findMatchHighlight#664500
- minimap.selectionHighlight#80AEE78C
- minimap.warningHighlight#664500
- minimapGutter.addedBackground#003D18
- minimapGutter.deletedBackground#62000A
- minimapGutter.modifiedBackground#664500
- minimapSlider.activeBackground#003A7780
- minimapSlider.background#808A9540
- minimapSlider.hoverBackground#808A9580
- notificationCenter.border#808A95
- notificationCenterHeader.background#FFFFFF
- notificationCenterHeader.foreground#2B2B28
- notificationLink.foreground#003A77
- notifications.background#FFFFFF
- notifications.border#808A95
- notifications.foreground#2B2B28
- notificationsErrorIcon.foreground#62000A
- notificationsInfoIcon.foreground#003A77
- notificationsWarningIcon.foreground#664500
- notificationToast.border#808A95
- panel.background#FAF9F6
- panel.border#BEC8D4
- panel.dropBorder#003A77
- panelInput.border#808A95
- panelSection.border#BEC8D4
- panelSectionHeader.background#FFFFFF
- panelSectionHeader.foreground#2B2B28
- panelTitle.activeBorder#003A77
- panelTitle.activeForeground#2B2B28
- panelTitle.inactiveForeground#4B575E
- peekView.border#003A77
- peekViewEditor.background#FFFFFF
- peekViewEditor.matchHighlightBackground#D2A35D8C
- peekViewEditorGutter.background#FFFFFF
- peekViewResult.background#FFFFFF
- peekViewResult.fileForeground#2B2B28
- peekViewResult.lineForeground#2B2B28
- peekViewResult.matchHighlightBackground#EACA9D8C
- peekViewResult.selectionBackground#BBCFE7
- peekViewResult.selectionForeground#0F0F0E
- peekViewTitle.background#FFFFFF
- peekViewTitleDescription.foreground#4B575E
- peekViewTitleLabel.foreground#2B2B28
- pickerGroup.border#BEC8D4
- pickerGroup.foreground#003A77
- problemsErrorIcon.foreground#62000A
- problemsInfoIcon.foreground#003A77
- problemsWarningIcon.foreground#664500
- progressBar.background#003A77
- quickInput.background#FFFFFF
- quickInput.foreground#2B2B28
- quickInputList.focusBackground#BBCFE7
- quickInputList.focusForeground#0F0F0E
- quickInputTitle.background#FFFFFF
- sash.hoverBorder#003A77
- scrollbar.shadow#00000024
- scrollbarSlider.activeBackground#003A77B3
- scrollbarSlider.background#808A9566
- scrollbarSlider.hoverBackground#808A95B3
- searchEditor.findMatchBackground#EACA9D8C
- searchEditor.findMatchBorder#664500
- selection.background#80AEE78C
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#808A95
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#808A95
- settings.focusedRowBackground#CBDAED
- settings.focusedRowBorder#003A77
- settings.headerForeground#0F0F0E
- settings.modifiedItemIndicator#003A77
- 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#8D3F00
- statusBar.debuggingBorder#8D3F00
- statusBar.debuggingForeground#FAF9F6
- statusBar.focusBorder#003A77
- statusBar.foreground#2B2B28
- statusBar.noFolderBackground#FFFFFF
- statusBar.noFolderForeground#2B2B28
- statusBarItem.activeBackground#BBCFE7
- statusBarItem.errorBackground#62000A
- statusBarItem.errorForeground#FAF9F6
- statusBarItem.hoverBackground#CBDAED
- statusBarItem.prominentBackground#BBCFE7
- statusBarItem.prominentForeground#2B2B28
- statusBarItem.remoteBackground#003A77
- statusBarItem.remoteForeground#FAF9F6
- statusBarItem.warningBackground#664500
- statusBarItem.warningForeground#FAF9F6
- tab.activeBackground#FAF9F6
- tab.activeBorder#FAF9F6
- tab.activeBorderTop#003A77
- tab.activeForeground#0F0F0E
- tab.activeModifiedBorder#664500
- tab.border#BEC8D4
- tab.hoverBackground#CBDAED
- tab.hoverForeground#2B2B28
- tab.inactiveBackground#FFFFFF
- tab.inactiveForeground#4B575E
- tab.inactiveModifiedBorder#664500
- tab.lastPinnedBorder#808A95
- tab.unfocusedActiveBackground#FAF9F6
- tab.unfocusedActiveBorderTop#808A95
- tab.unfocusedActiveForeground#2B2B28
- tab.unfocusedHoverBackground#CBDAED
- tab.unfocusedInactiveForeground#4B575E
- terminal.ansiBlack#E3E0D8
- terminal.ansiBlue#003A77
- terminal.ansiBrightBlack#4B575E
- terminal.ansiBrightBlue#003064
- terminal.ansiBrightCyan#004F5A
- terminal.ansiBrightGreen#003212
- terminal.ansiBrightMagenta#6C0056
- terminal.ansiBrightRed#500006
- terminal.ansiBrightWhite#0F0F0E
- terminal.ansiBrightYellow#563900
- terminal.ansiCyan#005F6B
- terminal.ansiGreen#003D18
- terminal.ansiMagenta#781A61
- terminal.ansiRed#62000A
- terminal.ansiWhite#2B2B28
- terminal.ansiYellow#664500
- terminal.background#FAF9F6
- terminal.border#BEC8D4
- terminal.findMatchBackground#D2A35D8C
- terminal.findMatchBorder#664500
- terminal.findMatchHighlightBackground#EACA9D8C
- terminal.foreground#2B2B28
- terminal.inactiveSelectionBackground#B5D1F48C
- terminal.selectionBackground#80AEE78C
- terminalCommandDecoration.defaultBackground#4B575E
- terminalCommandDecoration.errorBackground#62000A
- terminalCommandDecoration.successBackground#003D18
- terminalCursor.background#FAF9F6
- terminalCursor.foreground#0F0F0E
- testing.iconErrored#62000A
- testing.iconFailed#62000A
- testing.iconPassed#003D18
- testing.iconQueued#664500
- testing.iconSkipped#4B575E
- testing.iconUnset#4B575E
- testing.runAction#003D18
- textBlockQuote.background#FFFFFF
- textBlockQuote.border#003A77
- textCodeBlock.background#FFFFFF
- textLink.activeForeground#003064
- textLink.foreground#003A77
- textPreformat.background#FFFFFF
- textPreformat.foreground#8D3F00
- 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 | #781A61 | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #4E4E49 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.logical.python | #781A61 | — |
| string, string.quoted, string.template, punctuation.definition.string | #003D18 | — |
| string.regexp, constant.character.escape, constant.other.placeholder | #005F6B | — |
| constant.numeric, constant.language, constant.other, support.constant, variable.other.constant, variable.other.enummember | #8D3F00 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #003A77 | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.other.inherited-class, support.type, support.class, storage.type.primitive, storage.type.builtin | #664500 | — |
| entity.name.namespace, entity.name.module, entity.name.type.module | #003064 | — |
| variable, meta.definition.variable | #2B2B28 | — |
| variable.parameter, meta.parameter | #1C1C1A | — |
| variable.language, variable.language.this, variable.language.self | #62000A | italic |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, entity.name.variable.field | #005F6B | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator, storage.type.annotation | #004F5A | — |
| entity.name.function.macro, keyword.control.directive, keyword.control.import, keyword.control.export | #6C0056 | — |
| entity.name.tag, punctuation.definition.tag | #62000A | — |
| entity.other.attribute-name | #8D3F00 | — |
| support.type.property-name.json, support.type.property-name | #003A77 | — |
| markup.heading, entity.name.section | #003A77 | bold |
| markup.bold | #0F0F0E | bold |
| markup.italic | #2B2B28 | italic |
| markup.underline.link, string.other.link | #005F6B | underline |
| markup.inline.raw, markup.fenced_code, markup.raw | #8D3F00 | — |
| markup.quote | #4B575E | italic |
| markup.list, punctuation.definition.list | #781A61 | — |
| markup.inserted, meta.diff.header.to-file | #003D18 | — |
| markup.deleted, meta.diff.header.from-file | #62000A | — |
| markup.changed | #664500 | — |
| invalid, invalid.illegal | #62000A | underline |
| invalid.deprecated | #664500 | strikethrough |