Paragon Theme
Publisher: nnavalesThemes in package: 1
A carefully crafted dark theme focused on readability, balanced contrast, and elegant color harmony.
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#A5E9F5
- activityBar.background#1F2225
- activityBar.dropBorder#272C2F
- activityBar.foreground#E9F2F2
- activityBar.inactiveForeground#6E797E
- activityBarBadge.background#A5E9F5
- activityBarBadge.foreground#181A1C
- badge.background#A5E9F5
- badge.foreground#181A1C
- banner.background#1B1E20
- banner.foreground#E9F2F2
- banner.iconForeground#879297
- breadcrumb.activeSelectionForeground#A5E9F5
- breadcrumb.background#181A1C
- breadcrumb.focusForeground#E9F2F2
- breadcrumb.foreground#6E797E
- breadcrumbPicker.background#1F2225
- button.background#A5E9F5
- button.foreground#181A1C
- button.hoverBackground#B0F0F2
- button.secondaryBackground#1F2225
- button.secondaryForeground#E9F2F2
- button.secondaryHoverBackground#181A1C
- charts.blue#A5E9F5
- charts.foreground#E9F2F2
- charts.green#8FCF7A
- charts.lines#6E797E
- charts.orange#E9A96E
- charts.purple#D78CF0
- charts.red#E0617A
- charts.yellow#D9CC58
- checkbox.background#1F2225
- checkbox.border#272C2F
- checkbox.foreground#E9F2F2
- debugExceptionWidget.background#1F2225
- debugExceptionWidget.border#272C2F
- debugIcon.breakpointCurrentStackframeForeground#E9F2F2
- debugIcon.breakpointDisabledForeground#6E797E
- debugIcon.breakpointForeground#E0617A
- debugIcon.breakpointStackframeForeground#A5E9F5
- debugIcon.breakpointUnverifiedForeground#6E797E
- debugIcon.continueForeground#8FCF7A
- debugIcon.disconnectForeground#E0617A
- debugIcon.pauseForeground#E9A96E
- debugIcon.restartForeground#A5E9F5
- debugIcon.startForeground#8FCF7A
- debugIcon.stepBackForeground#E9F2F2
- debugIcon.stepIntoForeground#E9F2F2
- debugIcon.stepOutForeground#E9F2F2
- debugIcon.stepOverForeground#E9F2F2
- debugIcon.stopForeground#E0617A
- debugToolBar.background#1F2225
- debugToolBar.border#272C2F
- descriptionForeground#879297
- diffEditor.border#272C2F
- diffEditor.diagonalFill#272C2F
- diffEditor.insertedLineBackground#1F2B22
- diffEditor.insertedTextBackground#1F2B2280
- diffEditor.removedLineBackground#2a1c1e
- diffEditor.removedTextBackground#2a1c1e80
- diffEditorOverview.insertedForeground#8FCF7A
- diffEditorOverview.removedForeground#E0617A
- dropdown.background#1F2225
- dropdown.border#272C2F
- dropdown.foreground#E9F2F2
- dropdown.listBackground#1F2225
- editor.background#181A1C
- editor.findMatchBackground#D9CC5890
- editor.findMatchBorder#00000000
- editor.findMatchForeground#E9F2F2
- editor.findMatchHighlightBackground#D9CC5860
- editor.findMatchHighlightForeground#E9F2F2
- editor.findRangeHighlightBackground#D9CC5840
- editor.findRangeHighlightBorder#00000000
- editor.focusedStackFrameHighlightBackground#1B1E20
- editor.foldBackground#1B1E20
- editor.foreground#E9F2F2
- editor.hoverHighlightBackground#00000000
- editor.inactiveSelectionBackground#272C2F
- editor.inlineValuesBackground#1F2225
- editor.inlineValuesForeground#879297
- editor.lineHighlightBackground#1B1E20
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#272C2F
- editor.rangeHighlightBackground#1B1E20
- editor.selectionBackground#33383C
- editor.selectionForeground#E9F2F2
- editor.selectionHighlightBackground#272C2F
- editor.selectionHighlightBorder#00000000
- editor.snippetFinalTabstopHighlightBackground#272C2F
- editor.snippetFinalTabstopHighlightBorder#33383C
- editor.snippetTabstopHighlightBackground#272C2F
- editor.snippetTabstopHighlightBorder#33383C
- editor.stackFrameHighlightBackground#1B1E20
- editor.symbolHighlightBackground#33383C
- editor.symbolHighlightBorder#A5E9F5
- editor.wordHighlightBackground#272C2F
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#33383C
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#7A878A
- editorBracketHighlight.foreground2#7A878A
- editorBracketHighlight.foreground3#7A878A
- editorBracketHighlight.foreground4#7A878A
- editorBracketHighlight.foreground5#7A878A
- editorBracketHighlight.foreground6#7A878A
- editorBracketMatch.background#00000000
- editorBracketMatch.border#A5E9F5
- editorBracketPairGuide.activeBackground1#7A878A
- editorBracketPairGuide.activeBackground2#7A878A
- editorBracketPairGuide.activeBackground3#7A878A
- editorBracketPairGuide.activeBackground4#7A878A
- editorBracketPairGuide.activeBackground5#7A878A
- editorBracketPairGuide.activeBackground6#7A878A
- editorBracketPairGuide.background1#7A878A
- editorBracketPairGuide.background2#7A878A
- editorBracketPairGuide.background3#7A878A
- editorBracketPairGuide.background4#7A878A
- editorBracketPairGuide.background5#7A878A
- editorBracketPairGuide.background6#7A878A
- editorCodeLens.foreground#879297
- editorCursor.background#181A1C
- editorCursor.foreground#E9F2F2
- editorError.border#00000000
- editorError.foreground#E0617A
- editorGhostText.foreground#6E797E
- editorGroup.border#272C2F
- editorGroup.dropBackground#1F2225
- editorGroup.emptyBackground#181A1C
- editorGroup.focusedEmptyBorder#A5E9F5
- editorGroupHeader.noTabsBackground#1F2225
- editorGroupHeader.tabsBackground#1F2225
- editorGroupHeader.tabsBorder#181A1C
- editorGutter.addedBackground#8FCF7A
- editorGutter.background#181A1C
- editorGutter.commentRangeForeground#272C2F
- editorGutter.deletedBackground#E0617A
- editorGutter.foldingControlForeground#D78CF0
- editorGutter.modifiedBackground#A5E9F5
- editorHint.border#00000000
- editorHint.foreground#6E797E
- editorHoverWidget.background#1F2225
- editorHoverWidget.border#272C2F
- editorHoverWidget.foreground#BFD6D8
- editorHoverWidget.highlightForeground#E9F2F2
- editorHoverWidget.statusBarBackground#272C2F
- editorIndentGuide.activeBackground1#272C2F
- editorIndentGuide.background1#1B1E20
- editorInfo.border#00000000
- editorInfo.foreground#A5E9F5
- editorInlayHint.background#202325
- editorInlayHint.foreground#6E797E
- editorInlayHint.parameterBackground#202325
- editorInlayHint.parameterForeground#A5E9F5
- editorInlayHint.typeBackground#202325
- editorInlayHint.typeForeground#46C2A8
- editorLightBulb.foreground#D9CC58
- editorLightBulbAutoFix.foreground#8FCF7A
- editorLineNumber.activeForeground#E9F2F2
- editorLineNumber.foreground#6E797E
- editorLink.activeForeground#A5E9F5
- editorMarkerNavigation.background#1F2225
- editorMarkerNavigationError.background#1F2225
- editorMarkerNavigationInfo.background#1F2225
- editorMarkerNavigationWarning.background#1F2225
- editorOverviewRuler.addedForeground#8FCF7A80
- editorOverviewRuler.background#181A1C
- editorOverviewRuler.border#272C2F
- editorOverviewRuler.bracketMatchForeground#46C2A8
- editorOverviewRuler.commentForeground#8B9C9F80
- editorOverviewRuler.commentUnresolvedForeground#E9A96E80
- editorOverviewRuler.commonContentForeground#272C2F
- editorOverviewRuler.currentContentForeground#D9CC5880
- editorOverviewRuler.deletedForeground#E0617A80
- editorOverviewRuler.errorForeground#E0617A80
- editorOverviewRuler.findMatchForeground#A5E9F580
- editorOverviewRuler.incomingContentForeground#A5E9F580
- editorOverviewRuler.infoForeground#A5E9F580
- editorOverviewRuler.modifiedForeground#D78CF080
- editorOverviewRuler.rangeHighlightForeground#33383C
- editorOverviewRuler.selectionHighlightForeground#33383C
- editorOverviewRuler.warningForeground#E9A96E80
- editorOverviewRuler.wordHighlightForeground#33383C
- editorOverviewRuler.wordHighlightStrongForeground#33383C
- editorPane.background#181A1C
- editorRuler.foreground#272C2F
- editorSuggestWidget.background#1F2225
- editorSuggestWidget.border#272C2F
- editorSuggestWidget.focusHighlightForeground#A5E9F5
- editorSuggestWidget.foreground#879297
- editorSuggestWidget.highlightForeground#A5E9F5
- editorSuggestWidget.selectedBackground#33383C
- editorSuggestWidget.selectedForeground#E9F2F2
- editorSuggestWidget.selectedIconForeground#E9F2F2
- editorUnnecessaryCode.border#00000000
- editorUnnecessaryCode.opacity#00000080
- editorWarning.border#00000000
- editorWarning.foreground#E9A96E
- editorWhitespace.foreground#272C2F
- editorWidget.background#1F2225
- editorWidget.border#272C2F
- editorWidget.foreground#879297
- editorWidget.resizeBorder#A5E9F5
- errorForeground#E0617A
- extensionBadge.remoteBackground#D78CF0
- extensionBadge.remoteForeground#181A1C
- extensionButton.prominentBackground#A5E9F5
- extensionButton.prominentForeground#181A1C
- extensionButton.prominentHoverBackground#33383C
- extensionIcon.preReleaseForeground#D9CC58
- extensionIcon.starForeground#D9CC58
- extensionIcon.verifiedForeground#A5E9F5
- focusBorder#00000000
- foreground#E9F2F2
- git.blame.editorDecorationForeground#6E797E
- gitDecoration.addedResourceForeground#8FCF7A
- gitDecoration.conflictingResourceForeground#E0617A
- gitDecoration.deletedResourceForeground#E0617A
- gitDecoration.ignoredResourceForeground#6E797E
- gitDecoration.modifiedResourceForeground#A5E9F5
- gitDecoration.renamedResourceForeground#A5E9F5
- gitDecoration.stageDeletedResourceForeground#E0617A
- gitDecoration.stageModifiedResourceForeground#D78CF0
- gitDecoration.submoduleResourceForeground#D9CC58
- gitDecoration.untrackedResourceForeground#8FCF7A
- icon.foreground#879297
- input.background#1F2225
- input.border#272C2F
- input.foreground#E9F2F2
- input.placeholderForeground#6E797E
- inputOption.activeBackground#33383C
- inputOption.activeBorder#00000000
- inputOption.activeForeground#E9F2F2
- inputValidation.errorBackground#1F2225
- inputValidation.errorBorder#E0617A
- inputValidation.errorForeground#E0617A
- inputValidation.infoBackground#1F2225
- inputValidation.infoBorder#A5E9F5
- inputValidation.infoForeground#A5E9F5
- inputValidation.warningBackground#1F2225
- inputValidation.warningBorder#E9A96E
- inputValidation.warningForeground#E9A96E
- keybindingLabel.background#272C2F
- keybindingLabel.border#33383C
- keybindingLabel.bottomBorder#33383C
- keybindingLabel.foreground#A5E9F5
- keybindingTable.headerBackground#1F2225
- keybindingTable.rowsBackground#181A1C
- list.activeSelectionBackground#33383C
- list.activeSelectionForeground#E9F2F2
- list.deemphasizedForeground#6E797E
- list.dropBackground#1B1E20
- list.errorForeground#E0617A
- list.filterMatchBackground#202325
- list.filterMatchBorder#00000000
- list.focusBackground#272C2F
- list.focusForeground#E9F2F2
- list.focusOutline#00000000
- list.highlightForeground#A5E9F5
- list.hoverBackground#272C2F
- list.hoverForeground#E9F2F2
- list.inactiveFocusBackground#1B1E20
- list.inactiveSelectionBackground#202325
- list.inactiveSelectionForeground#E9F2F2
- list.invalidItemForeground#E0617A
- list.warningForeground#E9A96E
- listFilterWidget.background#1F2225
- listFilterWidget.noMatchesOutline#E0617A
- listFilterWidget.outline#A5E9F5
- menu.background#1F2225
- menu.border#272C2F
- menu.foreground#E9F2F2
- menu.selectionBackground#33383C
- menu.selectionBorder#00000000
- menu.selectionForeground#E9F2F2
- menu.separatorBackground#272C2F
- menubar.selectionBackground#33383C
- menubar.selectionBorder#00000000
- menubar.selectionForeground#E9F2F2
- merge.border#272C2F
- merge.commonContentBackground#272C2F33
- merge.commonHeaderBackground#272C2F
- merge.currentContentBackground#D9CC5833
- merge.currentHeaderBackground#D9CC5880
- merge.incomingContentBackground#A5E9F533
- merge.incomingHeaderBackground#A5E9F580
- minimap.background#1F2225
- minimap.errorHighlight#E0617A80
- minimap.findMatchHighlight#33383C
- minimap.selectionHighlight#33383C
- minimap.warningHighlight#E9A96E80
- minimapGutter.addedBackground#8FCF7A
- minimapGutter.deletedBackground#E0617A
- minimapGutter.modifiedBackground#A5E9F5
- minimapSlider.activeBackground#33383C
- minimapSlider.background#272C2F
- minimapSlider.hoverBackground#33383C
- notebook.cellBorderColor#272C2F
- notebook.cellEditorBackground#181A1C
- notebook.cellHoverBackground#1B1E20
- notebook.focusedCellBackground#1B1E20
- notebook.focusedCellBorder#A5E9F5
- notebook.outputContainerBackgroundColor#1B1E20
- notificationCenter.border#272C2F
- notificationCenterHeader.background#1F2225
- notificationCenterHeader.foreground#879297
- notificationLink.foreground#A5E9F5
- notifications.background#1F2225
- notifications.border#272C2F
- notifications.foreground#E9F2F2
- notificationsErrorIcon.foreground#E0617A
- notificationsInfoIcon.foreground#A5E9F5
- notificationsWarningIcon.foreground#E9A96E
- notificationToast.border#272C2F
- panel.background#181a1c
- panel.border#272C2F
- panel.dropBorder#A5E9F5
- panelInput.border#272C2F
- panelSection.dropBackground#1B1E20
- panelSectionHeader.background#1B1E20
- panelSectionHeader.foreground#879297
- panelTitle.activeBorder#00000000
- panelTitle.activeForeground#E9F2F2
- panelTitle.inactiveForeground#6E797E
- peekView.border#272C2F
- peekViewEditor.background#1F2225
- peekViewEditor.matchHighlightBackground#33383C
- peekViewResult.background#1F2225
- peekViewResult.fileForeground#879297
- peekViewResult.lineForeground#6E797E
- peekViewResult.matchHighlightBackground#33383C
- peekViewResult.selectionBackground#272C2F
- peekViewResult.selectionForeground#E9F2F2
- peekViewTitle.background#272C2F
- peekViewTitleDescription.foreground#6E797E
- pickerGroup.border#272C2F
- pickerGroup.foreground#A5E9F5
- ports.iconRunningProcessForeground#A5E9F5
- problemsErrorIcon.foreground#E0617A
- problemsInfoIcon.foreground#A5E9F5
- problemsWarningIcon.foreground#E9A96E
- progressBar.background#A5E9F5
- quickInput.background#1F2225
- quickInput.foreground#879297
- quickInputList.focusBackground#33383C
- quickInputList.focusForeground#E9F2F2
- quickInputList.focusIconForeground#E9F2F2
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#33383C
- scrollbarSlider.background#272C2F
- scrollbarSlider.hoverBackground#33383C
- searchEditor.findMatchBackground#202325
- selection.background#33383C
- settings.focusedRowBackground#1F2225
- settings.focusedRowBorder#A5E9F5
- settings.headerForeground#E9F2F2
- settings.modifiedItemIndicator#A5E9F5
- settings.rowHoverBackground#1B1E20
- sideBar.background#1F2225
- sideBar.dropBackground#272C2F
- sideBar.foreground#E9F2F2
- sideBarSectionHeader.background#1F2225
- sideBarSectionHeader.border#33383C
- statusBar.background#1F2225
- statusBar.debuggingBackground#E0617A
- statusBar.debuggingForeground#181A1C
- statusBar.foreground#E9F2F2
- statusBar.noFolderBackground#1F2225
- statusBar.noFolderForeground#6E797E
- statusBarItem.activeBackground#33383C
- statusBarItem.errorBackground#1F2225
- statusBarItem.errorForeground#E0617A
- statusBarItem.hoverBackground#272C2F
- statusBarItem.prominentBackground#A5E9F5
- statusBarItem.prominentForeground#181A1C
- statusBarItem.prominentHoverBackground#33383C
- statusBarItem.remoteBackground#1F2225
- statusBarItem.remoteForeground#D9CC58
- symbolIcon.arrayForeground#A5E9F5
- symbolIcon.classForeground#A5E9F5
- symbolIcon.colorForeground#D78CF0
- symbolIcon.constantForeground#D9CC58
- symbolIcon.constructorForeground#A5E9F5
- symbolIcon.enumeratorForeground#A5E9F5
- symbolIcon.enumeratorMemberForeground#A5E9F5
- symbolIcon.eventForeground#E9A96E
- symbolIcon.fieldForeground#BFD6D8
- symbolIcon.fileForeground#E9F2F2
- symbolIcon.folderForeground#A5E9F5
- symbolIcon.functionForeground#46C2A8
- symbolIcon.interfaceForeground#A5E9F5
- symbolIcon.keyForeground#8FCF7A
- symbolIcon.keywordForeground#D78CF0
- symbolIcon.methodForeground#46C2A8
- symbolIcon.moduleForeground#E9A96E
- symbolIcon.namespaceForeground#E9A96E
- symbolIcon.nullForeground#E0617A
- symbolIcon.numberForeground#D9CC58
- symbolIcon.objectForeground#A5E9F5
- symbolIcon.operatorForeground#7A878A
- symbolIcon.packageForeground#E9A96E
- symbolIcon.propertyForeground#BFD6D8
- symbolIcon.referenceForeground#A5E9F5
- symbolIcon.snippetForeground#D78CF0
- symbolIcon.stringForeground#8FCF7A
- symbolIcon.structForeground#A5E9F5
- symbolIcon.textForeground#E9F2F2
- symbolIcon.typeParameterForeground#A5E9F5
- symbolIcon.unitForeground#D9CC58
- symbolIcon.variableForeground#E9F2F2
- tab.activeBackground#181A1C
- tab.activeForeground#E9F2F2
- tab.activeModifiedBorder#A5E9F5
- tab.border#272C2F
- tab.hoverBackground#272C2F
- tab.inactiveBackground#1F2225
- tab.inactiveForeground#6E797E
- tab.inactiveModifiedBorder#A5E9F5
- tab.lastPinnedBorder#272C2F
- tab.unfocusedActiveBackground#181A1C
- tab.unfocusedHoverBackground#272C2F
- tab.unfocusedInactiveBackground#1F2225
- tab.unfocusedInactiveModifiedBorder#A5E9F5
- terminal.ansiBlack#181A1C
- terminal.ansiBlue#A5E9F5
- terminal.ansiBrightBlack#33383C
- terminal.ansiBrightBlue#B7F2FC
- terminal.ansiBrightCyan#5FD3BA
- terminal.ansiBrightGreen#9FDC8A
- terminal.ansiBrightMagenta#E39AF8
- terminal.ansiBrightRed#F1738D
- terminal.ansiBrightWhite#F5FAFA
- terminal.ansiBrightYellow#E6D667
- terminal.ansiCyan#46C2A8
- terminal.ansiGreen#8FCF7A
- terminal.ansiMagenta#D78CF0
- terminal.ansiRed#E0617A
- terminal.ansiWhite#E9F2F2
- terminal.ansiYellow#D9CC58
- terminal.background#181A1C
- terminal.dropBackground#1B1E20
- terminal.foreground#E9F2F2
- terminal.selectionBackground#33383C
- terminal.tab.activeBorder#00000000
- terminalCursor.background#181A1C
- terminalCursor.foreground#E9F2F2
- textBlockQuote.background#1B1E20
- textBlockQuote.border#272C2F
- textCodeBlock.background#1B1E20
- textLink.activeForeground#D78CF0
- textLink.foreground#A5E9F5
- textPreformat.foreground#E9A96E
- textSeparator.foreground#272C2F
- titleBar.activeBackground#1F2225
- titleBar.activeForeground#E9F2F2
- titleBar.inactiveBackground#131618
- titleBar.inactiveForeground#6E797E
- toolbar.activeBackground#33383C
- toolbar.hoverBackground#33383C
- tree.indentGuidesStroke#272C2F
- walkThrough.embeddedEditorBackground#181A1C
- welcomePage.background#181A1C
- widget.shadow#00000015
- window.activeBorder#272C2F
- window.inactiveBorder#131618
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8B9C9F | — |
| constant, constant.language, constant.numeric, constant.character, constant.character.escape, constant.other, constant.language.boolean, constant.language.null, constant.language.undefined | #D9CC58 | — |
| entity.name.function, meta.function-call, support.function, entity.name.method, variable.function | #46C2A8 | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.interface, entity.name.enum, entity.name.union, entity.name.type.parameter, support.class, support.type, support.type.builtin, support.type.primitive, support.type.defaultLibrary, source.c storage.type, source.cpp storage.type.built-in, source.go storage.type, source.java storage.type | #A5E9F5 | — |
| entity.name.tag | #D78CF0 | — |
| entity.other.attribute-name | #BFD6D8 | — |
| entity.name.namespace, entity.name.module | #E9F2F2 | — |
| keyword, storage.type, storage.modifier, storage.control, keyword.control, keyword.operator.new, keyword.operator.expression | #D78CF0 | — |
| keyword.operator | #7A878A | — |
| string, string.quoted, string.template, string.regexp | #8FCF7A | — |
| variable, identifier | #E9F2F2 | — |
| variable.parameter, variable.other | #E9F2F2 | — |
| meta.property-name, support.variable.property, variable.other.property, variable.other.member, entity.name.property, meta.attribute | #BFD6D8 | — |
| punctuation, punctuation.definition.string, punctuation.definition.tag | #7A878A | — |
| invalid | #E0617A | — |
| invalid.deprecated | #6E797E | — |
| markup.heading | #D78CF0 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inserted.diff | #8FCF7A | — |
| markup.deleted.diff | #E0617A | — |
| markup.changed.diff | #A5E9F5 | — |
| meta.diff.range | #D78CF0 | — |
| meta.import, meta.export, meta.directive | #D78CF0 | — |
| meta.property-name.css | #A5E9F5 | — |
| meta.property-value.css | #D9CC58 | — |
| support.constant | #D9CC58 | — |
| entity.name.function.decorator, meta.decorator, meta.function.decorator | #E9A96E | — |