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#004188
- activityBar.activeFocusBorder#004188
- activityBar.background#FFFFFF
- activityBar.border#BEC8D4
- activityBar.dropBorder#004188
- activityBar.foreground#2B2B28
- activityBar.inactiveForeground#4B575E
- activityBarBadge.background#004188
- activityBarBadge.foreground#FAF9F6
- badge.background#004188
- badge.foreground#FAF9F6
- breadcrumb.activeSelectionForeground#0F0F0E
- breadcrumb.focusForeground#2B2B28
- breadcrumb.foreground#4B575E
- breadcrumbPicker.background#FFFFFF
- button.background#004188
- button.border#00000000
- button.foreground#FAF9F6
- button.hoverBackground#003674
- button.secondaryBackground#CBDAED
- button.secondaryForeground#2B2B28
- button.secondaryHoverBackground#BBCFE7
- button.separator#FAF9F6
- charts.blue#004188
- charts.foreground#2B2B28
- charts.green#00614D
- charts.lines#BEC8D4
- charts.orange#603000
- charts.purple#611A6C
- charts.red#581600
- charts.yellow#664500
- checkbox.background#FFFFFF
- checkbox.border#808A95
- checkbox.foreground#2B2B28
- checkbox.selectBackground#FFFFFF
- checkbox.selectBorder#004188
- commandCenter.activeBackground#CBDAED
- commandCenter.activeForeground#2B2B28
- commandCenter.background#FFFFFF
- commandCenter.border#808A95
- commandCenter.foreground#2B2B28
- commandCenter.inactiveForeground#4B575E
- contrastActiveBorder#00000000
- debugIcon.breakpointForeground#581600
- debugIcon.breakpointUnverifiedForeground#4B575E
- debugIcon.continueForeground#004188
- debugIcon.pauseForeground#664500
- debugIcon.restartForeground#00614D
- debugIcon.startForeground#00614D
- debugIcon.stepIntoForeground#004188
- debugIcon.stepOutForeground#004188
- debugIcon.stepOverForeground#004188
- debugIcon.stopForeground#581600
- debugTokenExpression.boolean#603000
- debugTokenExpression.error#581600
- debugTokenExpression.name#004188
- debugTokenExpression.number#603000
- debugTokenExpression.string#00614D
- debugTokenExpression.value#2B2B28
- debugToolBar.background#FFFFFF
- debugToolBar.border#808A95
- descriptionForeground#4B575E
- diffEditor.border#BEC8D4
- diffEditor.diagonalFill#BEC8D4
- diffEditor.insertedLineBackground#9BDAC78C
- diffEditor.insertedTextBackground#4DC19D8C
- diffEditor.removedLineBackground#FCC1AF8C
- diffEditor.removedTextBackground#F691738C
- diffEditorGutter.insertedLineBackground#9BDAC78C
- diffEditorGutter.removedLineBackground#FCC1AF8C
- diffEditorOverview.insertedForeground#00614D
- diffEditorOverview.removedForeground#581600
- disabledForeground#4B575E
- dropdown.background#FFFFFF
- dropdown.border#808A95
- dropdown.foreground#2B2B28
- dropdown.listBackground#FFFFFF
- editor.background#FAF9F6
- editor.findMatchBackground#D0A25B8C
- editor.findMatchBorder#664500
- editor.findMatchHighlightBackground#E8CA9B8C
- editor.findRangeHighlightBackground#D8E8FFD8
- editor.focusedStackFrameHighlightBackground#DDB67C8C
- editor.foreground#2B2B28
- editor.hoverHighlightBackground#D8E8FFD8
- editor.inactiveSelectionBackground#B3CFF48C
- editor.lineHighlightBackground#D9E9FB8C
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#D8E8FFD8
- editor.selectionBackground#7EACE68C
- editor.selectionHighlightBackground#B3CFF48C
- editor.selectionHighlightBorder#808A95
- editor.stackFrameHighlightBackground#DDB67C8C
- editor.symbolHighlightBackground#E8CA9B8C
- editor.symbolHighlightBorder#664500
- editor.wordHighlightBackground#B3CFF48C
- editor.wordHighlightStrongBackground#99BFED8C
- editor.wordHighlightStrongBorder#808A95
- editor.wordHighlightTextBackground#B3CFF48C
- editorBracketHighlight.foreground1#004188
- editorBracketHighlight.foreground2#611A6C
- editorBracketHighlight.foreground3#664500
- editorBracketHighlight.foreground4#003A44
- editorBracketHighlight.foreground5#603000
- editorBracketHighlight.foreground6#00614D
- editorBracketHighlight.unexpectedBracket.foreground#581600
- editorBracketMatch.background#D8E8FFD8
- editorBracketMatch.border#004188
- editorCodeLens.foreground#4B575E
- editorCursor.background#FAF9F6
- editorCursor.foreground#0F0F0E
- editorError.foreground#581600
- editorGhostText.border#00000000
- editorGhostText.foreground#4B575E
- editorGroup.border#BEC8D4
- editorGroup.dropBackground#BBCFE7
- editorGroupHeader.noTabsBackground#FAF9F6
- editorGroupHeader.tabsBackground#FFFFFF
- editorGroupHeader.tabsBorder#BEC8D4
- editorGutter.addedBackground#00614D
- editorGutter.background#FAF9F6
- editorGutter.deletedBackground#581600
- editorGutter.foldingControlForeground#4B575E
- editorGutter.modifiedBackground#664500
- editorHint.foreground#003A44
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#808A95
- editorHoverWidget.foreground#2B2B28
- editorHoverWidget.statusBarBackground#FFFFFF
- editorIndentGuide.activeBackground1#808A95
- editorIndentGuide.background1#BEC8D4
- editorInfo.foreground#004188
- editorInlayHint.background#00000000
- editorInlayHint.foreground#4B575E
- editorLineNumber.activeForeground#0F0F0E
- editorLineNumber.dimmedForeground#4B575E
- editorLineNumber.foreground#4B575E
- editorLink.activeForeground#004188
- editorMarkerNavigation.background#FFFFFF
- editorMarkerNavigationError.background#581600
- editorMarkerNavigationInfo.background#004188
- editorMarkerNavigationWarning.background#664500
- editorOverviewRuler.addedForeground#00614D
- editorOverviewRuler.border#00000000
- editorOverviewRuler.currentContentForeground#00614D
- editorOverviewRuler.deletedForeground#581600
- editorOverviewRuler.errorForeground#581600
- editorOverviewRuler.findMatchForeground#664500
- editorOverviewRuler.incomingContentForeground#004188
- editorOverviewRuler.infoForeground#004188
- 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#003674
- editorSuggestWidget.foreground#2B2B28
- editorSuggestWidget.highlightForeground#004188
- 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#004188
- errorForeground#581600
- extensionBadge.remoteBackground#004188
- extensionBadge.remoteForeground#FAF9F6
- extensionButton.prominentBackground#004188
- extensionButton.prominentForeground#FAF9F6
- extensionButton.prominentHoverBackground#003674
- extensionIcon.starForeground#664500
- focusBorder#004188
- foreground#2B2B28
- gitDecoration.addedResourceForeground#00614D
- gitDecoration.conflictingResourceForeground#611A6C
- gitDecoration.deletedResourceForeground#581600
- gitDecoration.ignoredResourceForeground#4B575E
- gitDecoration.modifiedResourceForeground#664500
- gitDecoration.renamedResourceForeground#003A44
- gitDecoration.stageDeletedResourceForeground#581600
- gitDecoration.stageModifiedResourceForeground#664500
- gitDecoration.submoduleResourceForeground#004188
- gitDecoration.untrackedResourceForeground#00614D
- icon.foreground#2B2B28
- input.background#FFFFFF
- input.border#808A95
- input.foreground#2B2B28
- input.placeholderForeground#4B575E
- inputOption.activeBackground#BBCFE7
- inputOption.activeBorder#004188
- inputOption.activeForeground#2B2B28
- inputOption.hoverBackground#CBDAED
- inputValidation.errorBackground#FFFFFF
- inputValidation.errorBorder#581600
- inputValidation.errorForeground#2B2B28
- inputValidation.infoBackground#FFFFFF
- inputValidation.infoBorder#004188
- 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#581600
- list.filterMatchBackground#E8CA9B8C
- list.filterMatchBorder#664500
- list.focusAndSelectionOutline#004188
- list.focusBackground#BBCFE7
- list.focusForeground#0F0F0E
- list.focusHighlightForeground#003674
- list.focusOutline#004188
- list.highlightForeground#004188
- list.hoverBackground#CBDAED
- list.hoverForeground#2B2B28
- list.inactiveFocusOutline#808A95
- list.inactiveSelectionBackground#CBDAED
- list.inactiveSelectionForeground#2B2B28
- list.invalidItemForeground#581600
- list.warningForeground#664500
- listFilterWidget.background#FFFFFF
- listFilterWidget.noMatchesOutline#581600
- listFilterWidget.outline#004188
- 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#7CCBB38C
- merge.currentHeaderBackground#7CCBB38C
- merge.incomingContentBackground#94BFFA8C
- merge.incomingHeaderBackground#94BFFA8C
- minimap.background#FAF9F6
- minimap.errorHighlight#581600
- minimap.findMatchHighlight#664500
- minimap.selectionHighlight#7EACE68C
- minimap.warningHighlight#664500
- minimapGutter.addedBackground#00614D
- minimapGutter.deletedBackground#581600
- minimapGutter.modifiedBackground#664500
- minimapSlider.activeBackground#00418880
- minimapSlider.background#808A9540
- minimapSlider.hoverBackground#808A9580
- notificationCenter.border#808A95
- notificationCenterHeader.background#FFFFFF
- notificationCenterHeader.foreground#2B2B28
- notificationLink.foreground#004188
- notifications.background#FFFFFF
- notifications.border#808A95
- notifications.foreground#2B2B28
- notificationsErrorIcon.foreground#581600
- notificationsInfoIcon.foreground#004188
- notificationsWarningIcon.foreground#664500
- notificationToast.border#808A95
- panel.background#FAF9F6
- panel.border#BEC8D4
- panel.dropBorder#004188
- panelInput.border#808A95
- panelSection.border#BEC8D4
- panelSectionHeader.background#FFFFFF
- panelSectionHeader.foreground#2B2B28
- panelTitle.activeBorder#004188
- panelTitle.activeForeground#2B2B28
- panelTitle.inactiveForeground#4B575E
- peekView.border#004188
- peekViewEditor.background#FFFFFF
- peekViewEditor.matchHighlightBackground#D0A25B8C
- peekViewEditorGutter.background#FFFFFF
- peekViewResult.background#FFFFFF
- peekViewResult.fileForeground#2B2B28
- peekViewResult.lineForeground#2B2B28
- peekViewResult.matchHighlightBackground#E8CA9B8C
- peekViewResult.selectionBackground#BBCFE7
- peekViewResult.selectionForeground#0F0F0E
- peekViewTitle.background#FFFFFF
- peekViewTitleDescription.foreground#4B575E
- peekViewTitleLabel.foreground#2B2B28
- pickerGroup.border#BEC8D4
- pickerGroup.foreground#004188
- problemsErrorIcon.foreground#581600
- problemsInfoIcon.foreground#004188
- problemsWarningIcon.foreground#664500
- progressBar.background#004188
- quickInput.background#FFFFFF
- quickInput.foreground#2B2B28
- quickInputList.focusBackground#BBCFE7
- quickInputList.focusForeground#0F0F0E
- quickInputTitle.background#FFFFFF
- sash.hoverBorder#004188
- scrollbar.shadow#00000024
- scrollbarSlider.activeBackground#004188B3
- scrollbarSlider.background#808A9566
- scrollbarSlider.hoverBackground#808A95B3
- searchEditor.findMatchBackground#E8CA9B8C
- searchEditor.findMatchBorder#664500
- selection.background#7EACE68C
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#808A95
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#808A95
- settings.focusedRowBackground#CBDAED
- settings.focusedRowBorder#004188
- settings.headerForeground#0F0F0E
- settings.modifiedItemIndicator#004188
- 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#603000
- statusBar.debuggingBorder#603000
- statusBar.debuggingForeground#FAF9F6
- statusBar.focusBorder#004188
- statusBar.foreground#2B2B28
- statusBar.noFolderBackground#FFFFFF
- statusBar.noFolderForeground#2B2B28
- statusBarItem.activeBackground#BBCFE7
- statusBarItem.errorBackground#581600
- statusBarItem.errorForeground#FAF9F6
- statusBarItem.hoverBackground#CBDAED
- statusBarItem.prominentBackground#BBCFE7
- statusBarItem.prominentForeground#2B2B28
- statusBarItem.remoteBackground#004188
- statusBarItem.remoteForeground#FAF9F6
- statusBarItem.warningBackground#664500
- statusBarItem.warningForeground#FAF9F6
- tab.activeBackground#FAF9F6
- tab.activeBorder#FAF9F6
- tab.activeBorderTop#004188
- 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#004188
- terminal.ansiBrightBlack#4B575E
- terminal.ansiBrightBlue#003674
- terminal.ansiBrightCyan#002F39
- terminal.ansiBrightGreen#005140
- terminal.ansiBrightMagenta#580065
- terminal.ansiBrightRed#471000
- terminal.ansiBrightWhite#0F0F0E
- terminal.ansiBrightYellow#563900
- terminal.ansiCyan#003A44
- terminal.ansiGreen#00614D
- terminal.ansiMagenta#611A6C
- terminal.ansiRed#581600
- terminal.ansiWhite#2B2B28
- terminal.ansiYellow#664500
- terminal.background#FAF9F6
- terminal.border#BEC8D4
- terminal.findMatchBackground#D0A25B8C
- terminal.findMatchBorder#664500
- terminal.findMatchHighlightBackground#E8CA9B8C
- terminal.foreground#2B2B28
- terminal.inactiveSelectionBackground#B3CFF48C
- terminal.selectionBackground#7EACE68C
- terminalCommandDecoration.defaultBackground#4B575E
- terminalCommandDecoration.errorBackground#581600
- terminalCommandDecoration.successBackground#00614D
- terminalCursor.background#FAF9F6
- terminalCursor.foreground#0F0F0E
- testing.iconErrored#581600
- testing.iconFailed#581600
- testing.iconPassed#00614D
- testing.iconQueued#664500
- testing.iconSkipped#4B575E
- testing.iconUnset#4B575E
- testing.runAction#00614D
- textBlockQuote.background#FFFFFF
- textBlockQuote.border#004188
- textCodeBlock.background#FFFFFF
- textLink.activeForeground#003674
- textLink.foreground#004188
- textPreformat.background#FFFFFF
- textPreformat.foreground#603000
- 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 | #611A6C | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #4E4E49 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.logical.python | #611A6C | — |
| string, string.quoted, string.template, punctuation.definition.string | #00614D | — |
| string.regexp, constant.character.escape, constant.other.placeholder | #003A44 | — |
| constant.numeric, constant.language, constant.other, support.constant, variable.other.constant, variable.other.enummember | #603000 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #004188 | — |
| 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 | #003674 | — |
| variable, meta.definition.variable | #2B2B28 | — |
| variable.parameter, meta.parameter | #1C1C1A | — |
| variable.language, variable.language.this, variable.language.self | #581600 | italic |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, entity.name.variable.field | #003A44 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator, storage.type.annotation | #002F39 | — |
| entity.name.function.macro, keyword.control.directive, keyword.control.import, keyword.control.export | #580065 | — |
| entity.name.tag, punctuation.definition.tag | #581600 | — |
| entity.other.attribute-name | #603000 | — |
| support.type.property-name.json, support.type.property-name | #004188 | — |
| markup.heading, entity.name.section | #004188 | bold |
| markup.bold | #0F0F0E | bold |
| markup.italic | #2B2B28 | italic |
| markup.underline.link, string.other.link | #003A44 | underline |
| markup.inline.raw, markup.fenced_code, markup.raw | #603000 | — |
| markup.quote | #4B575E | italic |
| markup.list, punctuation.definition.list | #611A6C | — |
| markup.inserted, meta.diff.header.to-file | #00614D | — |
| markup.deleted, meta.diff.header.from-file | #581600 | — |
| markup.changed | #664500 | — |
| invalid, invalid.illegal | #581600 | underline |
| invalid.deprecated | #664500 | strikethrough |