Crimson Void
Publisher: jackednerdThemes in package: 1
"A sleek and modern theme blending deep black with striking crimson accents. Perfect for those who seek an elegant, focused, and powerful coding environment."
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.
- !editorIndentGuide.activeBackground#1e211f
- activityBar.background#28292b
- activityBar.border#1e211f
- activityBar.foreground#f44747
- activityBar.inactiveForeground#838282
- activityBarBadge.background#444343
- activityBarBadge.foreground#ffffff
- badge.background#444343
- badge.foreground#ffffff
- breadcrumb.background#202020
- breadcrumb.focusForeground#f44747
- breadcrumb.foreground#ffffff
- button.background#313333
- button.foreground#ffffff
- button.secondaryBackground#212122cc
- button.secondaryForeground#bbbbbbbb
- charts.blue#9b6bdf
- charts.green#42e66c
- charts.orange#ef596f
- charts.purple#45e68a
- charts.red#e356a7
- charts.yellow#efa554
- checkbox.border#76857d
- checkbox.foreground#f44747
- debugConsole.errorForeground#f44747
- debugConsole.infoForeground#5d9dda
- debugConsole.sourceForeground#f44747
- debugExceptionWidget.background#f44747
- debugExceptionWidget.border#1e211f
- debugIcon.breakpointCurrentStackframeForeground#25435a
- debugIcon.breakpointDisabledForeground#526f69
- debugIcon.breakpointForeground#f44747
- debugIcon.breakpointStackframeForeground#18242d
- debugIcon.breakpointUnverifiedForeground#565e56
- debugIcon.continueForeground#f44747
- debugIcon.restartForeground#27e660
- debugIcon.startForeground#4190d1
- debugIcon.stepIntoForeground#66635f
- debugIcon.stepOutForeground#66635f
- debugIcon.stepOverForeground#9b6bdf
- debugIcon.stopForeground#f44747
- debugTokenExpression.boolean#788a8b
- debugTokenExpression.error#df5050
- debugTokenExpression.name#d7dee6
- debugTokenExpression.number#f44747
- debugTokenExpression.string#f6e3cc
- debugTokenExpression.value#f44747
- debugToolBar.background#131514
- debugView.stateLabelBackground#242626
- debugView.valueChangedHighlight#25435a99
- descriptionForeground#7b848d
- diffEditor.insertedTextBackground#142f1450
- diffEditor.removedTextBackground#26262650
- dropdown.background#191b1f
- dropdown.border#1e211f
- dropdown.foreground#d2d2d2
- editor.background#28292b
- editor.findMatchBackground#504d4d00
- editor.findMatchBorder#f44747
- editor.findMatchHighlightBackground#6b232daa
- editor.focusedStackFrameHighlightBackground#18242d
- editor.foreground#f8f8f2
- editor.lineHighlightBackground#17191877
- editor.lineHighlightBorder#17191800
- editor.linkedEditingBackground#1b2932
- editor.selectionBackground#25435a88
- editor.selectionHighlightBackground#1b2932
- editor.snippetTabstopHighlightBackground#1b2932aa
- editor.stackFrameHighlightBackground#25435a
- editor.wordHighlightBackground#1b2932aa
- editor.wordHighlightStrongBackground#1b2932aa
- editorBracketHighlight.foreground1#f8f8f2
- editorBracketHighlight.foreground2#f44747
- editorBracketHighlight.foreground3#6aadff
- editorBracketHighlight.foreground4#dfad0b
- editorBracketHighlight.foreground5#7948eb
- editorBracketHighlight.foreground6#f44747
- editorBracketHighlight.unexpectedBracket.foreground#f44747
- editorBracketMatch.border#b53241
- editorCursor.background#191b1f
- editorCursor.foreground#ffffff
- editorError.foreground#d83838
- editorGroup.border#1e211f
- editorGroup.dropBackground#1b2932aa
- editorGroupHeader.tabsBackground#191b1f
- editorGutter.addedBackground#142f14
- editorGutter.background#00000000
- editorGutter.deletedBackground#262626
- editorGutter.modifiedBackground#203952
- editorHint.border#1e211f
- editorHoverWidget.border#1e211f
- editorIndentGuide.background#1e211f
- editorInfo.border#1e211f
- editorLineNumber.activeForeground#f44747
- editorLineNumber.foreground#666879
- editorOverviewRuler.border#1e211f
- editorOverviewRuler.findMatchForeground#18242d
- editorSuggestWidget.background#2d302e
- editorSuggestWidget.border#191b1f
- editorUnnecessaryCode.border#565e56
- editorWarning.border#1e211f
- editorWidget.background#131514
- editorWidget.border#b53241
- focusBorder#1e211f
- foreground#d2d2d2
- input.background#191b1aaa
- input.border#1e211f
- input.placeholderForeground#7da1c2
- inputOption.activeBorder#1e211f
- inputValidation.errorBackground#422121
- inputValidation.errorForeground#e46c6c
- inputValidation.warningBackground#191a13
- keybindingLabel.background#212122
- keybindingLabel.bottomBorder#1e211f
- keybindingLabel.foreground#bbbbbb
- list.activeSelectionBackground#25435a
- list.activeSelectionForeground#ffffff
- list.deemphasizedForeground#7da1c2
- list.errorForeground#f44747
- list.focusBackground#25435a
- list.focusForeground#ffffff
- list.highlightForeground#b53241
- list.hoverBackground#25435a7a
- list.inactiveSelectionBackground#18242d99
- list.inactiveSelectionForeground#d2d2d2
- list.invalidItemForeground#526f69
- merge.border#1e211f
- minimap.errorHighlight#f44747aa
- minimap.selectionHighlight#2d4d66a1
- notificationCenter.border#1e211f
- notifications.background#13151480
- notifications.border#1e211f
- notificationToast.border#b532419a
- panel.background#191b1f
- panel.border#1e211f
- panelSection.dropBackground#1b2932aa
- panelSectionHeader.background#131514
- panelTitle.activeBorder#b53241
- panelTitle.activeForeground#d2d2d2
- panelTitle.inactiveForeground#d2d2d2
- peekView.border#b53241
- peekViewEditor.background#1b242e
- peekViewEditor.matchHighlightBackground#18242d
- peekViewEditorGutter.background#1b242e
- peekViewResult.background#191b1a
- peekViewResult.fileForeground#7da1c2
- peekViewResult.matchHighlightBackground#18242d
- peekViewResult.selectionBackground#25435a
- peekViewTitle.background#131514
- peekViewTitleDescription.foreground#7da1c2
- peekViewTitleLabel.foreground#d2d2d2
- pickerGroup.border#1e211f
- pickerGroup.foreground#7da1c2
- progressBar.background#b53241
- quickInput.foreground#d2d2d2
- quickInput.list.focusBackground#25435aaa
- scrollbar.shadow#1111113a
- scrollbarSlider.activeBackground#b532419a
- scrollbarSlider.hoverBackground#b532419a
- searchEditor.findMatchBackground#6b232d
- selection.background#25435a
- settings.focusedRowBackground#242626
- settings.modifiedItemIndicator#b53241
- settings.sashBorder#1e211f
- sideBar.background#202020
- sideBar.border#1e211f
- sideBar.foreground#D4D4D4
- sideBarSectionHeader.background#262727
- statusBar.background#202020
- statusBar.border#1e211f
- statusBar.debuggingBackground#202020
- statusBar.noFolderBackground#202020
- statusBarItem.prominentBackground#25435aaa
- statusBarItem.prominentForeground#ffffff
- statusBarItem.remoteBackground#d32f2f
- statusBarItem.remoteForeground#ffffff
- symbolIcon.arrayForeground#86dbfd
- symbolIcon.booleanForeground#788a8b
- symbolIcon.classForeground#6aadff
- symbolIcon.colorForeground#b53241
- symbolIcon.constantForeground#86dbfd
- symbolIcon.constructorForeground#6aadff
- symbolIcon.enumeratorForeground#f44747
- symbolIcon.enumeratorMemberForeground#86dbfd
- symbolIcon.eventForeground#b53241
- symbolIcon.fieldForeground#f44747
- symbolIcon.fileForeground#76857d
- symbolIcon.folderForeground#76857d
- symbolIcon.functionForeground#ef596f
- symbolIcon.interfaceForeground#f6e3cc
- tab.activeBackground#242626
- tab.activeBorder#b53241
- tab.border#1e211f
- tab.hoverBackground#242626aa
- tab.inactiveBackground#191b1f
- terminal.ansiBlue#9b6bdf
- terminal.ansiCyan#5cc8e0
- terminal.ansiGreen#f44747
- terminal.ansiMagenta#e64747
- terminal.ansiRed#e356a7
- terminal.ansiYellow#efa554
- terminalCursor.background#191b1f
- terminalCursor.foreground#f1e8e9
- testing.iconErrored#f44747
- testing.iconFailed#f44747
- testing.runAction#b53241
- textBlockQuote.background#1b242e
- textBlockQuote.border#1e211f
- textCodeBlock.background#1b242e
- textLink.activeForeground#b53241
- textLink.foreground#ffffffaa
- textSeparator.foreground#1e211f
- titleBar.activeBackground#131514
- titleBar.border#1e211f
- titleBar.inactiveBackground#131514
- toolbar.activeBackground#242626
- toolbar.hoverBackground#242626
- toolbar.hoverOutline#242626
- tree.indentGuidesStroke#1e211f
- welcomePage.tileBackground#1b242eaa
- welcomePage.tileHoverBackground#25435aaa
- widget.shadow#1111115a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| invalid, invalid.illegal | #ff0000 | |
| invalid.deprecated | #7DA1C2 | underline italic |
| markup.underline, markup.heading | #e95757 | underline |
| markup.bold | — | bold |
| markup.italic | — | italic |
| support.type.property-name.json, meta.object-literal.key, variable.object.property, variable.other.readwrite.alias, variable.other.property, meta.brace | #F8F8F2 | bold |
| source, punctuation.definition.parameters, punctuation.definition.block, text.html.markdown, variable.other.constant, meta.definition.variable, variable.other.constant.js, variable.other.constant.ts | #F8F8F2 | — |
| variable.parameter, meta.parameters, meta.function-call.arguments, markup.inline.raw.string.markdown | #d38833 | — |
| constant.language.json, keyword, storage.type, storage.modifier, keyword.operator.optional, keyword.operator.new, keyword.operator.instanceof, keyword.operator.expression.typeof, constant.language.boolean, variable.language.this, constant.language.undefined, constant.language.java, constant.language.python, support.type.primitive.ts, markup.heading.setext, punctuation.definition.raw.markdown | #abb0b1 | — |
| variable.other.constant, meta.definition.method, meta.definition.function, meta.embedded.line, markup.inline.raw.string, variable.css, meta.function, support.class, meta.method.identifier, variable.other.readwrite.alias | #f8fbff | — |
| keyword.operator, entity.name.tag, meta.template.expression, punctuation.definition.list.begin, support.class.component.svelte, punctuation.definition.link.restructuredtext, punctuation.definition.typeparameters | #ffffff | — |
| entity.name.type.class, meta.type, variable.other.object, entity.name.type, markup.heading, string.other.link.title, storage.modifier.import, meta.import, storage.type.java, support.type.property-name, meta.property-name | #33aee7 | — |
| support.type.primitive, entity.name.type.interface, variable.parameter.function-callasd | #a84b4b | italic |
| meta.function-call, meta.link, meta.method-call, meta.function-call.ts, storage.type.annotation, meta.declaration.annotation, support.function, meta.assertion.look-ahead.regexp, entity.name.function | #f44747 | — |
| entity.other.attribute-name | #EF596F | italic |
| constant.numeric, support.type.object.module, variable.other.enummember, meta.enum.declaration, constant.other.color, variable.language.special, support.constant, meta.type.parameters, fenced_code.block.language.markdown, entity.name.section.markdown | #99c3d3 | — |
| string | #9f71e9 | italic |
| comment, markup.quote | #9f71e9 | italic |
| markup.fenced_code.block | — | bold |
| #7DA1C2 | — | |
| token.info-token | #3f557a | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |