RCVN Theme
Publisher: vdhoangsonThemes in package: 1
Preferred dark themes by Son Vo Dang Hoang
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.activeBackground#d827271e
- activityBar.background#202020
- activityBar.border#d827279a
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#ffffff
- activityBarBadge.background#d82728
- activityBarBadge.foreground#2d2d32
- badge.foreground#ffffff
- breadcrumb.background#d827271e
- button.background#d82728
- button.foreground#ffffff
- button.hoverBackground#d82727bc
- button.secondaryBackground#2d2d32
- button.secondaryForeground#d82728
- button.secondaryHoverBackground#d82727bc
- editor.background#2d2d32
- editor.findMatchBackground#d8272717
- editor.findMatchHighlightBackground#d8272717
- editor.foreground#ffffff
- editor.lineHighlightBackground#d8272717
- editor.selectionBackground#d8272717
- editor.selectionHighlightBackground#2d2d32b7
- editor.selectionHighlightBorder#d82728
- editorCursor.foreground#d82728
- editorLineNumber.activeForeground#d82728
- editorLineNumber.foreground#dcdcdc
- editorSuggestWidget.background#2d2d32
- editorWidget.background#2d2d32
- editorWidget.border#d82728
- input.background#2d2d32
- input.border#d82727bc
- list.activeSelectionBackground#d827271e
- list.activeSelectionForeground#ffffff
- list.focusBackground#d827271e
- list.focusForeground#ffffff
- list.highlightForeground#d82728
- list.hoverBackground#d827271e
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#d827271e
- list.inactiveSelectionForeground#ffffff
- minimap.background#2d2d32
- minimap.errorHighlight#d82728
- minimap.findMatchHighlight#d8d827bd
- minimap.warningHighlight#d86b27
- notificationCenter.border#d82727bc
- notificationCenterHeader.background#2d2d32
- notificationCenterHeader.foreground#d82728
- notifications.background#2d2d32
- notifications.foreground#d82728
- notificationToast.border#d82727bc
- panel.background#2d2d32
- panel.border#d827271e
- panelTitle.activeBorder#d82728
- panelTitle.activeForeground#d82728
- panelTitle.inactiveForeground#ffffff
- scrollbarSlider.background#d82727bc
- settings.checkboxBackground#2d2d32
- settings.checkboxBorder#d82727bc
- settings.checkboxForeground#d82728
- settings.dropdownBackground#2d2d32
- settings.dropdownBorder#d82727bc
- settings.dropdownForeground#d82728
- settings.dropdownListBorder#d82727bc
- settings.modifiedItemIndicator#d82728
- settings.numberInputBackground#2d2d32
- settings.numberInputBorder#d82727bc
- settings.numberInputForeground#d82728
- settings.sashBorder#d82727bc
- settings.textInputBackground#2d2d32
- settings.textInputBorder#d82727bc
- settings.textInputForeground#d82728
- sideBar.background#2d2d32
- sideBar.border#d827271e
- sideBarStickyScroll.background#2d2d32
- sideBarStickyScroll.border#d82728
- sideBarStickyScroll.shadow#d827271e
- sideBarTitle.foreground#ffffff
- statusBar.background#2d2d32
- statusBar.border#d82727bc
- statusBar.debuggingBackground#d82728
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#d82728
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#d82728
- statusBarItem.hoverBackground#d82728
- statusBarItem.remoteBackground#2d2d32
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#d82727bc
- tab.activeForeground#ffffff
- tab.hoverBackground#d82727bc
- tab.hoverForeground#ffffff
- tab.inactiveBackground#2d2d32
- textLink.activeForeground#d14949
- textLink.foreground#ffffff
- toolbar.activeBackground#d82728
- toolbar.hoverBackground#d82727bc
- welcomePage.background#2d2d32
- welcomePage.progress.background#000000
- welcomePage.progress.foreground#d82728
- welcomePage.tileBackground#2d2d32
- welcomePage.tileBorder#d82728
- welcomePage.tileHoverBackground#d82727bc
- widget.shadow#d82728
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #fcedc2 | — |
| meta.paragraph.markdown, string.other.link.description.title.markdown | #EEFFFF | — |
| entity.name.section.markdown, punctuation.definition.heading.markdown | #5abe5a | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.quote.markdown | #fadf96 | — |
| markup.quote.markdown | #fadf96 | italic |
| markup.bold.markdown, punctuation.definition.bold.markdown | #57cdff | bold |
| markup.italic.markdown, punctuation.definition.italic.markdown | #C792EA | italic |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #f7ecb5 | italic |
| punctuation.definition.metadata.markdown | #f3b8c2 | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #6dbdfa | — |
| comment | #999999 | italic |
| punctuation.definition.string | #6bff81 | — |
| string | #bcf0c0 | — |
| string.quoted, variable.other.readwrite.js | #bcf0c0 | |
| constant.numeric | #8dec95 | — |
| constant.language.boolean | #8dec95 | — |
| constant | #A170C6 | — |
| constant.language, punctuation.definition.constant, variable.other.constant | #92b6f4 | — |
| constant.character, constant.other | #fadf96 | — |
| variable | #a4ceee | italic |
| variable.other.object.js | #d6deeb | italic |
| variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.object.property.ts, variable.object.property.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts | #d6deeb | — |
| meta.class entity.name.type.class.tsx | #d29ffcff | — |
| entity.name.type.tsx, entity.name.type.module.tsx | #d29ffcff | — |
| meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx | #a1bde6 | — |
| variable.other.object.property | #f7ecb5 | italic |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property | #7fdbca | — |
| variable.other.readwrite.js, variable.parameter | #d7dbe0 | — |
| string.template meta.template.expression | #c63ed3 | — |
| string.template punctuation.definition.string | #fff | — |
| storage | #6dbdfa | |
| keyword, storage.type, storage.modifier, variable.language.this | #00bff9 | italic |
| keyword.operator | #00bff9 | italic |
| storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts | #c792ea | italic |
| variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other | #d3eed6 | — |
| entity.name.class | #f7ecb5 | — |
| entity.other.inherited-class | #4FB4D8 | |
| variable.other.readwrites, meta.definition.variable | #f7ecb5 | |
| support.variable.property | #7fdbca | — |
| entity.name.function | #87aff4 | italic |
| variable.parameter | #d7dbe0 | |
| entity.name.tag | #6dbdfa | |
| entity.name.type | #d29ffc | — |
| entity.other.attribute-name | #f7ecb5 | italic |
| punctuation.decorator | #f7ecb5 | italic |
| punctuation.definition.block, punctuation.definition.tag | #ffffff | — |
| support.function | #f7ecb5 | |
| support.constant | #ec9cd2 | |
| support.type, support.class | #7fdbca | — |
| support.other.variable | #CBCDD2 | — |
| invalid | #6dbdfa | italic bold underline |
| invalid.deprecated | #6dbdfa | bold italic underline |
| support.type.property-name.json | #91dacd | — |
| support.constant.json | #addb67 | — |
| meta.structure.dictionary.value.json string.quoted.double | #e0aff5 | — |
| string.quoted.double.json punctuation.definition.string.json | #80CBC4 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value constant.language | #f29fd8 | — |
| source.json support | #6dbdfa | — |
| source.json string, source.json punctuation.definition.string | #ece7cd | — |
| markup.list | #6dbdfa | — |
| markup.heading punctuation.definition.heading, entity.name.section | #4FB4D8 | |
| text.html.markdown meta.paragraph meta.link.inline, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.begin.markdown, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.end.markdown | #78bd65 | — |
| meta.paragraph.markdown | #ffffff | — |
| markup.quote | #78bd65 | italic |
| meta.link | #78BD65 | — |
| source.dockerfile | #99d0f7 | — |