Crimson Deep
Publisher: Mhd Kutaiba ShikhaniThemes in package: 1
A dark theme with a crimson and deep blue contrast.
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#0D214D
- activityBar.foreground#F8F8F8
- activityBar.inactiveForeground#F8F8F880
- activityBarBadge.background#DD5853
- activityBarBadge.foreground#F8F8F8
- button.background#5CA5E5
- button.foreground#0F2555
- button.hoverBackground#7CBFFF
- dropdown.background#0D214D
- dropdown.border#5CA5E580
- dropdown.listBackground#1A3469
- editor.background#0F2555
- editor.foreground#F8F8F8
- editor.lineHighlightBackground#1A3469
- editor.selectionBackground#5CA5E540
- editorCursor.foreground#5CA5E5
- editorIndentGuide.activeBackground1#5CA5E580
- editorIndentGuide.background1#F8F8F820
- editorLineNumber.activeForeground#5CA5E5
- editorLineNumber.foreground#F8F8F860
- editorWhitespace.foreground#F8F8F820
- input.background#1A3469
- input.border#5CA5E580
- input.foreground#F8F8F8
- inputOption.activeBackground#5CA5E560
- list.activeSelectionBackground#5CA5E540
- list.focusBackground#5CA5E560
- list.highlightForeground#5CA5E5
- list.hoverBackground#1A3469
- list.inactiveSelectionBackground#1A3469
- panel.background#0D214D
- panel.border#5CA5E580
- panelTitle.activeBorder#DD5853
- panelTitle.activeForeground#F8F8F8
- peekView.border#5CA5E5
- peekViewEditor.background#0D214D
- peekViewResult.background#0D214D
- peekViewTitle.background#0A1C40
- scrollbarSlider.activeBackground#5CA5E5
- scrollbarSlider.background#5CA5E540
- scrollbarSlider.hoverBackground#5CA5E580
- sideBar.background#0D214D
- sideBar.border#0A1C40
- sideBar.foreground#F8F8F8
- sideBarSectionHeader.background#0A1C40
- sideBarTitle.foreground#F8F8F8
- statusBar.background#0A1C40
- statusBar.debuggingBackground#DD5853
- statusBar.debuggingForeground#F8F8F8
- statusBar.foreground#F8F8F8
- statusBar.noFolderBackground#0A1C40
- tab.activeBackground#0F2555
- tab.activeBorderTop#DD5853
- tab.activeForeground#F8F8F8
- tab.border#0A1C40
- tab.inactiveBackground#0D214D
- tab.inactiveForeground#F8F8F880
- terminal.ansiBlue#5CA5E5
- terminal.ansiBrightBlue#7CBFFF
- terminal.ansiBrightRed#E57E7A
- terminal.ansiRed#DD5853
- terminal.foreground#F8F8F8
- titleBar.activeBackground#0A1C40
- titleBar.activeForeground#F8F8F8
- titleBar.inactiveBackground#0A1C40
- titleBar.inactiveForeground#F8F8F880
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #F8F8F8 | — |
| comment | #F8F8F899 | italic |
| string | #F8F8F8 | — |
| constant.numeric, constant.language.boolean | #DD5853 | — |
| constant.language | #DD5853 | — |
| keyword, storage.type, storage.modifier | #DD5853 | bold |
| keyword.operator | #5CA5E5 | |
| punctuation | #5CA5E5 | — |
| variable.language.this | #DD5853 | italic |
| entity.name.function, support.function, meta.function-call | #5CA5E5 | — |
| entity.name.class, entity.name.type, support.class | #DD5853 | bold |
| entity.name.tag | #DD5853 | bold |
| entity.other.attribute-name | #5CA5E5 | — |
| markup.heading | #5CA5E5 | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |