Code Blue
Publisher: code-blueThemes in package: 1
Blue Theme
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#274f69
- activityBar.background#414141
- activityBar.foreground#c2c6d2
- activityBarBadge.background#E45E29
- activityBarBadge.foreground#ffffff
- breadcrumb.foreground#e3e3e3
- dropdown.foreground#496886
- dropdown.listBackground#294263
- editor.background#1c394c
- editor.findMatchBackground#fd7777
- editor.foreground#f9fafa
- editor.inactiveSelectionBackground#475965
- editor.lineHighlightBackground#34495c
- editor.selectionBackground#616267
- editor.selectionForeground#E7E8EF
- editor.selectionHighlightBackground#38536E
- editor.selectionHighlightBorder#4e6b89
- editorBracketHighlight.foreground1#c5c5c5
- editorBracketHighlight.foreground2#829ec4
- editorBracketHighlight.foreground3#b64b4b
- editorBracketHighlight.foreground4#c5c5c5
- editorBracketHighlight.foreground5#c5c5c5
- editorBracketHighlight.foreground6#ff0000
- editorBracketHighlight.unexpectedBracket.foreground#ff0000
- editorBracketMatch.background#00000049
- editorBracketMatch.border#ffffff00
- editorBracketPairGuide.activeBackground1#8cff00
- editorBracketPairGuide.background1#8400ff
- editorBracketPairGuide.background6#ff0000
- editorCursor.background#EFF3F3
- editorCursor.foreground#EFF3F3
- editorHoverWidget.background#003d46
- editorHoverWidget.foreground#f8f7f7
- editorIndentGuide.activeBackground#37769d
- editorIndentGuide.background#24455b
- editorLineNumber.activeForeground#EFF3F3
- editorLineNumber.foreground#667a86
- editorWhitespace.foreground#3b3b3b
- editorWidget.background#155474
- editorWidget.foreground#e2e2e2
- foreground#b0f3ff
- gitDecoration.ignoredResourceForeground#a0a0a0
- gitDecoration.modifiedResourceForeground#9c891d
- icon.foreground#232323
- input.foreground#174180
- input.placeholderForeground#919191
- keybindingLabel.foreground#ebebeb
- list.activeSelectionBackground#1c394c
- list.activeSelectionForeground#c7e6ff
- list.activeSelectionIconForeground#c7e6ff
- list.focusAndSelectionOutline#1c394c
- list.hoverBackground#001f2e
- list.hoverForeground#f8f7f7
- list.inactiveSelectionBackground#1c394cc0
- list.inactiveSelectionForeground#444444
- list.inactiveSelectionIconForeground#444444
- panel.background#155474
- panelSectionHeader.foreground#07b0a2
- panelTitle.activeForeground#8DDFE9
- panelTitle.inactiveForeground#7bc0c9
- settings.dropdownBackground#d2effc
- settings.dropdownForeground#1d1d1d
- settings.headerForeground#aaf5ba
- settings.textInputBackground#ffffff
- settings.textInputForeground#141414
- sideBar.foreground#272727
- sideBarSectionHeader.foreground#313131
- sideBarTitle.foreground#393939
- tab.activeBackground#1c394c
- tab.activeForeground#e0e4e7
- tab.inactiveForeground#1c394c
- textLink.activeForeground#ffffff
- textLink.foreground#37b0e0
- textPreformat.foreground#ffffff
- textSeparator.foreground#ffffff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #919191 | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #4b1099 | — |
| invalid.illegal | #7250b1 | — |
| keyword.operator | #cecece | — |
| keyword, storage | #4ab1ec | — |
| storage.type, support.type | #eb5943 | — |
| constant.language, support.constant, variable.language | #AB6526 | — |
| variable, support.variable | #8DDFE9 | — |
| entity.name.function, support.function | #2c88be | — |
| entity.name.type, entity.other.inherited-class, support.class | #8cdee8 | — |
| entity.name.exception | #ceac15 | — |
| entity.name.section | #8cdee8 | — |
| constant.numeric, constant.character, constant | #cf711e | — |
| string | #07b0a2 | — |
| constant.character.escape | #b774bb | — |
| string.regexp | #cd4b4b | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #ffffff | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #91B3E0 | — |
| entity.name.tag | #eb5943 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91B3E0 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-name, support.type.property-name | #AB6526 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #5cc034 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660066 | — |
| markup.inserted | #000000 | — |
| meta.link | #cd4b8a | — |
| markup.output, markup.raw | #ffffff | — |
| markup.prompt | #ffffff | — |
| markup.heading | #8aaa31 | — |
| markup.bold | — | bold |
| markup.traceback | #1f0066 | — |
| markup.underline | — | underline |
| markup.quote | #90c739 | — |
| markup.list | #4bdef1 | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #c77324 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...