Crimson Dusk

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#3B0D11
• activityBar.foreground#E6DADA
• activityBar.inactiveForeground#A88F8F
• button.background#E6DADA
• button.foreground#2A0F13
• button.hoverBackground#F2E6E6
• chat.background#14080A
• chat.foreground#E6DADA
• chat.requestBackground#1E0C10
• chat.requestBorder#3B0D11
• chat.responseBackground#1A0A0E
• chat.responseBorder#3B0D11
• dropdown.background#1E0C10
• dropdown.border#3B0D11
• dropdown.foreground#E6DADA
• editor.background#14080A
• editor.findMatchBackground#3B0D11
• editor.findMatchHighlightBackground#2A1418
• editor.foreground#D4D7DD
• editor.inactiveSelectionBackground#3B0D11
• editor.lineHighlightBackground#1E0C10
• editor.selectionBackground#5A1A1F
• editor.selectionHighlightBackground#4A151A
• editor.wordHighlightBackground#2A1418
• editor.wordHighlightStrongBackground#3B0D11
• editorBracketMatch.background#3B0D11
• editorBracketMatch.border#D8A7A7
• editorCursor.foreground#89DDFF
• editorGroup.background#14080A
• editorGroup.border#3B0D11
• editorGroupHeader.tabsBackground#1A0A0E
• editorIndentGuide.activeBackground#3A3F4B
• editorIndentGuide.background#2F3542
• editorLineNumber.activeForeground#E6DADA
• editorLineNumber.foreground#5A4A4A
• focusBorder#D8A7A7
• gitDecoration.addedResourceForeground#E6A1A1
• gitDecoration.conflictingResourceForeground#F28B82
• gitDecoration.deletedResourceForeground#A35D5D
• gitDecoration.ignoredResourceForeground#6B4A4A
• gitDecoration.modifiedResourceForeground#D8A7A7
• gitDecoration.submoduleResourceForeground#CFAF8F
• gitDecoration.untrackedResourceForeground#E6A1A1
• icon.foreground#E6DADA
• input.background#1E0C10
• input.border#3B0D11
• input.foreground#E6DADA
• list.activeSelectionBackground#3B0D11
• list.activeSelectionForeground#FFFFFF
• list.focusBackground#3B0D11
• list.focusForeground#FFFFFF
• list.focusHighlightForeground#E6A1A1
• list.foreground#CFC6C6
• list.highlightForeground#E6A1A1
• list.hoverBackground#2A0F13
• list.hoverForeground#E6DADA
• list.inactiveSelectionForeground#A89F9F
• panel.background#14080A
• panel.border#3B0D11
• scrollbarSlider.activeBackground#7A2A2F
• scrollbarSlider.background#3B0D11
• scrollbarSlider.hoverBackground#5A1A1F
• sideBar.background#2A0F13
• sideBar.border#3B0D11
• sideBar.foreground#CFC6C6
• sideBarSectionHeader.foreground#E6DADA
• sideBarTitle.foreground#E6DADA
• statusBar.background#3B0D11
• statusBar.border#00000000
• statusBar.debuggingBackground#3B0D11
• statusBar.foreground#E6DADA
• statusBar.noFolderBackground#3B0D11
• tab.activeBackground#14080A
• tab.activeBorderTop#D8A7A7
• tab.activeForeground#E6DADA
• tab.border#3B0D11
• tab.inactiveBackground#1A0A0E
• tab.inactiveForeground#A89F9F
• terminal.ansiBlack#0F1115
• terminal.ansiBlue#7AA2F7
• terminal.ansiBrightBlack#5A5A5A
• terminal.ansiBrightBlue#61AFEF
• terminal.ansiBrightCyan#56B6C2
• terminal.ansiBrightGreen#A3BE8C
• terminal.ansiBrightMagenta#D19A66
• terminal.ansiBrightRed#E06C75
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#E5C07B
• terminal.ansiCyan#89DDFF
• terminal.ansiGreen#8FBC8F
• terminal.ansiMagenta#C586C0
• terminal.ansiRed#D16969
• terminal.ansiWhite#D4D7DD
• terminal.ansiYellow#D7BA7D
• terminal.background#14080A
• terminal.foreground#D4D7DD
• terminal.selectionBackground#2A1418
• terminalCursor.foreground#E6DADA
• textLink.activeForeground#EBC5C5
• textLink.foreground#D8A7A7
• titleBar.activeBackground#3B0D11
• titleBar.activeForeground#E6DADA
• tree.indentGuidesStroke#3A2A2A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).