Velvet Chrome
Publisher: Willian DuqueThemes in package: 1
A minimal dark VS Code theme with a unified chrome frame and split cyan-violet accents.
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#232323
- activityBar.activeBorder#CFA0FF
- activityBar.activeFocusBorder#74C6FF
- activityBar.background#232323
- activityBar.border#232323
- activityBar.dropBorder#CFA0FF
- activityBar.foreground#E6E6E6
- activityBar.inactiveForeground#9A9A9A
- activityBarBadge.background#6A9E86
- activityBarBadge.foreground#1C1C1C
- badge.background#E6C36A
- badge.foreground#1C1C1C
- breadcrumb.activeSelectionForeground#CFA0FF
- breadcrumb.background#232323
- breadcrumb.focusForeground#E6E6E6
- breadcrumb.foreground#9A9A9A
- breadcrumbPicker.background#1F1F1F
- button.background#5B3DA8
- button.foreground#FFFFFF
- button.hoverBackground#6A4CBF
- button.secondaryBackground#2A2A2F
- button.secondaryForeground#E6E6E6
- button.secondaryHoverBackground#333340
- commandCenter.activeBackground#2A2A2F
- commandCenter.activeForeground#FFFFFF
- commandCenter.background#232323
- commandCenter.border#2A2A2A
- commandCenter.foreground#E6E6E6
- debugConsole.errorForeground#D97A7A
- debugConsole.infoForeground#74C6FF
- debugConsole.sourceForeground#9A9A9A
- debugConsole.warningForeground#E6C36A
- debugIcon.breakpointCurrentStackframeForeground#CFA0FF
- debugIcon.breakpointDisabledForeground#7A4A4A
- debugIcon.breakpointForeground#D97A7A
- debugIcon.breakpointStackframeForeground#74C6FF
- debugIcon.breakpointUnverifiedForeground#E6C36A
- debugIcon.continueForeground#6A9E86
- debugIcon.disconnectForeground#D97A7A
- debugIcon.pauseForeground#E6C36A
- debugIcon.restartForeground#B48EED
- debugIcon.startForeground#6A9E86
- debugIcon.stepIntoForeground#CFA0FF
- debugIcon.stepOutForeground#CFA0FF
- debugIcon.stepOverForeground#CFA0FF
- debugIcon.stopForeground#D97A7A
- debugToolBar.background#202020
- debugToolBar.border#2A2A2A
- diffEditor.border#2A2A2A
- diffEditor.diagonalFill#2A2A2A
- diffEditor.insertedLineBackground#6BCFAF4D
- diffEditor.insertedTextBackground#6BCFAF42
- diffEditor.insertedTextBorder#4D9C7B
- diffEditor.removedLineBackground#5A2F4A66
- diffEditor.removedTextBackground#6E3F5B33
- diffEditor.removedTextBorder#9C5B84
- diffEditorGutter.insertedLineBackground#133126
- diffEditorGutter.removedLineBackground#3A2332
- diffEditorOverview.insertedForeground#6BBF9A
- diffEditorOverview.removedForeground#C97FAF
- editor.background#191919
- editor.findMatchBackground#3A2F20
- editor.findMatchBorder#E6C36A
- editor.findMatchHighlightBackground#3A2F2077
- editor.findMatchHighlightBorder#CFA0FF
- editor.foldPlaceholderForeground#9A9A9A
- editor.foreground#ECECEC
- editor.hoverHighlightBackground#2A2A2F55
- editor.inactiveLineHighlightBackground#2A2A2F66
- editor.inactiveSelectionBackground#3A3A424D
- editor.lineHighlightBackground#2A2A2F
- editor.lineHighlightBorder#2A2A2F
- editor.rangeHighlightBackground#2A2A2F55
- editor.rangeHighlightBorder#2A2A2F88
- editor.selectionBackground#3A3A42
- editor.selectionForeground#FFFFFF
- editor.selectionHighlightBackground#3A3A4277
- editor.selectionHighlightBorder#3A3A42AA
- editor.wordHighlightBackground#3A4A3A55
- editor.wordHighlightBorder#3A4A3A
- editor.wordHighlightStrongBackground#4A5A4A55
- editor.wordHighlightStrongBorder#4A5A4A
- editor.wordHighlightTextBackground#3A4A3A44
- editorBracketMatch.background#2A2A2F
- editorBracketMatch.border#CFA0FF
- editorBracketPairGuide.activeBackground1#CFA0FF
- editorBracketPairGuide.activeBackground2#74C6FF
- editorBracketPairGuide.activeBackground3#B48EED
- editorBracketPairGuide.background1#2A2A2A
- editorBracketPairGuide.background2#2A2A2A
- editorBracketPairGuide.background3#2A2A2A
- editorCodeLens.foreground#9A9A9A
- editorCursor.foreground#D0D0D0
- editorError.foreground#D97A7A
- editorGhostText.foreground#7A7A7A
- editorGroup.border#232323
- editorGroupHeader.border#232323
- editorGroupHeader.noTabsBackground#232323
- editorGroupHeader.tabsBackground#232323
- editorGroupHeader.tabsBorder#232323
- editorGutter.addedBackground#6A9E86
- editorGutter.background#1C1C1C
- editorGutter.deletedBackground#D97A7A
- editorGutter.foldingControlForeground#9A9A9A
- editorGutter.modifiedBackground#B48EED
- editorHint.foreground#6A9E86
- editorHoverWidget.background#1F1F1F
- editorHoverWidget.border#2A2A2A
- editorInfo.foreground#74C6FF
- editorInlayHint.background#252525
- editorInlayHint.foreground#9A9A9A
- editorInlayHint.parameterBackground#2A2A2F
- editorInlayHint.parameterForeground#D7D7D7
- editorInlayHint.typeBackground#2A2A2F
- editorInlayHint.typeForeground#74C6FF
- editorLightBulb.foreground#E6C36A
- editorLightBulbAutoFix.foreground#6A9E86
- editorLineNumber.activeForeground#CFA0FF
- editorLineNumber.foreground#848484
- editorLink.activeForeground#CFA0FF
- editorMarkerNavigation.background#1F1F1F
- editorMarkerNavigationError.background#3A1E1E
- editorMarkerNavigationError.headerBackground#2B1E1E
- editorMarkerNavigationInfo.background#1E2B2F
- editorMarkerNavigationInfo.headerBackground#1E2B2F
- editorMarkerNavigationWarning.background#3A2F20
- editorMarkerNavigationWarning.headerBackground#2F261B
- editorOverviewRuler.errorForeground#D97A7A
- editorOverviewRuler.findMatchForeground#E6C36A88
- editorOverviewRuler.infoForeground#74C6FF
- editorOverviewRuler.rangeHighlightForeground#CFA0FF88
- editorOverviewRuler.selectionHighlightForeground#CFA0FF88
- editorOverviewRuler.warningForeground#E6C36A
- editorOverviewRuler.wordHighlightForeground#6A9E8688
- editorOverviewRuler.wordHighlightStrongForeground#B48EED88
- editorOverviewRuler.wordHighlightTextForeground#6A9E8688
- editorRuler.foreground#2A2A2A
- editorSuggestWidget.background#1F1F1F
- editorSuggestWidget.border#2A2A2A
- editorSuggestWidget.focusHighlightForeground#CFA0FF
- editorSuggestWidget.foreground#E6E6E6
- editorSuggestWidget.highlightForeground#CFA0FF
- editorSuggestWidget.selectedBackground#2A2A2F
- editorSuggestWidget.selectedForeground#FFFFFF
- editorSuggestWidget.selectedIconForeground#CFA0FF
- editorUnicodeHighlight.border#E6C36A
- editorWarning.foreground#E6C36A
- editorWidget.background#1F1F1F
- editorWidget.border#2A2A2A
- extensionBadge.remoteBackground#74C6FF
- extensionBadge.remoteForeground#1C1C1C
- extensionButton.background#2A2A2F
- extensionButton.foreground#E6E6E6
- extensionButton.hoverBackground#33333A
- extensionButton.prominentBackground#5B3DA8
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#6A48C1
- extensionIcon.starForeground#E6C36A
- focusBorder#74C6FF
- gitDecoration.addedResourceForeground#6A9E86
- gitDecoration.conflictingResourceForeground#E6C36A
- gitDecoration.deletedResourceForeground#D97A7A
- gitDecoration.ignoredResourceForeground#6B6B6B
- gitDecoration.modifiedResourceForeground#B48EED
- gitDecoration.stageDeletedResourceForeground#D97A7A
- gitDecoration.stageModifiedResourceForeground#B48EED
- gitDecoration.submoduleResourceForeground#74C6FF
- gitDecoration.untrackedResourceForeground#6A9E86
- icon.foreground#CFA0FF
- input.background#1F1F1F
- input.border#2A2A2A
- input.foreground#F0F0F0
- inputOption.activeBackground#2A2A33
- inputOption.activeForeground#FFFFFF
- inputOption.hoverBackground#24242D
- inputValidation.errorBackground#3A1E1E
- inputValidation.errorBorder#D97A7A
- inputValidation.errorForeground#E6E6E6
- inputValidation.infoBackground#1E2B2F
- inputValidation.infoBorder#74C6FF
- inputValidation.infoForeground#E6E6E6
- inputValidation.warningBackground#3A2F20
- inputValidation.warningBorder#E6C36A
- inputValidation.warningForeground#E6E6E6
- list.activeSelectionBackground#2A2A2F
- list.activeSelectionForeground#F2F2F2
- list.dropBackground#2A2A33
- list.errorForeground#D97A7A
- list.filterMatchBackground#3B2A5E55
- list.filterMatchBorder#CFA0FF
- list.focusBackground#2F2F38
- list.focusForeground#FFFFFF
- list.highlightForeground#CFA0FF
- list.hoverBackground#2A2A33
- list.hoverForeground#F0F0F0
- list.inactiveSelectionBackground#24242D
- list.inactiveSelectionForeground#D7D7D7
- list.warningForeground#E6C36A
- merge.border#232323
- merge.commonContentBackground#3A3A3A33
- merge.commonHeaderBackground#3A3A3A88
- merge.currentContentBackground#B48EED33
- merge.currentHeaderBackground#B48EED88
- merge.incomingContentBackground#6A9E8633
- merge.incomingHeaderBackground#6A9E8688
- mergeEditor.change.background#2A2A2F
- mergeEditor.change.word.background#CFA0FF33
- mergeEditor.conflict.handledFocused.border#CFA0FF
- mergeEditor.conflict.handledUnfocused.border#2A2A2F
- mergeEditor.conflict.unhandledFocused.border#74C6FF
- mergeEditor.conflict.unhandledUnfocused.border#E6C36A
- mergeEditor.conflictingLines.background#E6C36A1A
- minimap.errorHighlight#D97A7A
- minimap.findMatchHighlight#E6C36A80
- minimap.infoHighlight#74C6FF
- minimap.selectionHighlight#3B2A5E80
- minimap.selectionOccurrenceHighlight#B48EED80
- minimap.warningHighlight#E6C36A
- notebook.cellBorderColor#2A2A2A
- notebook.cellHoverBackground#202020
- notebook.cellInsertionIndicator#5B3DA8
- notebook.cellStatusBarItemHoverBackground#2A2A2F
- notebook.cellToolbarSeparator#2A2A2A
- notebook.focusedCellBorder#5B3DA8
- notebook.focusedEditorBorder#3A2A5E
- notebook.inactiveFocusedCellBorder#3A3A3A
- notebook.outputContainerBackgroundColor#1B1B1B
- notebook.selectedCellBorder#CFA0FF
- notebookStatusRunningIcon.foreground#E6C36A
- notifications.background#1F1F1F
- notifications.border#2A2A2A
- notifications.foreground#E6E6E6
- notificationsErrorIcon.foreground#D97A7A
- notificationsInfoIcon.foreground#74C6FF
- notificationsWarningIcon.foreground#E6C36A
- panel.background#232323
- panel.border#232323
- panelInput.border#232323
- panelSectionHeader.background#2A2A2F
- panelSectionHeader.foreground#E6E6E6
- panelTitle.activeBorder#5B3DA8
- panelTitle.activeForeground#E6E6E6
- panelTitle.inactiveForeground#9A9A9A
- peekView.border#2A2A2A
- peekViewEditor.background#1C1C1C
- peekViewEditor.matchHighlightBackground#3A2F20
- peekViewEditorGutter.background#1C1C1C
- peekViewResult.background#1F1F1F
- peekViewResult.fileForeground#E6E6E6
- peekViewResult.lineForeground#D7D7D7
- peekViewResult.matchHighlightBackground#3B2A5E
- peekViewTitle.background#202020
- peekViewTitleDescription.foreground#9A9A9A
- peekViewTitleLabel.foreground#E6E6E6
- problemsErrorIcon.foreground#D97A7A
- problemsInfoIcon.foreground#74C6FF
- problemsWarningIcon.foreground#E6C36A
- progressBar.background#5B3DA8
- quickInput.background#1F1F1F
- quickInput.foreground#E6E6E6
- quickInputList.focusBackground#2A2A2F
- quickInputList.focusForeground#FFFFFF
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#5B5B5BBB
- scrollbarSlider.background#3A3A3A88
- scrollbarSlider.hoverBackground#4A4A4A99
- search.resultsInfoForeground#9A9A9A
- searchEditor.findMatchBackground#3A2F20
- searchEditor.findMatchBorder#E6C36A
- searchEditor.textInputBorder#2A2A2A
- settings.checkboxBackground#1F1F1F
- settings.checkboxBorder#2A2A2A
- settings.checkboxForeground#E6E6E6
- settings.dropdownBackground#1F1F1F
- settings.dropdownBorder#2A2A2A
- settings.dropdownForeground#E6E6E6
- settings.dropdownListBorder#2A2A2A
- settings.focusedRowBackground#232326
- settings.headerForeground#E6E6E6
- settings.modifiedItemIndicator#E6C36A
- settings.numberInputBackground#1F1F1F
- settings.numberInputBorder#2A2A2A
- settings.numberInputForeground#E6E6E6
- settings.rowHoverBackground#242424
- settings.sashBorder#232323
- settings.textInputBackground#1F1F1F
- settings.textInputBorder#2A2A2A
- settings.textInputForeground#E6E6E6
- sideBar.background#232323
- sideBar.border#232323
- sideBar.foreground#E2E2E2
- sideBarSectionHeader.background#2A2A2F
- sideBarSectionHeader.foreground#E6E6E6
- sideBarTitle.foreground#E6E6E6
- statusBar.background#232323
- statusBar.debuggingBackground#232323
- statusBar.debuggingBorder#CFA0FF
- statusBar.debuggingForeground#E6E6E6
- statusBar.foreground#E6E6E6
- statusBar.noFolderBackground#232323
- statusBar.noFolderBorder#74C6FF
- statusBar.noFolderForeground#E6E6E6
- statusBarItem.activeBackground#2D2D33
- statusBarItem.errorBackground#D97A7A
- statusBarItem.errorForeground#1C1C1C
- statusBarItem.hoverBackground#2A2A2F
- statusBarItem.prominentBackground#E6C36A
- statusBarItem.prominentForeground#1C1C1C
- statusBarItem.prominentHoverBackground#E6C36A
- statusBarItem.warningBackground#E6C36A
- statusBarItem.warningForeground#1C1C1C
- tab.activeBackground#232323
- tab.activeBorder#CFA0FF
- tab.activeForeground#F0F0F0
- tab.activeModifiedBorder#E6C36A
- tab.border#2A2A2A
- tab.hoverBackground#2A2A33
- tab.inactiveBackground#232323
- tab.inactiveForeground#B0B0B0
- tab.inactiveModifiedBorder#B48EED
- tab.unfocusedActiveBorder#3A2A5E
- tab.unfocusedActiveForeground#D0D0D0
- tab.unfocusedActiveModifiedBorder#CFA0FF
- tab.unfocusedHoverBackground#2A2A33
- tab.unfocusedInactiveBackground#232323
- tab.unfocusedInactiveModifiedBorder#74C6FF
- terminal.ansiBlack#1B1B1B
- terminal.ansiBlue#74C6FF
- terminal.ansiBrightBlack#3A3A3A
- terminal.ansiBrightBlue#74C6FF
- terminal.ansiBrightCyan#7CC6BC
- terminal.ansiBrightGreen#9AD1A6
- terminal.ansiBrightMagenta#CFA0FF
- terminal.ansiBrightRed#D97A7A
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E6C36A
- terminal.ansiCyan#6BB1A6
- terminal.ansiGreen#6A9E86
- terminal.ansiMagenta#B48EED
- terminal.ansiRed#D97A7A
- terminal.ansiWhite#E6E6E6
- terminal.ansiYellow#E6C36A
- terminal.background#1B1B1B
- terminal.findMatchBackground#3A2F2088
- terminal.findMatchBorder#E6C36A
- terminal.findMatchHighlightBackground#3A2F2055
- terminal.findMatchHighlightBorder#CFA0FF
- terminal.foreground#EDEDED
- terminal.selectionBackground#3B2A5E66
- terminal.tab.activeBorder#CFA0FF
- terminalCursor.background#CFA0FF
- terminalCursor.foreground#CFA0FF
- titleBar.activeBackground#232323
- titleBar.activeForeground#E6E6E6
- titleBar.inactiveBackground#232323
- titleBar.inactiveForeground#9A9A9A
- toolbar.activeBackground#2A2A2F
- toolbar.hoverBackground#252525
- toolbar.hoverOutline#2F2F38
- tree.indentGuidesStroke#2A2A2A
- tree.tableColumnsBorder#2A2A2A
- tree.tableOddRowsBackground#202020
- walkThrough.embeddedEditorBackground#1B1B1B
- welcomePage.background#1C1C1C
- welcomePage.progress.background#2A2A2A
- welcomePage.progress.foreground#5B3DA8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block | #6A9E86 | — |
| keyword, keyword.control | #D6A8FF | — |
| keyword.control.async, storage.type.function, keyword.function | #F0F0F0 | — |
| keyword.operator.arrow, punctuation.definition.arrow, punctuation.separator.key-value | #F0F0F0 | — |
| keyword.declaration.type, keyword.declaration.interface, storage.type, storage.type.class, storage.type.interface | #F0F0F0 | — |
| keyword.declaration, keyword.control.export, keyword.control.import, keyword.control.from, storage.type.import, storage.type.export, keyword.other.let, keyword.other.const | #DDA167 | — |
| keyword.operator, storage.type, storage.modifier | #C08CFF | — |
| entity.name.function, support.function, meta.function-call, variable.function | #D0A1FF | — |
| entity.name.type, support.type, storage.type.class, entity.name.class, entity.name.interface | #74C6FF | — |
| variable, variable.parameter | #F4F4F4 | — |
| string, string.quoted | #E6C36A | — |
| constant, constant.numeric | #E0E0E0 | — |
| constant.language, constant.character, variable.other.constant, support.constant | #D8D8D8 | — |
| entity.name.tag, support.class.component, support.class.jsx, entity.name.tag.jsx, entity.name.tag.tsx | #74C6FF | — |
| entity.other.attribute-name, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #CFA0FF | — |
| meta.jsx.attributes, meta.jsx.attribute, meta.jsx.attribute.name | #DDA5FF | — |
| support.class.component.tsx, support.class.component.jsx, entity.name.type.jsx, entity.name.type.tsx | #74C6FF | — |
| support.class.component | #74C6FF | — |
| support.class.component.tsx, support.class.component.jsx, entity.name.type.jsx, entity.name.type.tsx | #74C6FF | — |
| entity.name.tag.tsx, entity.name.tag.jsx, meta.jsx.children | #74C6FF | — |
| meta.jsx.children, string.unquoted, string.unquoted.jsx, string.unquoted.tsx | #E6C36A | — |
| meta.jsx.children.js, meta.jsx.children.ts, meta.jsx.children.tsx | #E6E6E6 | — |
| meta.jsx.expression, meta.embedded.expression | #E6E6E6 | — |
| source.sql keyword, source.sql keyword.other, source.sql keyword.control, source.sql keyword.operator | #D6A8FF | — |
| source.sql entity.name.function, source.sql support.function, source.sql meta.function | #D7A6FF | — |
| source.sql storage.type, source.sql support.type, source.sql entity.name.type | #74C6FF | — |
| source.sql constant.numeric, source.sql constant | #E0E0E0 | — |
| source.sql string, source.sql string.quoted | #E6C36A | — |
| source.sql entity.name.table, source.sql entity.name.schema, source.sql entity.name.database | #74C6FF | — |
| source.sql entity.name.column, source.sql variable.other | #F0F0F0 | — |
| source.java storage.type, source.java storage.modifier, source.java keyword | #D6A8FF | — |
| source.java entity.name.type, source.java support.class, source.java entity.name.class, source.java entity.name.interface | #74C6FF | — |
| source.java entity.name.method, source.java support.function, source.java meta.method | #D7A6FF | — |
| source.java variable, source.java variable.parameter, source.java variable.other | #F0F0F0 | — |
| source.java constant.numeric, source.java constant | #E0E0E0 | — |
| source.java string, source.java string.quoted | #E6C36A | — |
| source.java comment | #6A9E86 | — |
| text.html.markdown, text.markdown | #E6E6E6 | — |
| markup.heading, markup.heading.markdown | #66D9FF | bold |
| markup.heading.markdown punctuation.definition.heading | #DDA167 | — |
| markup.bold, markup.bold.markdown | #F0F0F0 | bold |
| markup.italic, markup.italic.markdown | #F0F0F0 | italic |
| markup.inline.raw, markup.inline.raw.markdown | #DDA167 | — |
| markup.fenced_code.block, markup.fenced_code.block.markdown | #E6E6E6 | — |
| markup.quote, markup.quote.markdown | #7FD1B0 | — |
| markup.list, markup.list.markdown | #D6A8FF | — |
| markup.link, markup.link.markdown, markup.underline.link | #5FCBFF | underline |
| string.other.link, markup.link.text | #E6C36A | — |
| entity.name.section.markdown | #66D9FF | bold |
| meta.separator, meta.separator.markdown | #6B6B6B | — |
| source.python keyword, source.python keyword.control, source.python storage.type | #D6A8FF | — |
| source.python entity.name.function, source.python meta.function, source.python support.function | #D7A6FF | — |
| source.python entity.name.class, source.python support.class, source.python entity.name.type | #74C6FF | — |
| source.python variable, source.python variable.parameter | #F0F0F0 | — |
| source.python constant.numeric, source.python constant | #E0E0E0 | — |
| source.python string, source.python string.quoted | #E6C36A | — |
| source.python comment | #6A9E86 | — |
| meta.type.annotation, meta.type.parameters, entity.name.type.alias, support.type.primitive | #74C6FF | — |
| entity.name.type.parameter, support.type.type-parameter, meta.type.parameters | #74C6FF | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #D6A8FF | — |
| keyword.control.import.type, meta.import, meta.import.ts, meta.import.tsx | #CFA0FF | — |
| punctuation.accessor, punctuation.separator, punctuation.terminator, punctuation.definition.type | #D0D0D0 | — |
| keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison | #C08CFF | — |
| keyword.operator.type, keyword.operator.expression, keyword.operator.typeof, keyword.operator.new | #C08CFF | — |
| keyword.operator.logical, keyword.operator.ternary, keyword.operator.relational | #C08CFF | — |
| keyword.control.conditional, keyword.control.switch, keyword.control.else, keyword.control.if | #D6A8FF | — |
| meta.type.predicate, keyword.operator.type.predicate | #F0F0F0 | — |
| meta.type.conditional, keyword.operator.conditional, keyword.operator.extends | #D6A8FF | — |