Elegant Red
Publisher: hudadamar21Themes in package: 1
elegant red. combination black and red
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#bc1b1b
- activityBar.background#1f1f1f
- activityBar.border#4d4d4d
- activityBar.foreground#fff4f4
- activityBar.inactiveForeground#ffffff70
- activityBarBadge.background#d74f4f
- activityBarBadge.foreground#ffffff
- badge.background#bc1b1b
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.background#171717
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#d3d3d3d3
- button.background#bc1b1b
- button.foreground#ffffff
- button.hoverBackground#bc1b1bcb
- button.secondaryBackground#6d1111
- button.secondaryForeground#cbcbcb
- button.secondaryHoverBackground#680b0bc9
- checkbox.background#2c2c2c
- checkbox.border#580e0e
- checkbox.foreground#ffffff
- debugExceptionWidget.background#2c2c2c
- debugExceptionWidget.border#414141
- debugToolBar.background#2c2c2c
- debugToolBar.border#414141
- diffEditor.border#4b4b4b
- diffEditor.insertedTextBackground#54545433
- diffEditor.removedTextBackground#d11e1e22
- dropdown.background#2c2c2c
- dropdown.border#580e0e
- dropdown.foreground#ffffff
- editor.background#000000
- editor.findMatchBackground#be1e1e68
- editor.findMatchBorder#c0151578
- editor.findMatchHighlightBackground#00000046
- editor.findMatchHighlightBorder#c925258f
- editor.findRangeHighlightBackground#1d1d1d
- editor.findRangeHighlightBorder#26262618
- editor.foldBackground#d11e1e34
- editor.foreground#ffffff
- editor.hoverHighlightBackground#ffffff15
- editor.inactiveSelectionBackground#942b2b42
- editor.lineHighlightBackground#ffffff00
- editor.lineHighlightBorder#000000
- editor.rangeHighlightBackground#9f1a1a58
- editor.rangeHighlightBorder#ffffff00
- editor.selectionBackground#bc1c1c4e
- editor.selectionHighlightBackground#ba2a2a00
- editor.selectionHighlightBorder#e02e2e8b
- editor.wordHighlightBackground#9d1c1c46
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#9033334e
- editor.wordHighlightStrongBorder#ffffff00
- editorBracketMatch.background#e44f4f00
- editorBracketMatch.border#a31616
- editorCodeLens.foreground#adadad
- editorCursor.background#ffffff
- editorCursor.foreground#bc1b1b
- editorError.background#d11e1e1c
- editorError.border#2e2a2a00
- editorError.foreground#d11e1e
- editorGroup.border#3f3f3f
- editorGroup.emptyBackground#000000
- editorGroupHeader.border#ffffff00
- editorGroupHeader.tabsBackground#1f1f1f
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#6fd11ebf
- editorGutter.background#000000
- editorGutter.commentRangeForeground#c5c5c5
- editorGutter.deletedBackground#d11e1e
- editorGutter.foldingControlForeground#c5c5c5
- editorGutter.modifiedBackground#1e6cd1e9
- editorHoverWidget.background#0f0f0f
- editorHoverWidget.border#3f3f3f
- editorHoverWidget.foreground#ffffff
- editorIndentGuide.activeBackground#494949
- editorIndentGuide.background#2c2c2c
- editorInfo.background#4490BF00
- editorInfo.border#4490BF00
- editorInfo.foreground#1e85d1
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#adadad
- editorLink.activeForeground#40BBD4
- editorMarkerNavigation.background#000000
- editorMarkerNavigationError.background#d11e1e
- editorMarkerNavigationInfo.background#1e85d1
- editorMarkerNavigationWarning.background#d1721e
- editorOverviewRuler.background#25252500
- editorOverviewRuler.border#FFFFFF0F
- editorRuler.foreground#5a5a5a
- editorSuggestWidget.background#111111
- editorSuggestWidget.border#343434
- editorSuggestWidget.foreground#c2c2c2
- editorSuggestWidget.highlightForeground#ffffff
- editorSuggestWidget.selectedBackground#580e0e
- editorWarning.background#d1831e16
- editorWarning.border#ffffff00
- editorWarning.foreground#d1831e
- editorWhitespace.foreground#ffffff36
- editorWidget.background#212121
- editorWidget.foreground#e6e6e6
- editorWidget.resizeBorder#bc1b1b
- focusBorder#4b4b4b
- foreground#ffffff
- gitDecoration.addedResourceForeground#81b88b
- gitDecoration.conflictingResourceForeground#6c6cc4
- gitDecoration.deletedResourceForeground#c74e39
- gitDecoration.ignoredResourceForeground#8c8c8c
- gitDecoration.modifiedResourceForeground#e2c08d
- gitDecoration.stageDeletedResourceForeground#c74e39
- gitDecoration.stageModifiedResourceForeground#e2c08d
- gitDecoration.submoduleResourceForeground#8db9e2
- gitDecoration.untrackedResourceForeground#73c991
- icon.foreground#ffffff
- input.background#2c2c2c
- input.border#580e0e
- input.foreground#ffffff
- input.placeholderForeground#ffffff93
- inputOption.activeBackground#bc1b1bbf
- inputOption.activeBorder#bc1b1b
- inputOption.activeForeground#ffffff
- list.activeSelectionBackground#801818
- list.activeSelectionForeground#ffffff
- list.dropBackground#000000
- list.focusBackground#2a2a2a
- list.focusForeground#ffffff
- list.highlightForeground#bc1b1b
- list.hoverBackground#bc1b1b5a
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#7714149d
- list.inactiveSelectionForeground#ffffff
- listFilterWidget.background#bc1b1b
- listFilterWidget.noMatchesOutline#000000
- listFilterWidget.outline#000000
- menu.background#7b1616
- menu.border#580e0e
- menu.foreground#ffffff
- menu.selectionBackground#580e0e
- menu.selectionBorder#00000066
- menu.selectionForeground#cd7b7b
- menu.separatorBackground#580e0e
- menubar.selectionBackground#bc1b1b
- menubar.selectionBorder#bc1b1b00
- menubar.selectionForeground#ffffff
- merge.commonContentBackground#190e0e
- merge.commonHeaderBackground#601e1e
- merge.currentContentBackground#162e1c
- merge.currentHeaderBackground#15843b
- merge.incomingContentBackground#192d45
- merge.incomingHeaderBackground#284894
- minimap.background#000000
- minimap.errorHighlight#d11e1e
- minimap.findMatchHighlight#be1e1e68
- minimap.selectionHighlight#bc1c1c4e
- minimap.warningHighlight#d1831e
- minimapGutter.addedBackground#6fd11ebf
- minimapGutter.deletedBackground#d11e1e
- minimapGutter.modifiedBackground#1e6cd1e9
- notificationCenter.border#4f4f4f
- notificationCenterHeader.background#383838
- notificationCenterHeader.foreground#ffffff
- notifications.background#242424
- notifications.border#020202
- notifications.foreground#eeeeee
- notificationsErrorIcon.foreground#bc1b1b
- notificationsInfoIcon.foreground#1b71bc
- notificationsWarningIcon.foreground#bc7d1b
- notificationToast.border#454545
- panel.background#1d1d1d
- panel.border#494949
- panelSection.border#bc1b1b89
- panelTitle.activeBorder#bc1b1b
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#ffffffa3
- peekView.border#000000
- peekViewEditor.background#000000
- peekViewEditor.matchHighlightBackground#d11e1e3e
- peekViewEditor.matchHighlightBorder#d11e1e00
- peekViewEditorGutter.background#000000
- peekViewResult.background#191919
- peekViewResult.fileForeground#C5C5C5
- peekViewResult.lineForeground#f5f5f5
- peekViewResult.matchHighlightBackground#9090904d
- peekViewResult.selectionBackground#d11e1e46
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#1f1f1f
- peekViewTitleDescription.foreground#f2f2f2b3
- peekViewTitleLabel.foreground#d9d9d9
- pickerGroup.border#3b3b3b
- pickerGroup.foreground#c0c0c0
- progressBar.background#bc1b1b
- scrollbar.shadow#666666
- scrollbarSlider.activeBackground#bc1b1bb3
- scrollbarSlider.background#bc1b1b4c
- scrollbarSlider.hoverBackground#bc1b1b97
- selection.background#6d1616
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#ffffff
- sideBar.background#191919
- sideBar.border#bc1b1b
- sideBar.dropBackground#000000
- sideBar.foreground#f7f7f7
- sideBarSectionHeader.background#00000040
- sideBarSectionHeader.border#000000
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#ffffff
- statusBar.background#282828
- statusBar.border#171717
- statusBar.debuggingBackground#bc1b1b
- statusBar.debuggingBorder#000000
- statusBar.debuggingForeground#f9f9f9
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#363636
- statusBar.noFolderBorder#000000
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#FFFFFF25
- statusBarItem.hoverBackground#bc1b1b
- statusBarItem.remoteBackground#bc1b1b
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#bc1b1b
- tab.activeBorder#ffffff9b
- tab.activeBorderTop#00000000
- tab.activeForeground#ffffff
- tab.border#c0828200
- tab.hoverBackground#bc1b1bb5
- tab.hoverBorder#ffffff4a
- tab.hoverForeground#f7f7f7
- tab.inactiveBackground#1f1f1f
- tab.inactiveForeground#d7d7d7
- terminal.ansiBlack#868686
- terminal.ansiBlue#469DF1
- terminal.ansiBrightBlack#ABABAB
- terminal.ansiBrightBlue#74BCFF
- terminal.ansiBrightCyan#29b8db
- terminal.ansiBrightGreen#23d18b
- terminal.ansiBrightMagenta#d670d6
- terminal.ansiBrightRed#f14c4c
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#f5f543
- terminal.ansiCyan#11a8cd
- terminal.ansiGreen#0dbc79
- terminal.ansiMagenta#bc3fbc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#D4D4D4
- terminal.ansiYellow#e5e510
- terminal.border#bc1b1b89
- terminal.foreground#C5C5C5
- terminal.selectionBackground#d3d3d31c
- terminalCursor.background#bc1b1b
- terminalCursor.foreground#ffffff
- textLink.foreground#bc1b1b
- titleBar.activeBackground#2a2a2a
- titleBar.activeForeground#ffffff
- titleBar.border#000000
- titleBar.inactiveBackground#2a2a2a99
- titleBar.inactiveForeground#ffffff99
- tree.indentGuidesStroke#ffffff60
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#00000081
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #F8F8F2 | — |
| meta.embedded, source.groovy.embedded | #F8F8F2 | — |
| comment | #88846f | — |
| string | #E6DB74 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #F92672 | — |
| meta.template.expression | #F8F8F2 | — |
| constant.numeric | #AE81FF | — |
| constant.language | #AE81FF | — |
| constant.character, constant.other | #AE81FF | — |
| variable | #F8F8F2 | |
| keyword | #F92672 | — |
| storage | #F92672 | |
| storage.type | #66D9EF | italic |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #A6E22E | underline |
| entity.other.inherited-class | #A6E22E | italic underline |
| entity.name.function | #A6E22E | |
| variable.parameter | #FD971F | italic |
| entity.name.tag | #F92672 | |
| entity.other.attribute-name | #A6E22E | |
| support.function | #66D9EF | |
| support.constant | #66D9EF | |
| support.type, support.class | #66D9EF | italic |
| support.other.variable | — | |
| invalid | #F44747 | |
| invalid.deprecated | #F44747 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| markup.quote | #F92672 | — |
| markup.list | #E6DB74 | — |
| markup.bold, markup.italic | #66D9EF | — |
| markup.inline.raw | #FD971F | |
| markup.heading | #A6E22E | — |
| markup.heading.setext | #A6E22E | bold |
| markup.heading.markdown | — | bold |
| markup.quote.markdown | #75715E | italic |
| markup.bold.markdown | — | bold |
| string.other.link.title.markdown,string.other.link.description.markdown | #AE81FF | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #E6DB74 | — |
| markup.italic.markdown | — | italic |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #f8f8f2 | — |
| punctuation.definition.list.begin.markdown | #A6E22E | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| variable.language | #FD971F | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...