Carolark Theme
Publisher: JialeCarolThemes in package: 1
A dark 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#d0ffae
- activityBar.background#303567
- activityBar.foreground#9d8af1
- activityBar.inactiveForeground#c2fd99
- activityBarBadge.background#879b9d
- breadcrumb.activeSelectionForeground#c2fd99
- breadcrumb.background#4c878ea9
- button.background#271052
- button.foreground#638bf0
- button.hoverBackground#c2fd99
- checkbox.foreground#c2fd99
- debugIcon.breakpointForeground#ff0000
- debugIcon.breakpointUnverifiedForeground#d9a6a6
- debugIcon.continueForeground#4eadca
- debugIcon.disconnectForeground#e8133a
- debugIcon.pauseForeground#4eadca
- debugIcon.restartForeground#662dd0
- debugIcon.startForeground#d9a6b0
- debugIcon.stepBackForeground#d23aae
- debugIcon.stepIntoForeground#b0dcf0
- debugIcon.stepOutForeground#3cb552
- debugIcon.stepOverForeground#fdb849
- debugIcon.stopForeground#f9b9b9
- debugTokenExpression.boolean#8fa8ed
- debugTokenExpression.number#a7eca7
- debugTokenExpression.string#f9b6ca
- debugTokenExpression.value#cbc8ff
- debugToolBar.background#e3ff7d
- dropdown.background#457be7ee
- dropdown.foreground#c2fd99
- dropdown.listBackground#457be7
- editor.background#27336b
- editor.foreground#c2fd99
- editor.selectionBackground#e2f6f794
- editor.selectionHighlightBackground#80acf879
- editor.selectionHighlightBorder#6058d2
- editor.snippetTabstopHighlightBackground#d867ab
- editor.wordHighlightBackground#335dda
- editorError.foreground#e25f2f
- editorGroup.emptyBackground#b8a6d915
- editorGroupHeader.tabsBackground#22045ba4
- editorGroupHeader.tabsBorder#576690
- editorLineNumber.activeForeground#6ef3a5
- editorLineNumber.foreground#c2fd99
- editorSuggestWidget.focusHighlightForeground#05f8d3
- editorWarning.foreground#625f8a
- foreground#c2fd99
- icon.foreground#c2fd99
- input.background#457be7
- input.border#d8c4fd
- input.foreground#c2fd99
- list.activeSelectionBackground#294158
- list.activeSelectionForeground#e2fad2
- list.dropBackground#e2fad2b6
- list.errorForeground#e25f2f
- list.hoverBackground#508871
- list.hoverForeground#c3d5f4
- list.inactiveSelectionBackground#0c0963
- list.inactiveSelectionForeground#e2fad2
- list.warningForeground#625f8a
- menubar.selectionBackground#457be7
- menubar.selectionForeground#c2fd99
- panel.background#312f71
- panelSectionHeader.background#f1a9a9
- panelTitle.activeForeground#c2fd99
- panelTitle.inactiveForeground#b8a6d9
- quickInput.background#202575
- scrollbarSlider.activeBackground#c2fd99
- scrollbarSlider.hoverBackground#c2fd99
- settings.headerForeground#c2fd99
- sideBar.background#0a1e4c
- sideBar.dropBackground#7e52f859
- sideBar.foreground#c2fd99
- sideBarSectionHeader.background#0c315f
- sideBarTitle.foreground#c2fd99
- statusBar.background#654f8e
- statusBar.debuggingBackground#5226a3c9
- statusBar.debuggingForeground#c2fd99
- statusBar.foreground#c2fd99
- statusBar.noFolderBackground#b8c2cad2
- statusBar.noFolderForeground#c2fd99
- tab.activeBackground#3a1e6e
- tab.activeForeground#c2fd99
- tab.border#b87a7a
- tab.hoverBackground#2b5ba2
- tab.hoverForeground#c5b0ec
- tab.inactiveBackground#4c4a7a
- tab.inactiveForeground#b1e78b
- tab.lastPinnedBorder#576690e1
- terminal.foreground#c2fd99
- textLink.foreground#97aff0
- titleBar.activeBackground#31366a
- titleBar.activeForeground#c2fd99
- titleBar.inactiveBackground#31366aac
- titleBar.inactiveForeground#c3fd998e
- welcomePage.background#b8a6d915
- welcomePage.progress.background#7aedff
- welcomePage.progress.foreground#a6b9d9
- welcomePage.tileHoverBackground#5563a2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #e799b0 | italic |
| comment.block.preprocessor | #e799b0 | |
| comment.documentation, comment.block.documentation | #e799b0 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #71e7ff | — |
| keyword, storage | #e2cbff | — |
| storage.type, support.type | #a577bf | — |
| constant.language, support.constant, variable.language | #f6c79f | — |
| variable, support.variable | #c6f9d6 | — |
| entity.name.function, support.function | #ebf8af | bold |
| entity.name.type, entity.other.inherited-class, support.class | #ffb9df | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #57fa57 | — |
| string | #ffd747 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4b83cd | — |
| constant.other.symbol | #ab6526 | — |
| punctuation | #fb8585 | — |
| 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 | #4b83cd | — |
| 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 | #47ed8a | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448c27 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4b83cd | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #fc5850 | — |
| markup.bold | — | bold |
| markup.traceback | #ff0000 | — |
| markup.underline | — | underline |
| markup.quote | #c86aff | — |
| markup.list | #60a5ff | — |
| markup.bold, markup.italic | #81ff4f | — |
| markup.inline.raw | #b6ff40 | |
| meta.diff.range, meta.diff.index, meta.separator | #ffebeb | — |
| meta.diff.header.from-file | #ff93ba | — |
| meta.diff.header.to-file | #fb98ea | — |