Praxi Dark
Publisher: SleepyCatThemes in package: 1
The Color theme that inspired by Praxi (Original Character).
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#8d2255
- activityBar.border#ff7bac
- activityBar.foreground#ffc5da
- activityBar.inactiveForeground#e4f7ffb5
- activityBarBadge.background#007573
- activityBarBadge.foreground#e4f7ff
- button.background#000e14
- button.border#00c0bc
- button.foreground#e4f7ff
- button.hoverBackground#006664
- debugIcon.breakpointForeground#e33c63
- debugIcon.continueForeground#00c0bc
- debugIcon.pauseForeground#e33c63
- debugIcon.restartForeground#e33c63
- debugIcon.startForeground#00c0bc
- debugIcon.stopForeground#e33c63
- debugToolBar.background#000e14
- diffEditor.insertedLineBackground#0066645f
- diffEditor.insertedTextBackground#0066647f
- diffEditor.removedLineBackground#e33c635f
- diffEditor.removedTextBackground#e33c637f
- diffEditorGutter.insertedLineBackground#000e145f
- diffEditorGutter.removedLineBackground#e33c637f
- dropdown.background#1d2e36
- dropdown.border#00c0bc
- dropdown.foreground#e4f7ff
- dropdown.listBackground#1d2e36
- editor.background#004544
- editor.findMatchBackground#5ecfff7f
- editor.findMatchBorder#e4f7ff
- editor.findMatchHighlightBackground#5ecfff7f
- editor.findMatchHighlightBorder#006664
- editor.findRangeHighlightBackground#5ecfff7f
- editor.foreground#e4f7ff
- editor.inactiveSelectionBackground#00c0bc7f
- editor.lineHighlightBackground#000e1446
- editor.lineHighlightBorder#ff7babbf
- editor.selectionBackground#006664
- editorBracketHighlight.foreground1#e4f7ff
- editorBracketHighlight.foreground2#ffc5da
- editorBracketHighlight.foreground3#00c0bc
- editorBracketHighlight.foreground4#e4f7ff
- editorBracketHighlight.unexpectedBracket.foreground#e33c63
- editorError.background#e33c633f
- editorError.foreground#e33c63
- editorGroup.dropBackground#1d2e36be
- editorGroupHeader.tabsBackground#1d2e36
- editorGutter.addedBackground#ff7bac
- editorGutter.background#006664
- editorGutter.deletedBackground#e33c63
- editorGutter.foldingControlForeground#e4f7ff
- editorGutter.modifiedBackground#009e9c
- editorHoverWidget.background#1d2e36
- editorInfo.background#1d2e36d0
- editorInfo.foreground#00c0bc
- editorLightBulb.foreground#ff7bac
- editorLightBulbAi.foreground#ff7bac
- editorLightBulbAutoFix.foreground#e33c63
- editorLineNumber.activeForeground#ff7bac
- editorLineNumber.foreground#e4f7ffbe
- editorOverviewRuler.background#006664
- editorOverviewRuler.findMatchForeground#5ecfffc0
- editorStickyScroll.background#006664
- editorStickyScrollHover.background#009e9c
- editorSuggestWidget.background#1d2e36
- editorSuggestWidget.border#e4f7ff
- editorSuggestWidget.focusHighlightForeground#e4f7ff
- editorSuggestWidget.foreground#e4f7ff
- editorSuggestWidget.highlightForeground#e33c63
- editorSuggestWidget.selectedBackground#8d2255
- editorSuggestWidget.selectedIconForeground#e4f7ff
- editorWarning.background#ff7bab3f
- editorWarning.foreground#ff7bab
- editorWidget.background#1d2e36
- editorWidget.foreground#e4f7ff
- focusBorder#ff7bac
- gitDecoration.addedResourceForeground#ff7bac
- gitDecoration.conflictingResourceForeground#e33c63
- gitDecoration.deletedResourceForeground#ff7bac
- gitDecoration.ignoredResourceForeground#e4f7ff7f
- gitDecoration.modifiedResourceForeground#00c0bc
- gitDecoration.renamedResourceForeground#00c0bc
- gitDecoration.untrackedResourceForeground#ff7bac
- icon.foreground#00c0bc
- input.background#1d2e36
- input.border#00c0bc
- input.foreground#e4f7ff
- input.placeholderForeground#e4f7ffbe
- keybindingLabel.background#000e14
- keybindingLabel.border#00c0bc
- keybindingLabel.bottomBorder#00c0bc
- keybindingLabel.foreground#00c0bc
- list.errorForeground#e33c63
- list.focusHighlightForeground#e4f7ff
- list.highlightForeground#e33c63
- list.hoverBackground#000e14
- list.warningForeground#ff7bac
- menu.background#1d2e36
- menu.selectionBackground#8d2255
- menu.separatorBackground#ff7bac
- minimap.findMatchHighlight#5ecfff7f
- minimapSlider.activeBackground#e33c63c4
- minimapSlider.background#e33c6340
- minimapSlider.hoverBackground#e33c637f
- panel.background#006664
- panel.border#00c0bc
- panelTitle.activeBorder#ff7bac
- quickInput.background#1d2e36
- quickInput.foreground#e4f7ff
- quickInputList.focusBackground#8d2255
- quickInputList.focusIconForeground#8d2255
- scrollbarSlider.activeBackground#ff7bac
- scrollbarSlider.background#ff7bac7f
- scrollbarSlider.hoverBackground#ff7bacbf
- searchEditor.findMatchBackground#000e14
- sideBar.background#1d2e36
- sideBar.border#00c0bc
- sideBar.dropBackground#1d2e368c
- sideBar.foreground#e4f7ff
- sideBarSectionHeader.background#000e14
- sideBarSectionHeader.foreground#00c0bc
- sideBarTitle.background#1d2e36
- sideBarTitle.foreground#e4f7ff
- statusBar.background#8d2255
- statusBar.border#ff7bac
- statusBar.debuggingBackground#00c0bc
- statusBar.debuggingBorder#000e14
- statusBar.debuggingForeground#000e14
- statusBar.foreground#e4f7ff
- statusBar.noFolderBackground#ff7bac
- statusBar.noFolderBorder#8d2255
- statusBar.noFolderForeground#8d2255
- statusBarItem.remoteBackground#00c0bc
- statusBarItem.remoteForeground#000e14
- statusBarItem.remoteHoverBackground#e33c63
- statusBarItem.remoteHoverForeground#e4f7ff
- tab.activeBackground#006664
- tab.border#00c0bc
- tab.inactiveBackground#0066649d
- terminal.ansiBlack#000e14
- terminal.ansiBrightBlack#1d2e36
- terminal.ansiBrightBlue#5ecfff
- terminal.ansiRed#e33c63
- terminal.ansiWhite#e4f7ff
- terminal.background#1d2e36
- terminal.foreground#00c0bc
- terminal.selectionBackground#000e14
- titleBar.activeBackground#8d2255
- titleBar.activeForeground#e4f7ff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| token.info-token | #1d2e36 | — |
| token.warn-token | #ff7bac | — |
| token.error-token | #e33c63 | — |
| token.debug-token | #1d2e36 | — |
| comment, punctuation.definition.comment | #e4f7ff7f | italic |
| variable, identifier | #00c0bc | italic |
| string | #e4f7ff | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other, constant.other.color, punctuation.definition.constant.css | #e4f7ff | bold |
| type, class | #00c0bc | bold |
| function, method, entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #ff7bac | bold |
| keyword, storage, meta.tag, punctuation.definition, 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, meta.property-value | #ffc5da | — |
| entity.name.tag, meta.separator | #ff7bac | bold |
| support.type.property-name, meta.link.inline, meta.image.inline | #00c0bc | italic |
| markup.bold | — | bold |
| markup.italic | — | italic |
| source.python | #00c0bc | — |
| invalid | #e33c63 | bold |