Crimson Red

Color themes

• 

  Crimson Red Dark

• 

  Crimson Red Light

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.activeBorder#c4c4c4
• activityBar.background#121212
• activityBar.foreground#dcdcdc
• activityBarBadge.background#cc0000
• button.background#cc0000
• button.border#00000000
• button.foreground#ffffff
• button.hoverBackground#e53939
• contrastBorder#3b3b3b
• diffEditor.insertedTextBackground#15572433
• diffEditor.insertedTextBorder#00000000
• diffEditor.removedTextBackground#721c2433
• diffEditor.removedTextBorder#00000000
• editor.background#1e1e1e
• editor.foreground#dcdcdc
• editor.selectionBackground#3a1f1f
• editor.selectionForeground#ffffff
• editorCursor.foreground#ffffff
• editorHoverWidget.background#2a2a2a
• editorHoverWidget.border#cc0000
• editorLineNumber.foreground#6b6b6b
• editorSuggestWidget.background#2a2a2a
• editorSuggestWidget.border#00000000
• editorWidget.background#222222
• focusBorder#c4c4c4
• foreground#d4d4d4
• input.background#222222
• input.border#00000000
• list.activeSelectionBackground#2b2b2b
• list.activeSelectionForeground#ffb3b3
• list.focusOutline#c4c4c4
• list.hoverBackground#262626
• list.hoverOutline#cc0000
• list.inactiveSelectionBackground#232323
• list.inactiveSelectionForeground#d4d4d4
• notificationCenter.border#00000000
• notifications.border#00000000
• panel.background#161616
• panel.border#00000000
• panelTitle.activeBorder#c4c4c4
• peekViewResult.matchHighlightBackground#7f2b2b
• peekViewResult.selectionBackground#2b1b1b
• pickerGroup.foreground#ff9b9b
• progressBar.background#cc0000
• sideBar.background#171717
• sideBar.border#3b3b3b
• sideBar.foreground#d0d0d0
• statusBar.background#161616
• statusBar.foreground#d0d0d0
• tab.activeBackground#1f1f1f
• tab.activeForeground#ffffff
• tab.hoverBorder#cc0000
• tab.inactiveBackground#141414
• tab.inactiveForeground#9a9a9a
• terminal.ansiBrightRed#ff8888
• terminal.ansiRed#ff6666
• terminal.background#1e1e1e
• terminal.foreground#d0d0d0
• titleBar.activeBackground#191919
• titleBar.activeForeground#e0e0e0
• widget.shadow#00000099

tokenColors

TextMate scopes and font styles (syntax highlighting rules).