UltraFocus-Theme
Publisher: dragon_yashThemes in package: 1
An vs code theme based for long coding sessions and improved focus at the same time. In the first it may not look good for sure but believe me this is very helpful.
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.background#0a0e1a
- activityBar.foreground#7bed9f
- activityBar.inactiveForeground#57606f
- activityBarBadge.background#ff6b81
- activityBarBadge.foreground#ffffff
- breadcrumb.activeSelectionForeground#7bed9f
- breadcrumb.background#0a0e1a
- breadcrumb.focusForeground#a4b3c7
- breadcrumb.foreground#57606f
- button.background#7bed9f
- button.foreground#0a0e1a
- button.hoverBackground#5fc599
- button.secondaryBackground#2c2c54
- button.secondaryForeground#e8f4fd
- button.secondaryHoverBackground#40407a
- descriptionForeground#a4b3c7
- editor.background#0a0e1a
- editor.findMatchBackground#ffa502c0
- editor.findMatchHighlightBackground#ffa50260
- editor.foreground#e8f4fd
- editor.hoverHighlightBackground#2d374870
- editor.lineHighlightBackground#1a1f2e
- editor.selectionBackground#2d3748
- editor.selectionHighlightBackground#2d374850
- editor.wordHighlightBackground#57606f40
- editor.wordHighlightStrongBackground#57606f70
- editorCursor.foreground#7bed9f
- editorError.border#ff4757
- editorError.foreground#ff4757
- editorGroupHeader.tabsBackground#0a0e1a
- editorGroupHeader.tabsBorder#2c2c54
- editorHint.border#a55eea
- editorHint.foreground#a55eea
- editorHoverWidget.background#1a1f2e
- editorHoverWidget.border#2c2c54
- editorIndentGuide.activeBackground1#40407a
- editorIndentGuide.background1#2c2c54
- editorInfo.border#70a1ff
- editorInfo.foreground#70a1ff
- editorLineNumber.activeForeground#a4b3c7
- editorLineNumber.foreground#57606f
- editorRuler.foreground#2c2c54
- editorSuggestWidget.background#1a1f2e
- editorSuggestWidget.border#2c2c54
- editorSuggestWidget.selectedBackground#2d3748
- editorUnnecessaryCode.border#747d8c
- editorUnnecessaryCode.opacity#00000060
- editorWarning.border#ffa502
- editorWarning.foreground#ffa502
- editorWhitespace.foreground#474787
- editorWidget.background#1a1f2e
- editorWidget.border#2c2c54
- errorForeground#ff4757
- foreground#e8f4fd
- gitDecoration.addedResourceForeground#7bed9f
- gitDecoration.deletedResourceForeground#ff4757
- gitDecoration.ignoredResourceForeground#747d8c
- gitDecoration.modifiedResourceForeground#ffa502
- gitDecoration.untrackedResourceForeground#70a1ff
- icon.foreground#7bed9f
- input.background#1a1f2e
- input.border#2c2c54
- input.foreground#e8f4fd
- input.placeholderForeground#57606f
- inputOption.activeBorder#7bed9f
- inputValidation.errorBorder#ff4757
- list.activeSelectionBackground#2d3748
- list.activeSelectionForeground#7bed9f
- list.focusBackground#2d3748
- list.hoverBackground#1a1f2e
- list.inactiveSelectionBackground#2d374860
- minimap.background#0a0e1a
- minimap.errorHighlight#ff475780
- minimap.findMatchHighlight#ffa502c0
- minimap.selectionHighlight#2d374880
- minimap.warningHighlight#ffa50280
- notifications.background#1a1f2e
- notifications.border#2c2c54
- notifications.foreground#e8f4fd
- notificationsErrorIcon.foreground#ff4757
- notificationsInfoIcon.foreground#70a1ff
- notificationsWarningIcon.foreground#ffa502
- panel.background#0a0e1a
- panel.border#2c2c54
- panelTitle.activeBorder#7bed9f
- panelTitle.activeForeground#7bed9f
- panelTitle.inactiveForeground#57606f
- problemsErrorIcon.foreground#ff4757
- problemsInfoIcon.foreground#70a1ff
- problemsWarningIcon.foreground#ffa502
- scrollbarSlider.activeBackground#7bed9f80
- scrollbarSlider.background#2c2c5460
- scrollbarSlider.hoverBackground#40407a80
- sideBar.background#0a0e1a
- sideBar.border#2c2c54
- sideBar.foreground#e8f4fd
- sideBarSectionHeader.background#1a1f2e
- sideBarSectionHeader.foreground#7bed9f
- sideBarTitle.foreground#7bed9f
- statusBar.background#0a0e1a
- statusBar.border#2c2c54
- statusBar.debuggingBackground#ff6b81
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#e8f4fd
- tab.activeBackground#0a0e1a
- tab.activeBorder#7bed9f
- tab.activeForeground#7bed9f
- tab.border#2c2c54
- tab.inactiveBackground#0a0e1a
- tab.inactiveForeground#57606f
- tab.unfocusedActiveBorder#7bed9f70
- terminal.ansiBlack#2c2c54
- terminal.ansiBlue#70a1ff
- terminal.ansiBrightBlack#57606f
- terminal.ansiBrightBlue#70a1ff
- terminal.ansiBrightCyan#7bed9f
- terminal.ansiBrightGreen#7bed9f
- terminal.ansiBrightMagenta#a55eea
- terminal.ansiBrightRed#ff6b81
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd700
- terminal.ansiCyan#7bed9f
- terminal.ansiGreen#7bed9f
- terminal.ansiMagenta#a55eea
- terminal.ansiRed#ff4757
- terminal.ansiWhite#e8f4fd
- terminal.ansiYellow#ffa502
- terminal.background#0a0e1a
- terminal.foreground#e8f4fd
- titleBar.activeBackground#0a0e1a
- titleBar.activeForeground#e8f4fd
- titleBar.border#2c2c54
- titleBar.inactiveBackground#0a0e1a
- titleBar.inactiveForeground#57606f
- tree.indentGuidesStroke#2c2c54
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.quoted.docstring | #747d8c | italic |
| variable, variable.parameter, variable.other | #e8f4fd | — |
| invalid, invalid.illegal | #ff4757 | bold underline |
| invalid.deprecated | #747d8c | strikethrough |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator | #ff6b81 | bold |
| punctuation, keyword.other.template, keyword.other.substitution | #70a1ff | — |
| entity.name.tag, meta.tag.sgml | #7bed9f | — |
| entity.name.function, meta.function-call, variable.function, support.function | #a55eea | — |
| constant.numeric, constant.language, support.constant | #70a1ff | — |
| string, constant.other.symbol | #7bed9f | — |
| entity.name.class, entity.name.type, support.type, support.class | #ffa502 | — |
| entity.other.attribute-name, meta.attribute | #70a1ff | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #ff6b81 | — |
| string.regexp | #a55eea | — |
| support.type.property-name.json | #70a1ff | — |
| markup.heading | #ff6b81 | bold |
| markup.inline.raw, markup.fenced_code | #7bed9f | — |
| markup.underline.link | #70a1ff | underline |
| markup.bold | #ffa502 | bold |
| markup.italic | #a55eea | italic |
| comment keyword.codetag | #ffa502 | bold |