PortalDev Dark Theme
Publisher: portaldevThemes in package: 1
PortalDev Dark Theme é um tema escuro moderno, limpo e altamente legível para o 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.background#161925
- activityBar.border#161925
- activityBar.foreground#E8E8E8
- activityBar.inactiveForeground#5E6580
- activityBarBadge.background#C586C0
- activityBarBadge.foreground#FFFFFF
- badge.background#C586C0
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#E8E8E8
- breadcrumb.focusForeground#E8E8E8
- breadcrumb.foreground#9AA3B8
- breadcrumbPicker.background#1E2130
- button.background#C586C0
- button.foreground#FFFFFF
- button.hoverBackground#D799D4
- button.secondaryBackground#333750
- button.secondaryForeground#E8E8E8
- button.secondaryHoverBackground#4A4F66
- descriptionForeground#9AA3B8
- diffEditor.insertedLineBackground#4EC9B010
- diffEditor.insertedTextBackground#4EC9B015
- diffEditor.removedLineBackground#F4474710
- diffEditor.removedTextBackground#F4474715
- dropdown.background#1E2130
- dropdown.border#333750
- dropdown.foreground#E8E8E8
- dropdown.listBackground#1E2130
- editor.background#1B1E2B
- editor.findMatchBackground#515C6A80
- editor.findMatchHighlightBackground#EA5C0050
- editor.foreground#E8E8E8
- editor.inactiveSelectionBackground#3A3D4170
- editor.lineHighlightBackground#252838
- editor.selectionBackground#264F7880
- editor.selectionHighlightBackground#264F7850
- editor.wordHighlightBackground#264F7840
- editor.wordHighlightStrongBackground#264F7860
- editorBracketHighlight.foreground1#FFD700
- editorBracketHighlight.foreground2#DA70D6
- editorBracketHighlight.foreground3#179FFF
- editorBracketHighlight.foreground4#FFD700
- editorBracketHighlight.foreground5#DA70D6
- editorBracketHighlight.foreground6#179FFF
- editorBracketMatch.background#264F7840
- editorBracketMatch.border#888888
- editorCursor.foreground#AEAFAD
- editorError.foreground#F44747
- editorGroupHeader.tabsBackground#161925
- editorGroupHeader.tabsBorder#161925
- editorGutter.addedBackground#4EC9B0
- editorGutter.deletedBackground#F44747
- editorGutter.modifiedBackground#E2B93D
- editorHint.foreground#4EC9B0
- editorHoverWidget.background#1E2130
- editorHoverWidget.border#333750
- editorIndentGuide.activeBackground#4A4F66
- editorIndentGuide.background#333750
- editorInfo.foreground#4FC1FF
- editorLineNumber.activeForeground#E8E8E8
- editorLineNumber.foreground#5E6580
- editorOverviewRuler.addedForeground#4EC9B099
- editorOverviewRuler.deletedForeground#F4474799
- editorOverviewRuler.modifiedForeground#E2B93D99
- editorRuler.foreground#333750
- editorSuggestWidget.background#1E2130
- editorSuggestWidget.border#333750
- editorSuggestWidget.foreground#E8E8E8
- editorSuggestWidget.highlightForeground#4FC1FF
- editorSuggestWidget.selectedBackground#264F7860
- editorWarning.foreground#E2B93D
- editorWhitespace.foreground#3B3F51
- editorWidget.background#1E2130
- editorWidget.border#333750
- focusBorder#C586C080
- foreground#E8E8E8
- gitDecoration.addedResourceForeground#4EC9B0
- gitDecoration.conflictingResourceForeground#F44747
- gitDecoration.deletedResourceForeground#F44747
- gitDecoration.ignoredResourceForeground#5E6580
- gitDecoration.modifiedResourceForeground#E2B93D
- gitDecoration.stageDeletedResourceForeground#F44747
- gitDecoration.stageModifiedResourceForeground#E2B93D
- gitDecoration.untrackedResourceForeground#73C991
- icon.foreground#9AA3B8
- input.background#1E2130
- input.border#333750
- input.foreground#E8E8E8
- input.placeholderForeground#5E6580
- inputOption.activeBackground#C586C030
- inputOption.activeBorder#C586C0
- inputValidation.errorBackground#5A1D1D
- inputValidation.errorBorder#F44747
- inputValidation.infoBackground#1D3A5A
- inputValidation.infoBorder#4FC1FF
- inputValidation.warningBackground#5A4A1D
- inputValidation.warningBorder#E2B93D
- list.activeSelectionBackground#2A2E42
- list.activeSelectionForeground#FFFFFF
- list.errorForeground#F44747
- list.focusBackground#2A2E42
- list.highlightForeground#4FC1FF
- list.hoverBackground#252838
- list.hoverForeground#E8E8E8
- list.inactiveSelectionBackground#252838
- list.inactiveSelectionForeground#E8E8E8
- list.warningForeground#E2B93D
- merge.currentContentBackground#4EC9B010
- merge.currentHeaderBackground#4EC9B030
- merge.incomingContentBackground#4FC1FF10
- merge.incomingHeaderBackground#4FC1FF30
- minimap.findMatchHighlight#EA5C0090
- minimap.selectionHighlight#264F7890
- minimapGutter.addedBackground#4EC9B0
- minimapGutter.deletedBackground#F44747
- minimapGutter.modifiedBackground#E2B93D
- notificationCenterHeader.background#161925
- notificationCenterHeader.foreground#E8E8E8
- notifications.background#1E2130
- notifications.border#333750
- notifications.foreground#E8E8E8
- panel.background#161925
- panel.border#252838
- panelTitle.activeBorder#C586C0
- panelTitle.activeForeground#E8E8E8
- panelTitle.inactiveForeground#5E6580
- peekView.border#C586C0
- peekViewEditor.background#1B1E2B
- peekViewEditor.matchHighlightBackground#EA5C0050
- peekViewResult.background#161925
- peekViewResult.fileForeground#E8E8E8
- peekViewResult.lineForeground#B0B8C8
- peekViewResult.matchHighlightBackground#EA5C0050
- peekViewResult.selectionBackground#264F7860
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#1E2130
- peekViewTitleDescription.foreground#9AA3B8
- peekViewTitleLabel.foreground#E8E8E8
- progressBar.background#C586C0
- quickInput.background#1E2130
- quickInput.foreground#E8E8E8
- quickInputList.focusBackground#2A2E42
- quickInputTitle.background#1E2130
- scrollbar.shadow#00000060
- scrollbarSlider.activeBackground#49516280
- scrollbarSlider.background#49516240
- scrollbarSlider.hoverBackground#49516260
- selection.background#264F78
- settings.focusedRowBackground#252838
- settings.headerForeground#E8E8E8
- settings.modifiedItemIndicator#C586C0
- sideBar.background#161925
- sideBar.border#252838
- sideBar.foreground#C5CDE0
- sideBarSectionHeader.background#161925
- sideBarSectionHeader.foreground#E8E8E8
- sideBarTitle.foreground#E8E8E8
- statusBar.background#161925
- statusBar.border#252838
- statusBar.debuggingBackground#C586C0
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#9AA3B8
- statusBar.noFolderBackground#161925
- statusBarItem.hoverBackground#2A2E42
- statusBarItem.remoteBackground#4EC9B0
- statusBarItem.remoteForeground#1B1E2B
- tab.activeBackground#1B1E2B
- tab.activeBorderTop#C586C0
- tab.activeForeground#FFFFFF
- tab.border#161925
- tab.hoverBackground#1E2130
- tab.inactiveBackground#161925
- tab.inactiveForeground#5E6580
- tab.unfocusedActiveBorderTop#495162
- terminal.ansiBlack#252838
- terminal.ansiBlue#4FC1FF
- terminal.ansiBrightBlack#5E6580
- terminal.ansiBrightBlue#4FC1FF
- terminal.ansiBrightCyan#9CDCFE
- terminal.ansiBrightGreen#4EC9B0
- terminal.ansiBrightMagenta#C586C0
- terminal.ansiBrightRed#F44747
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E2B93D
- terminal.ansiCyan#9CDCFE
- terminal.ansiGreen#4EC9B0
- terminal.ansiMagenta#C586C0
- terminal.ansiRed#F44747
- terminal.ansiWhite#E8E8E8
- terminal.ansiYellow#E2B93D
- terminal.background#161925
- terminal.foreground#E8E8E8
- terminal.selectionBackground#264F7880
- terminalCursor.foreground#AEAFAD
- textLink.activeForeground#77D4FF
- textLink.foreground#4FC1FF
- titleBar.activeBackground#161925
- titleBar.activeForeground#E8E8E8
- titleBar.border#161925
- titleBar.inactiveBackground#161925
- titleBar.inactiveForeground#5E6580
- widget.shadow#00000050
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7EC87E | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python, storage, storage.type, storage.modifier | #DA6FD5 | — |
| keyword.operator.assignment | #E8E8E8 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.logical, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest | #E8E8E8 | — |
| variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.constant, meta.object-literal.key | #7DD3FC | — |
| variable.language, variable.language.this, variable.language.self, variable.language.super | #6CB6FF | italic |
| variable.parameter | #7DD3FC | — |
| entity.name.function, meta.function-call, support.function, meta.function-call entity.name.function | #FFE066 | — |
| variable.parameter.function | #7DD3FC | — |
| string, string.quoted, string.template, string.quoted.single, string.quoted.double, string.quoted.triple | #F0A875 | — |
| constant.character.escape | #E8C975 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, string.template meta.template.expression | #DA6FD5 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary | #C8E6A1 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #6CB6FF | — |
| entity.name.type, entity.name.type.class, support.type, support.class, entity.other.inherited-class, entity.name.type.interface, entity.name.type.enum, entity.name.type.alias, entity.name.type.module | #56E8C5 | — |
| entity.name.type.parameter | #56E8C5 | italic |
| meta.decorator, meta.decorator entity.name.function, punctuation.decorator | #FFE066 | italic |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #6CB6FF | — |
| support.class.component, entity.name.tag support.class.component | #56E8C5 | — |
| entity.other.attribute-name | #7DD3FC | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #E8C975 | — |
| support.type.property-name.css, support.type.property-name.media.css | #7DD3FC | — |
| support.constant.property-value.css, support.constant.color.css, support.constant.font-name.css | #F0A875 | — |
| keyword.other.unit.css, keyword.other.unit.rem.css, keyword.other.unit.em.css, keyword.other.unit.px.css, keyword.other.unit.percentage.css | #C8E6A1 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #DA6FD5 | — |
| support.type.property-name.json, support.type.property-name.json.comments | #7DD3FC | — |
| string.quoted.double.json, string.quoted.double.json.comments | #F0A875 | — |
| string.regexp | #E87070 | — |
| markup.heading, markup.heading.setext, entity.name.section.markdown | #6CB6FF | bold |
| markup.bold | #E8E8E8 | bold |
| markup.italic | #E8E8E8 | italic |
| markup.underline.link | #4FC1FF | — |
| markup.inline.raw, markup.fenced_code | #F0A875 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace.round, meta.brace.square, meta.brace.curly, punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #E8E8E8 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, keyword.control.as | #DA6FD5 | — |
| support.constant | #6CB6FF | — |
| support.variable, support.variable.property | #7DD3FC | — |
| support.type.primitive, storage.type.built-in, storage.type.primitive | #56E8C5 | — |
| entity.name.namespace, entity.name.type.module | #56E8C5 | — |
| entity.name.tag.yaml | #7DD3FC | — |
| support.type.property-name.toml | #7DD3FC | — |
| variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell | #7DD3FC | — |
| variable.other.enummember | #4FC1FF | — |
| variable.other.constant.property | #4FC1FF | — |