DevMedia Theme
Publisher: João M J BragaThemes in package: 3
Tema inspirado na DevMedia - Plataforma para Programadores
Color themes
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#E8EAEF
- activityBar.border#D8DBE0
- activityBar.foreground#1F2F36
- activityBar.inactiveForeground#6B7280
- activityBarBadge.background#6F9A35
- activityBarBadge.foreground#FAFBFC
- badge.background#6F9A35
- badge.foreground#FAFBFC
- breadcrumb.activeSelectionForeground#6F9A35
- breadcrumb.background#F0F2F5
- breadcrumb.focusForeground#1F2F36
- breadcrumb.foreground#6B7280
- breadcrumbPicker.background#EAECF0
- button.background#6F9A35
- button.foreground#FAFBFC
- button.hoverBackground#5A7B2A
- button.secondaryBackground#E8EAEF
- button.secondaryForeground#1F2F36
- button.secondaryHoverBackground#E0E3E8
- contrastBorder#D8DBE0
- debugIcon.breakpointDisabledForeground#9CA3AF
- debugIcon.breakpointForeground#DC2626
- debugIcon.pauseForeground#D7840A
- debugIcon.startForeground#6F9A35
- debugIcon.stopForeground#DC2626
- debugToolBar.background#EAECF0
- debugToolBar.border#6F9A35
- diffEditor.diagonalFill#E0E3E8
- diffEditor.insertedLineBackground#84CC1625
- diffEditor.insertedTextBackground#84CC1630
- diffEditor.removedLineBackground#DC262625
- diffEditor.removedTextBackground#DC262630
- editor.background#F0F2F5
- editor.findMatchBackground#C9F31D70
- editor.findMatchHighlightBackground#C9F31D40
- editor.findRangeHighlightBackground#6F9A3515
- editor.foreground#1F2F36
- editor.inactiveSelectionBackground#6F9A3520
- editor.lineHighlightBackground#E8EAEF
- editor.lineHighlightBorder#E0E3E8
- editor.rangeHighlightBackground#6F9A3520
- editor.selectionBackground#6F9A3545
- editor.selectionHighlightBackground#6F9A3535
- editor.wordHighlightBackground#6F9A3530
- editor.wordHighlightStrongBackground#6F9A3530
- editorBracketMatch.background#6F9A3535
- editorBracketMatch.border#6F9A35
- editorCursor.foreground#1F2F36
- editorError.border#DC262600
- editorError.foreground#DC2626
- editorGroupHeader.noTabsBackground#E8EAEF
- editorGroupHeader.tabsBackground#E8EAEF
- editorGroupHeader.tabsBorder#D8DBE0
- editorGutter.addedBackground#84CC16
- editorGutter.deletedBackground#DC2626
- editorGutter.modifiedBackground#0891B2
- editorHint.border#6F9A3500
- editorHint.foreground#6F9A35
- editorHoverWidget.background#EAECF0
- editorHoverWidget.border#6F9A35
- editorIndentGuide.activeBackground#6F9A3550
- editorIndentGuide.background#E5E7EB
- editorInfo.border#0891B200
- editorInfo.foreground#0891B2
- editorLineNumber.activeForeground#1F2F36
- editorLineNumber.foreground#9CA3AF
- editorOverviewRuler.addedForeground#84CC16
- editorOverviewRuler.border#E5E7EB
- editorOverviewRuler.deletedForeground#DC2626
- editorOverviewRuler.errorForeground#DC2626
- editorOverviewRuler.infoForeground#0891B2
- editorOverviewRuler.modifiedForeground#0891B2
- editorOverviewRuler.warningForeground#D7840A
- editorRuler.foreground#E5E7EB
- editorSuggestWidget.background#EAECF0
- editorSuggestWidget.border#D8DBE0
- editorSuggestWidget.foreground#1F2F36
- editorSuggestWidget.highlightForeground#6F9A35
- editorSuggestWidget.selectedBackground#6F9A3540
- editorWarning.border#D7840A00
- editorWarning.foreground#D7840A
- editorWhitespace.foreground#D1D5DB
- editorWidget.background#EAECF0
- editorWidget.border#D8DBE0
- editorWidget.foreground#1F2F36
- extensionButton.prominentBackground#6F9A35
- extensionButton.prominentForeground#F6F7FA
- extensionButton.prominentHoverBackground#1F2F36
- focusBorder#6F9A35
- gitDecoration.addedResourceForeground#6F9A35
- gitDecoration.conflictingResourceForeground#D7840A
- gitDecoration.deletedResourceForeground#DC2626
- gitDecoration.ignoredResourceForeground#9CA3AF
- gitDecoration.modifiedResourceForeground#0891B2
- gitDecoration.submoduleResourceForeground#9333EA
- gitDecoration.untrackedResourceForeground#84CC16
- input.background#F0F2F5
- input.border#C9CCD1
- input.foreground#1F2F36
- input.placeholderForeground#9CA3AF
- inputOption.activeBackground#6F9A3525
- inputOption.activeBorder#6F9A35
- inputOption.activeForeground#1F2F36
- inputValidation.errorBackground#DC262620
- inputValidation.errorBorder#DC2626
- inputValidation.infoBackground#0891B220
- inputValidation.infoBorder#0891B2
- inputValidation.warningBackground#D7840A20
- inputValidation.warningBorder#D7840A
- list.activeSelectionBackground#6F9A3540
- list.activeSelectionForeground#1F2F36
- list.dropBackground#6F9A3535
- list.focusBackground#6F9A3550
- list.focusForeground#1F2F36
- list.highlightForeground#6F9A35
- list.hoverBackground#E0E3E8
- list.hoverForeground#1F2F36
- list.inactiveSelectionBackground#6F9A3530
- list.inactiveSelectionForeground#374151
- menu.background#EAECF0
- menu.foreground#1F2F36
- menu.selectionBackground#6F9A3530
- menu.selectionForeground#1F2F36
- menu.separatorBackground#D8DBE0
- menubar.selectionBackground#6F9A3530
- menubar.selectionForeground#1F2F36
- merge.border#D8DBE0
- merge.currentContentBackground#84CC1630
- merge.currentHeaderBackground#84CC1635
- merge.incomingContentBackground#0891B230
- merge.incomingHeaderBackground#0891B235
- minimap.background#F6F7FA
- minimap.errorHighlight#DC2626
- minimap.findMatchHighlight#C9F31D60
- minimap.selectionHighlight#6F9A3535
- minimap.warningHighlight#D7840A
- minimapSlider.activeBackground#9CA3AF70
- minimapSlider.background#9CA3AF30
- minimapSlider.hoverBackground#9CA3AF50
- notificationCenter.border#D8DBE0
- notificationCenterHeader.background#E0E3E8
- notificationCenterHeader.foreground#1F2F36
- notificationLink.foreground#0891B2
- notifications.background#EAECF0
- notifications.border#6F9A35
- notifications.foreground#1F2F36
- panel.background#F0F2F5
- panel.border#D8DBE0
- panelSection.border#D8DBE0
- panelSectionHeader.background#E8EAEF
- panelSectionHeader.foreground#1F2F36
- panelTitle.activeBorder#6F9A35
- panelTitle.activeForeground#1F2F36
- panelTitle.inactiveForeground#6B7280
- peekView.border#6F9A35
- peekViewEditor.background#E8EAEF
- peekViewEditor.matchHighlightBackground#C9F31D50
- peekViewResult.background#EAECF0
- peekViewResult.matchHighlightBackground#C9F31D50
- peekViewResult.selectionBackground#6F9A3540
- peekViewTitle.background#E0E3E8
- peekViewTitleDescription.foreground#6B7280
- peekViewTitleLabel.foreground#1F2F36
- pickerGroup.border#2C2C2C
- pickerGroup.foreground#13ECFF
- progressBar.background#6F9A35
- quickInput.background#F6F7FA
- scrollbarSlider.activeBackground#9CA3AF85
- scrollbarSlider.background#9CA3AF45
- scrollbarSlider.hoverBackground#9CA3AF65
- settings.headerForeground#1F2F36
- settings.modifiedItemIndicator#D7840A
- sideBar.background#EAECF0
- sideBar.border#D8DBE0
- sideBar.foreground#1F2F36
- sideBarSectionHeader.background#E0E3E8
- sideBarSectionHeader.border#D1D5DB
- sideBarSectionHeader.foreground#1F2F36
- sideBarTitle.foreground#1F2F36
- statusBar.background#6F9A35
- statusBar.border#5A7B2A
- statusBar.debuggingBackground#D7840A
- statusBar.debuggingForeground#FAFBFC
- statusBar.foreground#FAFBFC
- statusBar.noFolderBackground#E0E3E8
- statusBar.noFolderForeground#1F2F36
- symbolIcon.arrayForeground#0891B2
- symbolIcon.classForeground#D7840A
- symbolIcon.colorForeground#6F9A35
- symbolIcon.constantForeground#D7840A
- symbolIcon.constructorForeground#D7840A
- symbolIcon.enumeratorForeground#D7840A
- symbolIcon.enumeratorMemberForeground#0891B2
- symbolIcon.eventForeground#D7840A
- symbolIcon.fieldForeground#0369A1
- symbolIcon.fileForeground#1F2F36
- symbolIcon.folderForeground#6F9A35
- symbolIcon.functionForeground#6F9A35
- symbolIcon.interfaceForeground#D7840A
- symbolIcon.keyForeground#6F9A35
- symbolIcon.keywordForeground#0369A1
- symbolIcon.methodForeground#6F9A35
- symbolIcon.moduleForeground#D7840A
- symbolIcon.namespaceForeground#D7840A
- symbolIcon.nullForeground#9333EA
- symbolIcon.numberForeground#D7840A
- symbolIcon.objectForeground#0369A1
- symbolIcon.operatorForeground#0891B2
- symbolIcon.packageForeground#D7840A
- symbolIcon.propertyForeground#0369A1
- symbolIcon.referenceForeground#0891B2
- symbolIcon.snippetForeground#6F9A35
- symbolIcon.stringForeground#16A34A
- symbolIcon.structForeground#D7840A
- symbolIcon.textForeground#1F2F36
- symbolIcon.typeParameterForeground#D7840A
- symbolIcon.unitForeground#D7840A
- symbolIcon.variableForeground#0369A1
- tab.activeBackground#F0F2F5
- tab.activeBorder#6F9A35
- tab.activeBorderTop#6F9A35
- tab.activeForeground#1F2F36
- tab.border#D8DBE0
- tab.hoverBackground#E0E3E8
- tab.hoverForeground#1F2F36
- tab.inactiveBackground#E8EAEF
- tab.inactiveForeground#6B7280
- tab.unfocusedActiveForeground#374151
- tab.unfocusedInactiveForeground#9CA3AF
- terminal.ansiBlack#1A1A1A
- terminal.ansiBlue#0369A1
- terminal.ansiBrightBlack#6B7280
- terminal.ansiBrightBlue#0284C7
- terminal.ansiBrightCyan#06B6D4
- terminal.ansiBrightGreen#84CC16
- terminal.ansiBrightMagenta#A855F7
- terminal.ansiBrightRed#EF4444
- terminal.ansiBrightWhite#FAFBFC
- terminal.ansiBrightYellow#F59E0B
- terminal.ansiCyan#0891B2
- terminal.ansiGreen#6F9A35
- terminal.ansiMagenta#9333EA
- terminal.ansiRed#DC2626
- terminal.ansiWhite#F6F7FA
- terminal.ansiYellow#D7840A
- terminal.background#F0F2F5
- terminal.border#D8DBE0
- terminal.foreground#1F2F36
- terminal.selectionBackground#6F9A3545
- textBlockQuote.background#F6F7FA
- textBlockQuote.border#D7840A
- textCodeBlock.background#1A1A1A
- textLink.activeForeground#1F2F36
- textLink.foreground#6F9A35
- textPreformat.foreground#C9F31D
- titleBar.activeBackground#6F9A35
- titleBar.activeForeground#FAFBFC
- titleBar.border#5A7B2A
- titleBar.inactiveBackground#5A7B2A
- titleBar.inactiveForeground#D1D5DB
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6B7280 | italic |
| string, string.quoted, string.template | #16A34A | — |
| string.template meta.template.expression | #1F2F36 | — |
| punctuation.definition.template-expression | #0891B2 | — |
| constant.numeric, constant.language.numeric | #D7840A | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #9333EA | — |
| keyword, keyword.control, storage.type, storage.modifier | #0369A1 | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #9333EA | bold |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical | #0891B2 | — |
| storage.type.function.arrow | #0891B2 | bold |
| entity.name.function, meta.function-call, support.function | #6F9A35 | — |
| variable.parameter, meta.parameters variable | #0369A1 | italic |
| entity.name.class, entity.name.type.class, support.class | #D7840A | bold |
| variable, variable.other | #1F2F36 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key | #0369A1 | — |
| variable.other.constant, variable.other.enummember | #D7840A | |
| variable.language.this, variable.language.super | #9333EA | italic |
| entity.name.tag, meta.tag | #0369A1 | — |
| entity.other.attribute-name | #D7840A | — |
| support.class.component, entity.name.tag.tsx, entity.name.tag.jsx | #D7840A | bold |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss | #6F9A35 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss | #D7840A | — |
| support.type.property-name.css, support.type.property-name.scss | #0369A1 | — |
| support.constant.property-value.css, support.constant.property-value.scss | #6F9A35 | — |
| keyword.other.unit.css, keyword.other.unit.scss | #D7840A | — |
| support.type.property-name.json | #0369A1 | — |
| entity.name.type, support.type | #D7840A | — |
| entity.name.type.interface | #D7840A | italic |
| entity.name.type.parameter | #9333EA | italic |
| meta.function.decorator.python, entity.name.function.decorator.python | #D7840A | — |
| variable.language.special.self.python | #9333EA | italic |
| support.function.magic.python | #9333EA | italic |
| storage.type.annotation.java | #D7840A | — |
| meta.import.java, storage.modifier.import.java | #9333EA | bold |
| entity.name.package.java, support.other.package.java | #0369A1 | — |
| entity.name.type.class.java, support.class.java | #D7840A | |
| storage.modifier.static.java | #9333EA | italic |
| keyword.other.DML.sql, keyword.other.DDL.sql | #0369A1 | bold |
| markup.heading, entity.name.section.markdown | #1F2F36 | bold |
| markup.bold | #D7840A | bold |
| markup.italic | #0891B2 | italic |
| markup.inline.raw, markup.fenced_code.block.markdown | #6F9A35 | — |
| markup.underline.link | #0891B2 | underline |
| markup.quote | #6B7280 | italic |
| invalid, invalid.illegal | #DC2626 | italic |
| invalid.deprecated | #D7840A | italic strikethrough |
| string.regexp | #9333EA | — |
| constant.character.escape.regexp | #D7840A | bold |
| constant.character.escape | #D7840A | — |
| punctuation | #1F2F36 | — |
| punctuation.separator, punctuation.terminator | #0891B2 | — |
| variable.other.php, punctuation.definition.variable.php | #0369A1 | — |
| keyword.control.php, keyword.other.php, storage.type.php | #0369A1 | bold |
| entity.name.function.php, support.function.php, support.function.builtin.php | #6F9A35 | — |
| entity.name.type.class.php, support.class.php, variable.other.class.php | #D7840A | bold |
| constant.other.php, support.constant.core.php, variable.other.constant.php | #9333EA | — |
| entity.name.function.method.php, support.function.magic.php | #6F9A35 | — |