BlueDark
Publisher: daniloBrayannThemes in package: 8
Color themes
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#7C83FD
- activityBar.background#F6F7FB
- activityBar.foreground#2E3440
- activityBar.inactiveForeground#8A8FA3
- badge.background#E6E9FF
- badge.foreground#2E3440
- button.background#E6E9FF
- button.foreground#2E3440
- button.secondaryBackground#F1F3FF
- button.secondaryForeground#2E3440
- button.secondaryHoverBackground#DEE2FF
- dropdown.background#FFFFFF
- dropdown.border#D0D7E2
- dropdown.foreground#2E3440
- editor.background#FFFFFF
- editor.findMatchBackground#FFD6E0
- editor.foreground#2E3440
- editor.lineHighlightBackground#F6F7FB
- editor.selectionBackground#D6D9FF
- editor.wordHighlightBackground#CDEFFF
- editor.wordHighlightStrongBackground#B9FBC0
- editorBracketHighlight.foreground1#2E3440
- editorBracketHighlight.foreground2#7C83FD
- editorBracketHighlight.foreground3#4EA8DE
- editorBracketHighlight.foreground4#38B000
- editorBracketHighlight.foreground5#9D4EDD
- editorBracketHighlight.foreground6#E63946
- editorIndentGuide.activeBackground#7C83FD
- editorIndentGuide.background#E1E4F2
- editorLineNumber.foreground#9AA0B4
- editorWhitespace.foreground#E1E4F2
- errorForeground#E63946
- focusBorder#7C83FD
- foreground#2E3440
- input.background#FFFFFF
- input.border#D0D7E2
- input.foreground#2E3440
- input.placeholderForeground#8A8FA3
- list.activeSelectionBackground#E6E9FF
- list.activeSelectionForeground#2E3440
- list.hoverBackground#F1F3FF
- panel.background#F6F7FB
- panel.border#D0D7E2
- progressBar.background#7C83FD
- selection.background#D6D9FF
- sideBar.background#FAFBFF
- sideBar.foreground#2E3440
- sideBarSectionHeader.background#F1F3FF
- sideBarTitle.foreground#5A5F73
- statusBar.background#F1F3FF
- statusBar.foreground#2E3440
- terminal.ansiBlack#2E3440
- terminal.ansiBlue#4EA8DE
- terminal.ansiBrightBlack#5A5F73
- terminal.ansiBrightBlue#5BC0EB
- terminal.ansiBrightCyan#4D96FF
- terminal.ansiBrightGreen#70E000
- terminal.ansiBrightMagenta#C77DFF
- terminal.ansiBrightRed#FF6B6B
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiCyan#3A86FF
- terminal.ansiGreen#38B000
- terminal.ansiMagenta#9D4EDD
- terminal.ansiRed#E63946
- terminal.ansiWhite#FAFBFF
- terminal.background#FFFFFF
- terminal.foreground#2E3440
- titleBar.activeBackground#FFFFFF
- titleBar.activeForeground#2E3440
- titleBar.inactiveBackground#FFFFFF
- titleBar.inactiveForeground#8A8FA3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #8A8FA3 | italic |
| string | #4EA8DE | — |
| keyword | #7C83FD | bold |
| variable, identifier | #2E3440 | — |
| entity.name.function | #38B000 | — |
| entity.name.type, support.type | #9D4EDD | italic |
| constant | #3A86FF | — |
| invalid | #E63946 | underline |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...