Brackets Refined
Publisher: NeroWolfeThemes in package: 1
A carefully refined dark theme inspired by Brackets, built for modern Visual Studio Code.
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#1B1E20
- activityBar.activeBorder#61AFEF
- activityBar.background#181A1B
- activityBar.border#2C3136
- activityBar.dropBorder#61AFEF
- activityBar.foreground#D8DEE9
- activityBar.inactiveForeground#6F7680
- activityBarBadge.background#2F5F91
- activityBarBadge.foreground#FFFFFF
- activityBarTop.activeBorder#61AFEF
- activityBarTop.background#181A1B
- badge.background#2F5F91
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.background#1B1D1E
- breadcrumb.focusForeground#D8DEE9
- breadcrumb.foreground#9FA8B3
- button.background#2F5F91
- button.border#2C3136
- button.foreground#FFFFFF
- button.hoverBackground#376A9E
- button.secondaryBackground#2C3136
- button.secondaryForeground#D8DEE9
- button.secondaryHoverBackground#353A40
- button.separator#FFFFFF20
- chat.requestBackground#202325
- chat.slashCommandBackground#264F78
- chat.slashCommandForeground#FFFFFF
- checkbox.background#202325
- checkbox.border#2C3136
- checkbox.foreground#61AFEF
- commandCenter.activeBackground#272B2F
- commandCenter.activeBorder#61AFEF
- commandCenter.background#202325
- commandCenter.border#2C3136
- commandCenter.foreground#D8DEE9
- commandCenter.inactiveForeground#8B949E
- debugConsole.errorForeground#E06C75
- debugConsole.infoForeground#61AFEF
- debugConsole.warningForeground#E5C07B
- debugExceptionWidget.background#1D2023
- debugExceptionWidget.border#E06C75
- debugIcon.breakpointCurrentStackframeForeground#98C379
- debugIcon.breakpointDisabledForeground#6F7680
- debugIcon.breakpointForeground#E06C75
- debugIcon.breakpointStackframeForeground#E5C07B
- debugTokenExpression.boolean#C678DD
- debugTokenExpression.error#E06C75
- debugTokenExpression.name#61AFEF
- debugTokenExpression.number#D19A66
- debugTokenExpression.string#98C379
- debugTokenExpression.value#98C379
- debugToolBar.background#202325
- descriptionForeground#8B949E
- diffEditor.border#2C3136
- diffEditor.diagonalFill#23272B
- diffEditor.insertedLineBackground#98C37914
- diffEditor.insertedTextBackground#98C37930
- diffEditor.removedLineBackground#E06C7514
- diffEditor.removedTextBackground#E06C7530
- diffEditorOverview.insertedForeground#98C379
- diffEditorOverview.removedForeground#E06C75
- disabledForeground#6B7280
- dropdown.background#202325
- dropdown.border#2C3136
- dropdown.foreground#D8DEE9
- dropdown.listBackground#1D2023
- editor.background#181A1B
- editor.findMatchBackground#D19A6640
- editor.findMatchBorder#D19A66
- editor.findMatchHighlightBackground#D19A6625
- editor.findRangeHighlightBackground#3A3F4440
- editor.foreground#D8DEE9
- editor.inactiveSelectionBackground#2A445650
- editor.lineHighlightBackground#202428
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#264F78
- editor.selectionHighlightBackground#61AFEF20
- editor.wordHighlightBackground#61AFEF18
- editor.wordHighlightBorder#61AFEF60
- editor.wordHighlightStrongBackground#61AFEF30
- editor.wordHighlightStrongBorder#61AFEF90
- editorBracketMatch.background#61AFEF22
- editorBracketMatch.border#61AFEF
- editorCursor.foreground#61AFEF
- editorError.border#E06C75
- editorError.foreground#E06C75
- editorGroup.border#2C3136
- editorGroupHeader.tabsBackground#202325
- editorGroupHeader.tabsBorder#2C3136
- editorGutter.addedBackground#98C379
- editorGutter.background#181A1B
- editorGutter.commentRangeForeground#5C6370
- editorGutter.deletedBackground#E06C75
- editorGutter.foldingControlForeground#8B949E
- editorGutter.modifiedBackground#61AFEF
- editorHint.border#98C379
- editorHint.foreground#98C379
- editorHoverWidget.background#1F2327
- editorHoverWidget.border#2C3136
- editorHoverWidget.foreground#D8DEE9
- editorHoverWidget.highlightForeground#61AFEF
- editorIndentGuide.activeBackground1#4B5560
- editorIndentGuide.background1#2C3136
- editorInfo.border#61AFEF
- editorInfo.foreground#61AFEF
- editorLineNumber.activeForeground#D4D4D4
- editorLineNumber.foreground#5F6670
- editorLink.activeForeground#61AFEF
- editorOverviewRuler.addedForeground#98C379
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#E06C75
- editorOverviewRuler.errorForeground#E06C75
- editorOverviewRuler.infoForeground#61AFEF
- editorOverviewRuler.modifiedForeground#61AFEF
- editorOverviewRuler.warningForeground#E5C07B
- editorSuggestWidget.background#1D2023
- editorSuggestWidget.border#2C3136
- editorSuggestWidget.focusHighlightForeground#74B9FF
- editorSuggestWidget.foreground#D8DEE9
- editorSuggestWidget.highlightForeground#61AFEF
- editorSuggestWidget.selectedBackground#2A4456
- editorSuggestWidget.selectedForeground#FFFFFF
- editorSuggestWidgetStatus.foreground#8B949E
- editorUnicodeHighlight.background#E5C07B22
- editorUnicodeHighlight.border#E5C07B
- editorWarning.border#E5C07B
- editorWarning.foreground#E5C07B
- editorWhitespace.foreground#3A3D40
- editorWidget.background#202325
- editorWidget.border#2C3136
- editorWidget.foreground#D8DEE9
- errorForeground#E06C75
- focusBorder#61AFEF
- foreground#D8DEE9
- gitDecoration.addedResourceForeground#98C379
- gitDecoration.conflictingResourceForeground#E5C07B
- gitDecoration.deletedResourceForeground#E06C75
- gitDecoration.ignoredResourceForeground#6F7680
- gitDecoration.modifiedResourceForeground#61AFEF
- gitDecoration.renamedResourceForeground#56B6C2
- gitDecoration.submoduleResourceForeground#C678DD
- gitDecoration.untrackedResourceForeground#98C379
- icon.foreground#A6B0BB
- input.background#202325
- input.border#2C3136
- input.foreground#D8DEE9
- input.placeholderForeground#6F7680
- inputOption.activeBackground#61AFEF18
- inputOption.activeBorder#61AFEF
- inputOption.hoverBackground#23272B
- inputValidation.errorBackground#E06C7522
- inputValidation.errorBorder#E06C75
- inputValidation.infoBackground#61AFEF22
- inputValidation.infoBorder#61AFEF
- inputValidation.warningBackground#E5C07B22
- inputValidation.warningBorder#E5C07B
- list.activeSelectionBackground#2A4456
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#264F78
- list.errorForeground#E06C75
- list.focusBackground#2A4456
- list.focusForeground#FFFFFF
- list.focusOutline#61AFEF
- list.highlightForeground#61AFEF
- list.hoverBackground#23272B
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#252A2F
- list.inactiveSelectionForeground#D8DEE9
- list.warningForeground#E5C07B
- listFilterWidget.background#1D2023
- listFilterWidget.noMatchesOutline#E06C75
- listFilterWidget.outline#2C3136
- menu.background#202325
- menu.foreground#D8DEE9
- menu.selectionBackground#264F78
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#2C3136
- menubar.selectionForeground#FFFFFF
- merge.border#2C3136
- merge.commonContentBackground#E5C07B11
- merge.commonHeaderBackground#E5C07B33
- merge.currentContentBackground#61AFEF11
- merge.currentHeaderBackground#61AFEF33
- merge.incomingContentBackground#98C37911
- merge.incomingHeaderBackground#98C37933
- minimap.background#181A1B
- minimap.errorHighlight#E06C7580
- minimap.findMatchHighlight#D19A6680
- minimap.selectionHighlight#61AFEF50
- minimap.warningHighlight#E5C07B80
- minimapSlider.activeBackground#61AFEF55
- minimapSlider.background#5C637033
- minimapSlider.hoverBackground#5C637055
- notebook.cellBorderColor#2C3136
- notebook.cellHoverBackground#25282A
- notebook.focusedCellBorder#61AFEF
- notebook.focusedEditorBorder#61AFEF
- notebookStatusErrorIcon.foreground#E06C75
- notebookStatusRunningIcon.foreground#61AFEF
- notebookStatusSuccessIcon.foreground#98C379
- notificationCenterHeader.background#181A1B
- notificationCenterHeader.foreground#D8DEE9
- notificationLink.foreground#61AFEF
- notifications.background#1D2023
- notifications.border#2C3136
- notifications.foreground#D8DEE9
- notificationsErrorIcon.foreground#E06C75
- notificationsInfoIcon.foreground#61AFEF
- notificationsWarningIcon.foreground#E5C07B
- panel.background#181A1B
- panel.border#2C3136
- panel.dropBorder#61AFEF
- panelInput.border#61AFEF
- panelSection.border#2C3136
- panelSection.dropBackground#61AFEF22
- panelSectionHeader.background#1D2023
- panelSectionHeader.border#2C3136
- panelSectionHeader.foreground#D8DEE9
- panelTitle.activeBorder#61AFEF
- panelTitle.activeForeground#FFFFFF
- panelTitle.border#2C3136
- panelTitle.inactiveForeground#8B949E
- peekView.border#61AFEF
- peekViewEditor.background#181A1B
- peekViewEditor.matchHighlightBackground#D19A6644
- peekViewEditorGutter.background#181A1B
- peekViewResult.background#202325
- peekViewResult.matchHighlightBackground#61AFEF22
- peekViewResult.selectionBackground#264F78
- peekViewTitle.background#191B1C
- peekViewTitleDescription.foreground#8B949E
- peekViewTitleLabel.foreground#FFFFFF
- problemsErrorIcon.foreground#E06C75
- problemsInfoIcon.foreground#61AFEF
- problemsWarningIcon.foreground#E5C07B
- progressBar.background#61AFEF
- quickInput.background#202325
- quickInput.foreground#D8DEE9
- quickInputList.focusBackground#264F78
- quickInputList.focusForeground#FFFFFF
- quickInputTitle.background#1D2023
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#61AFEF55
- scrollbarSlider.background#5C637033
- scrollbarSlider.hoverBackground#5C637055
- search.resultsInfoForeground#8A9099
- selection.background#61AFEF40
- sideBar.background#181A1B
- sideBar.border#2C3136
- sideBar.foreground#D8DEE9
- sideBarSectionHeader.background#1D2023
- sideBarSectionHeader.border#2C3136
- sideBarSectionHeader.foreground#D8DEE9
- sideBarTitle.foreground#FFFFFF
- statusBar.background#1A1D20
- statusBar.border#2C3136
- statusBar.debuggingBackground#D19A66
- statusBar.debuggingForeground#181A1B
- statusBar.focusBorder#61AFEF
- statusBar.foreground#D8DEE9
- statusBar.noFolderBackground#191B1C
- statusBar.noFolderForeground#D8DEE9
- statusBarItem.errorBackground#E06C75
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.focusBorder#61AFEF
- statusBarItem.hoverBackground#2C3032
- statusBarItem.prominentBackground#2C3032
- statusBarItem.prominentHoverBackground#353A40
- statusBarItem.remoteBackground#2F5F91
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#8D6A34
- statusBarItem.warningForeground#FFFFFF
- statusBarItem.warningHoverBackground#A87936
- symbolIcon.arrayForeground#98C379
- symbolIcon.booleanForeground#C678DD
- symbolIcon.classForeground#E5C07B
- symbolIcon.constantForeground#D19A66
- symbolIcon.constructorForeground#E5C07B
- symbolIcon.enumeratorForeground#56B6C2
- symbolIcon.fieldForeground#98C379
- symbolIcon.functionForeground#74B9FF
- symbolIcon.interfaceForeground#E5C07B
- symbolIcon.keywordForeground#E06C75
- symbolIcon.methodForeground#74B9FF
- symbolIcon.moduleForeground#C678DD
- symbolIcon.namespaceForeground#56B6C2
- symbolIcon.objectForeground#D19A66
- symbolIcon.operatorForeground#E06C75
- symbolIcon.packageForeground#C678DD
- symbolIcon.propertyForeground#D19A66
- symbolIcon.structForeground#E5C07B
- symbolIcon.typeParameterForeground#C678DD
- symbolIcon.variableForeground#98C379
- tab.activeBackground#22262A
- tab.activeBorder#2E3438
- tab.activeForeground#F2F2F2
- tab.activeModifiedBorder#61AFEF
- tab.border#2C3136
- tab.hoverBackground#272B30
- tab.hoverForeground#FFFFFF
- tab.inactiveBackground#1A1C1E
- tab.inactiveForeground#8B949E
- tab.inactiveModifiedBorder#4A5C6A
- tab.unfocusedActiveBackground#1F2225
- tab.unfocusedInactiveBackground#1A1C1E
- terminal.ansiBlack#181A1B
- terminal.ansiBlue#61AFEF
- terminal.ansiBrightBlack#5C6370
- terminal.ansiBrightBlue#7DC4FF
- terminal.ansiBrightCyan#7FD8D8
- terminal.ansiBrightGreen#A8D98A
- terminal.ansiBrightMagenta#D69CF0
- terminal.ansiBrightRed#F28B94
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F0D58A
- terminal.ansiCyan#5CBFC6
- terminal.ansiGreen#98C379
- terminal.ansiMagenta#C678DD
- terminal.ansiRed#E06C75
- terminal.ansiWhite#D8DEE9
- terminal.ansiYellow#E9C97D
- terminal.background#181A1B
- terminal.border#2C3136
- terminal.dropBackground#61AFEF22
- terminal.findMatchBackground#61AFEF40
- terminal.findMatchBorder#61AFEF
- terminal.foreground#D8DEE9
- terminal.selectionBackground#61AFEF30
- terminalCursor.background#181A1B
- terminalCursor.foreground#61AFEF
- testing.iconErrored#E06C75
- testing.iconFailed#E06C75
- testing.iconPassed#98C379
- testing.iconQueued#61AFEF
- testing.iconSkipped#E5C07B
- testing.iconUnset#8B949E
- textLink.activeForeground#7DC4FF
- textLink.foreground#61AFEF
- titleBar.activeBackground#1A1D20
- titleBar.activeForeground#D8DEE9
- titleBar.border#32363A
- titleBar.inactiveBackground#181A1B
- titleBar.inactiveForeground#7E8792
- toolbar.hoverBackground#2A2D2E
- tree.indentGuidesStroke#2C3136
- window.activeBorder#202325
- window.inactiveBorder#181A1B
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6F7681 | italic |
| keyword, storage, storage.type, storage.modifier | #C678DD | — |
| keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.return | #C678DD | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.logical, keyword.operator.comparison, keyword.operator.arithmetic | #56B6C2 | — |
| string, string.quoted, string.template | #98C379 | — |
| constant.character.escape | #56B6C2 | — |
| constant.numeric | #D19A66 | — |
| constant.numeric.css, keyword.other.unit | #E5C07B | — |
| constant.language.boolean | #D19A66 | — |
| constant.language, constant.other | #D19A66 | — |
| variable | #E8E8E8 | — |
| variable.language.this, variable.language.this.ts, variable.language.this.js, variable.language.self | #D19A66 | — |
| variable.other.constant, variable.other.constant.ts, variable.other.constant.js | #D19A66 | — |
| variable.parameter | #D19A66 | — |
| entity.name.function, support.function | #74B9FF | — |
| entity.name.function.member, support.function.method, variable.function | #74B9FF | — |
| entity.name.class, entity.name.type, support.class, entity.other.inherited-class | #E5C07B | — |
| entity.name.interface | #E5C07B | — |
| entity.name.namespace | #56B6C2 | — |
| support.type, storage.type | #E5C07B | — |
| meta.decorator, entity.name.function.decorator | #3FA9F5 | — |
| string.regexp | #98C379 | — |
| invalid, invalid.illegal | #FFFFFF | bold |
| entity.name.label | #E5C07B | — |