Focus Dark Minimal
Publisher: União JavaScriptThemes in package: 1
Tema dark minimalista para VS Code: visual limpo, alto foco e ótima legibilidade para programar por horas.
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#BF092F
- activityBarBadge.background#123458
- banner.background#fff
- banner.foreground#0000
- banner.iconForeground#FB4141
- breadcrumb.foreground#BF092F
- button.background#141313
- button.border#1d1d1d
- button.foreground#C9B59C
- button.hoverBackground#000
- button.secondaryForeground#F5F7F8
- commandCenter.activeBackground#1d1d1d
- commandCenter.activeBorder#1d1d1d
- commandCenter.activeForeground#F5F7F8
- commandCenter.background#141313
- commandCenter.border#1d1d1d
- commandCenter.foreground#C9B59C
- commandCenter.inactiveBorder#141313
- commandCenter.inactiveForeground#C9B59C
- dropdown.background#141313
- dropdown.border#1d1d1d
- dropdown.foreground#C9B59C
- dropdown.listBackground#1d1d1d
- editor.background#141313
- editor.foreground#C9B59C
- editor.selectionBackground#BF092F
- editorBracketHighlight.foreground1#F5F7F8
- editorBracketHighlight.foreground2#F5F7F8
- editorBracketHighlight.foreground3#F5F7F8
- editorBracketHighlight.foreground4#F5F7F8
- editorBracketHighlight.foreground5#F5F7F8
- editorBracketHighlight.foreground6#F5F7F8
- editorCursor.background#BF092F
- editorGroup.border#BF092F
- editorGroupHeader.noTabsBackground#BF092F
- editorGroupHeader.tabsBorder#1d1d1d
- editorMultiCursor.primary.background#BF092f
- editorOverviewRuler.background#BF092F
- extensionButton.background#1d1d1d
- extensionButton.foreground#fff
- extensionButton.hoverBackground#141313
- extensionButton.prominentBackground#BF092F
- extensionButton.prominentForeground#C9B59C
- extensionButton.prominentHoverBackground#BF092F
- focusBorder#fff
- gitDecoration.addedResourceForeground#476EAE
- gitDecoration.deletedResourceForeground#BF092F
- gitDecoration.modifiedResourceForeground#FAB12F
- gitDecoration.renamedResourceForeground#fff
- gitDecoration.stageDeletedResourceForeground#fff
- gitDecoration.stageModifiedResourceForeground#fff
- gitDecoration.untrackedResourceForeground#84994F
- input.background#141313
- input.border#1d1d1d
- input.foreground#F5F7F8
- input.placeholderForeground#ddd
- inputOption.activeForeground#BF092F
- inputValidation.errorBackground#BF092F
- inputValidation.errorForeground#F5F7F8
- keybindingLabel.background#FB4141
- keybindingLabel.border#FB4141
- keybindingLabel.bottomBorder#FB4141
- keybindingLabel.foreground#fff
- keybindingTable.headerBackground#fff
- keybindingTable.rowsBackground#fff
- list.activeSelectionBackground#1d1d1d
- list.activeSelectionForeground#f7f7f7
- list.activeSelectionIconForeground#000
- list.dropBackground#BF092F
- list.focusBackground#1d1d1d
- list.focusForeground#fff
- menu.background#141313
- menu.border#1d1d1d
- menu.foreground#C9B59C
- menu.selectionBorder#1d1d1d
- menubar.selectionBackground#141313
- menubar.selectionBorder#1d1d1d
- menubar.selectionForeground#F5F7F8
- minimap.background#1d1d1d
- notificationCenter.border#1d1d1d
- notificationCenterHeader.background#1d1d1d
- notificationCenterHeader.foreground#C9B59C
- notificationLink.foreground#000
- notifications.background#141313
- notifications.border#000
- notifications.foreground#C9B59C
- notificationsErrorIcon.foreground#000
- notificationsInfoIcon.foreground#C9B59C
- notificationsWarningIcon.foreground#000
- outputView.background#141313
- outputViewStickyScroll.background#fff
- panel.background#141313
- panel.border#1d1d1d
- panel.dropBorder#fff
- panelInput.border#1d1d1d
- panelSection.border#BF092F
- panelSection.dropBackground#fff
- panelSectionHeader.background#fff
- panelSectionHeader.border#fff
- panelSectionHeader.foreground#fff
- panelStickyScroll.background#fff
- panelStickyScroll.border#fff
- panelStickyScroll.shadow#fff
- panelTitle.activeBorder#BF092F
- panelTitle.activeForeground#F5F7F8
- panelTitle.border#1d1d1d
- panelTitle.inactiveForeground#C9B59C
- panelTitleBadge.background#BF092F
- panelTitleBadge.foreground#BF092F
- peekViewEditor.background#BF092F
- pickerGroup.border#1d1d1d
- pickerGroup.foreground#F5F7F8
- quickInput.background#141313
- quickInput.foreground#C9B59C
- quickInputList.focusBackground#1d1d1d
- quickInputList.focusForeground#F5F7F8
- quickInputList.focusIconForeground#F5F7F8
- quickInputTitle.background#1d1d1d
- scrollbar.shadow#1d1d1d
- scrollbarSlider.activeBackground#1d1d1d
- scrollbarSlider.background#1d1d1d
- scrollbarSlider.hoverBackground#1d1d1d
- selection.background#BF092F
- settings.headerForeground#fff
- sideBar.background#141313
- sideBar.dropBackground#BF092F
- sideBar.foreground#C9B59C
- sideBarSectionHeader.background#141313
- sideBarSectionHeader.foreground#C9B59C
- sideBarStickyScroll.background#1d1d1d
- sideBarStickyScroll.border#F5F7F8
- sideBarTitle.border#1d1d1d
- sideBarTitle.foreground#C9B59C
- statusBar.background#141313
- statusBar.border#1d1d1d
- statusBar.foreground#C9B59C
- statusBarItem.hoverForeground#C9B59C
- symbolIcon.arrayForeground#fff
- tab.activeBackground#141313
- tab.border#1d1d1d
- tab.inactiveBackground#000
- tab.inactiveForeground#f7f7f7
- tab.unfocusedActiveBackground#BF092F
- tab.unfocusedInactiveBackground#BF092F
- terminal.background#141313
- terminal.border#fff
- terminal.findMatchBorder#fff
- terminal.foreground#fff
- terminal.inactiveSelectionBackground#fff
- terminal.selectionBackground#fff
- terminal.selectionForeground#fff
- terminalCommandGuide.foreground#fff
- textBlockQuote.background#1d1d1d
- textBlockQuote.border#BF092F
- textCodeBlock.background#141313
- textLink.activeForeground#BF092F
- textLink.foreground#c9b59c
- textPreformat.foreground#FAB12F
- walkThrough.embeddedEditorBackground#BF092F
- walkthrough.stepTitle.foreground#BF092F
- welcomePage.background#141313
- welcomePage.progress.background#BF092F
- welcomePage.tileBackground#1d1d1d
- welcomePage.tileBorder#1d1d1d
- welcomePage.tileHoverBackground#BF092F
- window.activeBorder#BF092F
- window.inactiveBorder#BF092F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8C9297 | italic |
| variable, string constant.other.placeholder | #C9B59C | — |
| constant.other.color | #FFFFFF | — |
| invalid, invalid.illegal | #FB4141 | — |
| keyword, storage.type, storage.modifier | #5C3E94 | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #84994F | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #BF092F | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #476EAE | — |
| meta.block variable.other | #BF092F | — |
| support.other.variable, string.other.link | #BF092F | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #FE6244 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #5D866C | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FAB12F | — |
| support.type | #E06B80 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #E06B80 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #BF092F | — |
| variable.language | #BF092F | italic |
| entity.name.method.js | #476EAE | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #476EAE | — |
| entity.other.attribute-name | #5C3E94 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FAB12F | italic |
| entity.other.attribute-name.class | #FAB12F | — |
| source.sass keyword.control | #476EAE | — |
| markup.inserted | #5D866C | — |
| markup.deleted | #BF092F | — |
| markup.changed | #5C3E94 | — |
| string.regexp | #84994F | — |
| constant.character.escape | #84994F | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #476EAE | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #BF092F | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #5C3E94 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FAB12F | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FE6244 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BF092F | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C17E70 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #476EAE | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BF092F | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #5C3E94 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #5D866C | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #C9B59C | — |
| text.html.markdown markup.inline.raw.markdown | #5C3E94 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #8C9297 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #5D866C | — |
| markup.italic | #BF092F | italic |
| markup.bold, markup.bold string | #BF092F | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #BF092F | bold |
| markup.underline | #FE6244 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #8C9297 | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #476EAE | — |
| string.other.link.description.title.markdown | #5C3E94 | — |
| constant.other.reference.link.markdown | #FAB12F | — |
| markup.raw.block | #5C3E94 | — |
| markup.raw.block.fenced.markdown | #141313 | — |
| punctuation.definition.fenced.markdown | #141313 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #C9B59C | — |
| variable.language.fenced.markdown | #8C9297 | — |
| meta.separator | #8C9297 | bold |
| markup.table | #C9B59C | — |