Theodora
Publisher: ckpedersenThemes in package: 5
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.background#2d3748
- badge.background#C53030
- badge.foreground#F7FAFC
- breadcrumb.foreground#5d6e7a66
- dropdown.background#242c3a
- editor.background#2d3748
- editor.foreground#d4d4d4
- editor.lineHighlightBackground#00000022
- editor.lineHighlightBorder#ff000000
- editor.selectionBackground#a0aec0
- editorCodeLens.foreground#4A5568
- editorCursor.foreground#ffcc00
- editorGroupHeader.tabsBackground#2d3748
- editorGutter.addedBackground#0000
- editorGutter.deletedBackground#0000
- editorGutter.modifiedBackground#0000
- editorLineNumber.activeForeground#fffc
- editorLineNumber.foreground#4A5568
- editorOverviewRuler.addedForeground#0000
- editorOverviewRuler.border#0000
- editorOverviewRuler.bracketMatchForeground#0000
- editorOverviewRuler.deletedForeground#0000
- editorOverviewRuler.findMatchForeground#0000
- editorOverviewRuler.infoForeground#0000
- editorOverviewRuler.rangeHighlightForeground#0000
- editorOverviewRuler.selectionHighlightForeground#0000
- editorOverviewRuler.wordHighlightForeground#0000
- editorOverviewRuler.wordHighlightStrongForeground#0000
- editorWidget.background#2d3748
- editorWidget.border#0003
- foreground#718096
- githd.blameView.info#5D6E7A
- gitlens.lineHighlightOverviewRulerColor#0000
- gitlens.trailingLineForegroundColor#4A5568
- input.background#242c3a
- list.activeSelectionBackground#ff000000
- list.activeSelectionForeground#CBD5E0
- list.errorForeground#ff0000
- list.highlightForeground#CBD5E0
- list.hoverBackground#283040
- list.inactiveSelectionBackground#ff000000
- list.warningForeground#ff0000
- listFilterWidget.background#C53030
- panel.border#283040
- scrollbar.shadow#ff000000
- scrollbarSlider.background#ffffff11
- selection.background#a0aec0
- sideBar.background#2d3748
- sideBar.foreground#718096
- sideBarSectionHeader.background#2d3748
- statusBar.background#2d3748
- statusBar.foreground#718096
- tab.activeBackground#2d3748
- tab.activeBorder#ff8383
- tab.border#ff000000
- tab.inactiveBackground#2d3748
- tab.inactiveForeground#5d6e7a
- titleBar.activeBackground#2d3748
- titleBar.activeForeground#718096
- titleBar.background#2d3748
- titleBar.inactiveBackground#2d3748
- titleBar.inactiveForeground#4A5568
- tree.indentGuidesStroke#ffffff11
- widget.shadow#0006
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| #D4D4D4 | — | |
| invalid | #f44747 | — |
| variable | #ffffff | — |
| variable.predefined | #ea9b80 | — |
| variable.parameter | #d4d4d4 | — |
| identifier | #d4d4d4 | — |
| identifier.const | #BD9AC2 | — |
| identifier.const.class | #75AAFF | — |
| identifier.class | #75AAFF | — |
| identifier.const.tag | #75AAFF | — |
| identifier.tag | #75AAFF | — |
| identifier.def | #75AAFF | — |
| identifier.key | #a7c9de | — |
| entity.name.type | #d4d4d4 | — |
| entity.name.function | #d4d4d4 | — |
| storage.type.js.jsx | #ea9b80 | — |
| entity.name.property | #75AAFF | — |
| entity.name.tag | #ff8383 | — |
| storage.type.function | #ea9b80 | — |
| storage.type.class | #ea9b80 | — |
| comment | #4A5568 | — |
| operator | #ea9b80 | — |
| number | #598DA6 | — |
| number.hex | #598DA6 | — |
| numeric.css | #598DA6 | — |
| regexp | #FD9231 | — |
| annotation | #cc6666 | — |
| type | #3DC9B0 | — |
| boolean | #598DA6 | — |
| constant.numeric | #ff8383 | — |
| delimiter | #DCDCDC | — |
| delimiter.html | #808080 | — |
| delimiter.xml | #808080 | — |
| tag | #D9BB72 | — |
| meta.scss | #A79873 | — |
| meta.tag | #93ddfd | — |
| entity.other.attribute-name.js.jsx | #a7c9de | — |
| metatag | #DD6A6F | — |
| metatag.content.html | #9CDCFE | — |
| metatag.html | #569CD6 | — |
| metatag.xml | #569CD6 | — |
| key | #a7c9de | — |
| string.key.json | #9CDCFE | — |
| string.value.json | #CE9178 | — |
| attribute.name | #a7c9de | — |
| attribute.value | #598DA6 | — |
| attribute.value.number.css | #598DA6 | — |
| attribute.value.unit.css | #598DA6 | — |
| attribute.value.hex.css | #598DA6 | — |
| string | #7da4b7 | — |
| string.sql | #B7DE95 | — |
| keyword, storage.type.js | #93ddfd | — |
| keyword.flow | #ea9b80 | — |
| keyword.json | #ea9b80 | — |
| keyword.flow.scss | #ea9b80 | — |
| operator.scss | #909090 | — |
| operator.sql | #778899 | — |
| operator.swift | #909090 | — |
| predefined.sql | #FF00FF | — |
| entity.name.selector.css | #D9BB72 | — |
| support.type.property-name.css | #75AAFF | — |
| meta.object-literal.key | #ffe484 | — |
| support.type.property-name.json, support.function.js.jsx, entity.name.function | #d9a9ff | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.section.property-list.begin.bracket.curly.css, text.html.derivative punctuation.terminator.rule.css, constant.other.color.rgb-value.hex.css, meta.function.color.css, punctuation.section.property-list.end.bracket.curly.css, source.json, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, source.vue | #93ddfd | — |
| string.quoted.double.html, string.quoted.double.json, string | #b5f4a5 | — |
| meta.selector.css, meta.tag entity.other.attribute-name.html, support.type.property-name.css, entity.other.attribute-name.js.jsx, entity.name.function | #ffe484 | — |
| constant.language.boolean, keyword, storage.type.js.jsx, storage.type.function | #ff8383 | — |
| text.html.derivative, source.css | #ffffff | — |