use-focus
Publisher: DBXThemes in package: 1
Dark theme with orange highlights for focused coding
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#FFB173
- activityBar.background#0F0F0F
- activityBar.border#1C1C1C
- activityBar.foreground#D9D9D9
- activityBar.inactiveForeground#808080
- activityBarBadge.background#FF991C
- activityBarBadge.foreground#0F0F0F
- breadcrumb.activeSelectionForeground#FFECDD
- breadcrumb.background#0F0F0F
- breadcrumb.focusForeground#FFB173
- breadcrumb.foreground#808080
- button.background#FF991C
- button.foreground#0F0F0F
- button.hoverBackground#FFCE9D
- button.secondaryBackground#1C1C1C
- button.secondaryForeground#D9D9D9
- button.secondaryHoverBackground#202020
- checkbox.background#1C1C1C
- checkbox.border#FF991C33
- checkbox.foreground#FFECDD
- debugExceptionWidget.background#FF991C14
- debugExceptionWidget.border#FF991C
- debugTokenExpression.boolean#FF991C
- debugTokenExpression.name#FFB173
- debugTokenExpression.number#FFB173
- debugTokenExpression.value#FFECDD
- debugToolBar.background#1C1C1C
- debugToolBar.border#FF991C33
- descriptionForeground#C4C4C4
- diffEditor.border#FF991C33
- diffEditor.diagonalFill#202020
- diffEditor.insertedTextBackground#FF991C26
- diffEditor.removedTextBackground#FF991C26
- dropdown.background#1C1C1C
- dropdown.border#202020
- dropdown.foreground#D9D9D9
- editor.background#0F0F0F
- editor.findMatchBackground#FF991C66
- editor.findMatchBorder#FF991CB3
- editor.findMatchHighlightBackground#FFCE9D40
- editor.findRangeHighlightBackground#FF991C1F
- editor.focusedStackFrameHighlightBackground#FFB1731F
- editor.foldBackground#0F0F0FE0
- editor.foldPlaceholderForeground#FFCE9D
- editor.foreground#D9D9D9
- editor.hoverHighlightBackground#ff5e003a
- editor.inactiveSelectionBackground#FF991C33
- editor.lineHighlightBackground#1C1C1C
- editor.selectionBackground#FF991C22
- editor.selectionForeground#FFECDD
- editor.selectionHighlightBackground#FF991C33
- editor.selectionHighlightBorder#FF991C55
- editor.stackFrameHighlightBackground#FF991C26
- editor.wordHighlightBackground#FF991C1A
- editor.wordHighlightBorder#FF991C66
- editor.wordHighlightStrongBackground#FF991C33
- editor.wordHighlightStrongBorder#FF991C99
- editorBracketHighlight.foreground1#FF991C
- editorBracketHighlight.foreground2#FFCE9D
- editorBracketHighlight.foreground3#FFB173
- editorBracketHighlight.foreground4#FF991C
- editorBracketHighlight.foreground5#FFB173
- editorBracketHighlight.foreground6#FF991C
- editorBracketHighlight.unexpectedBracket.foreground#FF991C
- editorBracketMatch.background#FF991C30
- editorBracketMatch.border#FF991C80
- editorCursor.foreground#FFB173
- editorError.background#FF991C26
- editorError.foreground#FF991C
- editorGroup.border#1C1C1C
- editorGroup.dropBackground#FF991C22
- editorGroupHeader.noTabsBackground#0F0F0F
- editorGroupHeader.tabsBackground#0F0F0F
- editorHint.foreground#FF991C
- editorHoverWidget.background#1C1C1C
- editorHoverWidget.border#FF991C25
- editorIndentGuide.activeBackground1#FF991C2A
- editorIndentGuide.activeBackground2#FF991C18
- editorIndentGuide.background1#202020
- editorIndentGuide.background2#0F0F0F
- editorInfo.background#FFB1731A
- editorInfo.foreground#FFB173
- editorInlayHint.background#1F1F1F
- editorInlayHint.foreground#C4C4C4
- editorInlayHint.parameterBackground#202020
- editorInlayHint.parameterForeground#FFCE9D
- editorInlayHint.typeBackground#1C1C1C
- editorInlayHint.typeForeground#C4C4C4
- editorLineNumber.activeForeground#FFB173
- editorLineNumber.foreground#666666
- editorOverviewRuler.addedForeground#FF991CAA
- editorOverviewRuler.deletedForeground#FF991CAA
- editorOverviewRuler.errorForeground#FF991CAA
- editorOverviewRuler.infoForeground#FFB173AA
- editorOverviewRuler.modifiedForeground#FFB173AA
- editorOverviewRuler.warningForeground#FFB173AA
- editorRuler.foreground#FF991C1A
- editorStickyScroll.background#202020
- editorStickyScrollHover.background#202020
- editorSuggestWidget.background#1C1C1C
- editorSuggestWidget.border#FF991C25
- editorSuggestWidget.highlightForeground#FFCE9D
- editorSuggestWidget.selectedBackground#FF991C40
- editorWarning.background#FFB1731F
- editorWarning.foreground#FFB173
- editorWhitespace.foreground#666666
- editorWidget.background#1C1C1C
- editorWidget.border#FF991C25
- focusBorder#FF991C44
- foreground#D9D9D9
- gitDecoration.addedResourceForeground#FF991C
- gitDecoration.conflictingResourceForeground#FFB173
- gitDecoration.deletedResourceForeground#FF991C
- gitDecoration.ignoredResourceForeground#6E6E6E
- gitDecoration.modifiedResourceForeground#FFB173
- gitDecoration.submoduleResourceForeground#C4C4C4
- gitDecoration.untrackedResourceForeground#FF991C
- input.background#1C1C1C
- input.border#FF991C22
- input.foreground#D9D9D9
- input.placeholderForeground#808080
- inputOption.activeBackground#FF991C22
- inputOption.activeBorder#FF991C99
- inputOption.activeForeground#FFECDD
- list.activeSelectionBackground#FF991C24
- list.activeSelectionForeground#FFECDD
- list.activeSelectionIconForeground#FFECDD
- list.dropBackground#FF991C33
- list.errorForeground#FF991C
- list.filterMatchBackground#FFB17333
- list.focusAndSelectionOutline#FFB17380
- list.focusBackground#FF991C12
- list.focusForeground#FFECDD
- list.focusOutline#FF991C80
- list.highlightForeground#FFB173
- list.hoverBackground#1C1C1C
- list.inactiveSelectionBackground#FF991C12
- list.inactiveSelectionForeground#D9D9D9
- list.invalidItemForeground#FFB173
- list.warningForeground#FFB173
- listFilterWidget.background#FF991C12
- listFilterWidget.noMatchesOutline#FF991CAA
- listFilterWidget.outline#FF991C80
- menu.background#1C1C1C
- menu.border#FF991C12
- menu.foreground#D9D9D9
- menu.selectionBackground#FF991C24
- menu.selectionForeground#FFECDD
- menu.separatorBackground#FF991C12
- minimap.background#0F0F0F
- minimap.errorHighlight#FF991CAA
- minimap.findMatchHighlight#FF991C55
- minimap.selectionHighlight#FF991C55
- minimap.selectionOccurrenceHighlight#FF991C24
- minimap.warningHighlight#FFB173AA
- minimapGutter.addedBackground#FF991C
- minimapGutter.deletedBackground#FF991C
- minimapGutter.modifiedBackground#FFB173
- notebook.cellBorderColor#FF991C12
- notebook.cellToolbarSeparator#FF991C12
- notebook.focusedCellBorder#FF991C80
- notebook.focusedEditorBorder#FFB17366
- notebook.selectedCellBackground#FF991C12
- notebookStatusErrorIcon.foreground#FF991C
- notebookStatusRunningIcon.foreground#FFB173
- notebookStatusSuccessIcon.foreground#FF991C
- notificationCenterHeader.background#0F0F0F
- notificationCenterHeader.foreground#D9D9D9
- notifications.background#1C1C1C
- notifications.border#FF991C22
- notifications.foreground#D9D9D9
- notificationsErrorIcon.foreground#FF991C
- notificationsInfoIcon.foreground#FFB173
- notificationsWarningIcon.foreground#FFB173
- panel.background#0F0F0F
- panel.border#1C1C1C
- panel.dropBorder#FF991C55
- panelInput.border#FF991C12
- panelSectionHeader.background#1C1C1C
- panelSectionHeader.border#202020
- panelSectionHeader.foreground#FFECDD
- panelTitle.activeBorder#FFB17380
- panelTitle.activeForeground#FFECDD
- panelTitle.inactiveForeground#C4C4C4
- peekView.border#FF991C44
- peekViewEditor.background#0F0F0F
- peekViewEditor.matchHighlightBackground#FFB17333
- peekViewResult.background#0F0F0F
- peekViewResult.matchHighlightBackground#FFB17333
- peekViewResult.selectionBackground#FF991C40
- peekViewResult.selectionForeground#FFECDD
- peekViewTitle.background#0F0F0F
- peekViewTitleDescription.foreground#C4C4C4
- peekViewTitleLabel.foreground#FFECDD
- pickerGroup.border#FF991C44
- pickerGroup.foreground#FFB173
- problemsErrorIcon.foreground#FF991C
- problemsInfoIcon.foreground#FFB173
- problemsWarningIcon.foreground#FFB173
- progressBar.background#FF991C
- quickInput.background#0F0F0F
- quickInput.foreground#D9D9D9
- quickInputList.focusBackground#FF991C40
- quickInputList.focusForeground#FFECDD
- quickInputTitle.background#FF991C12
- sash.hoverBorder#FFB173
- scrollbarSlider.activeBackground#FF991C44
- scrollbarSlider.background#FF991C26
- scrollbarSlider.hoverBackground#FF991C33
- searchEditor.textInputBorder#FF991C33
- selection.background#FF991C22
- settings.dropdownBackground#1C1C1C
- settings.dropdownBorder#202020
- settings.headerForeground#FFECDD
- settings.modifiedItemIndicator#FFB173
- settings.textInputBackground#1C1C1C
- settings.textInputBorder#202020
- sideBar.background#0F0F0F
- sideBar.border#1C1C1C
- sideBar.dropBackground#FF991C22
- sideBar.foreground#C4C4C4
- sideBarSectionHeader.background#0F0F0F
- sideBarSectionHeader.foreground#D9D9D9
- sideBarTitle.foreground#C4C4C4
- statusBar.background#0F0F0F
- statusBar.border#1F1F1F
- statusBar.debuggingBackground#FF991C
- statusBar.debuggingForeground#0F0F0F
- statusBar.foreground#D9D9D9
- statusBar.noFolderBackground#0F0F0F
- statusBarItem.errorBackground#FF991C
- statusBarItem.errorForeground#0F0F0F
- statusBarItem.hoverBackground#FF991C24
- statusBarItem.prominentBackground#FF991C24
- statusBarItem.prominentHoverBackground#FF991C33
- statusBarItem.remoteBackground#E27D00
- statusBarItem.remoteForeground#D9D9D9
- statusBarItem.warningBackground#FFB173
- statusBarItem.warningForeground#0F0F0F
- tab.activeBackground#0F0F0F
- tab.activeBorder#0F0F0F
- tab.activeBorderTop#FFB173
- tab.activeForeground#F2F2F2
- tab.activeModifiedBorder#FFB173
- tab.border#1C1C1C
- tab.hoverBackground#1C1C1C
- tab.hoverBorder#FF991C40
- tab.hoverForeground#FFECDD
- tab.inactiveBackground#191919
- tab.inactiveForeground#808080
- tab.inactiveModifiedBorder#FF991C55
- tab.lastPinnedBorder#202020
- tab.unfocusedActiveBorderdefault
- tab.unfocusedHoverBackground#1F1F1F
- terminal.ansiBlack#1C1C1C
- terminal.ansiBlue#FFB173
- terminal.ansiBrightBlack#202020
- terminal.ansiBrightBlue#FFB173
- terminal.ansiBrightCyan#FFB173
- terminal.ansiBrightGreen#FFB173
- terminal.ansiBrightMagenta#FFCE9D
- terminal.ansiBrightRed#FF991C
- terminal.ansiBrightWhite#FFECDD
- terminal.ansiBrightYellow#FFCE9D
- terminal.ansiCyan#FFB173
- terminal.ansiGreen#FF991C
- terminal.ansiMagenta#FFCE9D
- terminal.ansiRed#FF991C
- terminal.ansiWhite#D9D9D9
- terminal.ansiYellow#FFB173
- terminal.background#0F0F0F
- terminal.foreground#D9D9D9
- terminal.selectionBackground#FF991C22
- terminalCommandDecoration.errorBackground#FF991C
- terminalCommandDecoration.successBackground#FF991C
- terminalCursor.foreground#FFB173
- titleBar.activeBackground#0F0F0F
- titleBar.activeForeground#D9D9D9
- titleBar.border#1F1F1F
- titleBar.inactiveBackground#0F0F0FCC
- titleBar.inactiveForeground#808080
- tree.indentGuidesStroke#FF991C1A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #1C82FF | italic |
| comment.keyword, comment.line.todo, comment.block.todo | #C4C4C4 | italic bold |
| storage.type.class.documentation, entity.name.type.instance.documentation, support.type.property-name.documentation | #767676 | — |
| keyword.declaration.variable, storage.type, storage.type.js, storage.type.jsx, storage.type.ts, storage.type.tsx, storage.type.javascript, storage.type.go, storage.type.variable, storage.type.variable.js, storage.type.variable.ts | #767676 | — |
| keyword, storage, keyword.operator | #767676 | — |
| keyword.control, meta.import, meta.export, keyword.other.unit | #767676 | — |
| keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.relational, punctuation.separator.key-value | #767676 | — |
| entity.name.function, support.function, meta.function-call, variable.function, support.constant.handlebars | #E0E0E0 | — |
| entity.name.type, entity.other.inherited-class, support.type, support.type.builtin, storage.type.cs, storage.type.java | #C4C4C4 | — |
| meta.object-literal.key, meta.object-literal.key punctuation.definition.string, support.type.property-name, variable.other.property, variable.other.object.property | #C4C4C4 | — |
| variable, meta.definition.variable, variable.other.readwrite, variable.parameter, variable.language.super | #C4C4C4 | — |
| support.constant, variable.other.constant, variable.other.enummember | #C4C4C4 | — |
| string, string.quoted, string.interpolated, string.template, string.regexp | #FF991C | — |
| constant.numeric | #FF991C | — |
| constant.language.boolean | #FF991C | — |
| constant.language.null, constant.language.undefined | #B36B14 | — |
| constant.other.character-class.regexp, constant.character.escape | #FF991C | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #6E6E6E | — |
| meta.tag, entity.name.tag | #666666 | — |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #C4C4C4 | italic |
| support.class.component | #B36B14 | — |
| meta.jsx.children, meta.jsx.children.jsxtext, text.html.basic - meta.tag - punctuation.definition.tag, text.html.derivative - meta.tag | #4F4F4F | — |
| meta.jsx.children meta.embedded.expression, meta.jsx.children variable, meta.embedded.block.expression, text.html.basic meta.embedded | #C4C4C4 | bold |
| punctuation, meta.brace, meta.delimiter, punctuation.definition.tag, punctuation.separator, punctuation.accessor, punctuation.section.embedded | #6E6E6E | — |
| support.type.property-name.json | #C4C4C4 | — |
| constant.character.entity, punctuation.definition.entity | #767676 | — |
| support.constant.property-value, support.constant.color, constant.other.color | #FF991C | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass, meta.property-name.css, meta.property-name.scss, meta.property-name.less, meta.property-name.sass | #666666 | — |
| meta.decorator, punctuation.decorator, storage.type.annotation, entity.name.function.decorator | #666666 | italic |
| markup.heading, markup.heading entity.name, entity.name.section | #C4C4C4 | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.quote | #808080 | italic |
| markup.inline.raw, markup.fenced_code | #D9D9D9 | — |
| meta.link, markup.underline.link, string.other.link | #C4C4C4 | — |
| markup.list, punctuation.definition.list | #C4C4C4 | — |
| markup.inserted, meta.diff.header.to-file | #C4C4C4 | — |
| markup.deleted, meta.diff.header.from-file | #C4C4C4 | — |
| markup.changed | #C4C4C4 | — |
| comment.inlineHint, markup.inlineHint, entity.name.type.hint | #C4C4C4 | italic |
| meta.annotation.hint | #C4C4C4 | — |
| meta.annotation.info | #C4C4C4 | — |
| meta.annotation.warning | #C4C4C4 | — |
| meta.annotation.error | #C4C4C4 | — |
| invalid, invalid.deprecated | #0F888A | — |