Jimi Theme
Publisher: grahampfyThemes in package: 1
A light color theme with a dark chrome frame.
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#2c4f54
- activityBar.activeBorder#c89931
- activityBar.activeFocusBorder#c89931
- activityBar.background#08192d
- activityBar.dropBorder#c89931
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#9aa3b0
- activityBarBadge.background#c89931
- activityBarBadge.foreground#f6f6f6
- badge.background#c89931
- breadcrumb.focusForeground#69b076
- breadcrumb.foreground#180614
- button.foreground#ffffff
- button.hoverBackground#69b076
- button.secondaryHoverBackground#474b42
- chat.avatarBackground#cc785c
- chat.avatarForeground#ffffff
- chat.editedFileForeground#cc785c
- chat.requestBackground#f0eee6
- chat.requestBorder#e3dccb
- chat.slashCommandBackground#f5efe6
- chat.slashCommandForeground#cc785c
- commandCenter.activeForeground#ffffff
- commandCenter.foreground#c0c8d0
- commandCenter.inactiveForeground#8a94a0
- debugExceptionWidget.background#f6b555
- debugExceptionWidget.border#180614
- debugToolBar.background#ffffff
- descriptionForeground#6a6d73
- disabledForeground#6e7178
- dropdown.background#ffffff
- dropdown.border#dcdce4
- dropdown.foreground#000000
- dropdown.listBackground#ffffff
- editor.background#ffffff
- editor.findMatchBackground#aed4fb
- editor.foreground#383a42
- editor.lineHighlightBackground#f3f3f3
- editor.selectionBackground#aed4fb
- editor.wordHighlightBackground#aed4fb80
- editor.wordHighlightStrongBackground#aed4fb80
- editorGhostText.foreground#8a8d92
- editorGroup.emptyBackground#ffffff
- editorGroup.focusedEmptyBorder#dcdce4
- editorGroupHeader.tabsBackground#e7e7e7
- editorHint.border#8a8d92
- editorHint.foreground#8a8d92
- editorIndentGuide.activeBackground1#dbdbdb
- editorIndentGuide.background1#f3f3f3
- editorLineNumber.activeForeground#e7609e
- editorLineNumber.foreground#9a9da3
- editorMarkerNavigation.background#f9f9f9
- editorMarkerNavigationError.background#69b076
- editorMarkerNavigationInfo.background#6182b8
- editorMarkerNavigationWarning.background#e6b422
- editorPane.background#ffffff
- editorSuggestWidget.foreground#08192d
- editorSuggestWidget.highlightForeground#08192d
- editorSuggestWidget.selectedBackground#b9b9b9
- editorWidget.background#f9f9f9
- editorWidget.border#dbdbdb
- errorForeground#d0576b
- extensionButton.background#69b076
- extensionButton.foreground#f6f6f6
- extensionButton.hoverBackground#a6193c
- focusBorder#474b42
- foreground#383a42
- gitDecoration.addedResourceForeground#1a7fb0
- gitDecoration.conflictingResourceForeground#c0276e
- gitDecoration.deletedResourceForeground#c0392b
- gitDecoration.ignoredResourceForeground#9aa0a6
- gitDecoration.modifiedResourceForeground#a06a00
- gitDecoration.untrackedResourceForeground#4a7a00
- icon.foreground#6e7f90
- input.background#ffffff
- input.border#dcdce4
- input.foreground#000000
- input.placeholderForeground#a0a0a0
- inputOption.activeBorder#3e313c
- inputValidation.errorBackground#f44c5e
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#6182b8
- inputValidation.infoForeground#ffffff
- inputValidation.warningBackground#f6b555
- inputValidation.warningForeground#000000
- keybindingLabel.background#cdd2d9
- keybindingLabel.border#aeb4bc
- keybindingLabel.bottomBorder#9aa1a9
- keybindingLabel.foreground#2a2c32
- list.activeSelectionBackground#cfe0f5
- list.activeSelectionForeground#1f2937
- list.activeSelectionIconForeground#1f2937
- list.deemphasizedForeground#8a8d92
- list.dropBackground#cfe0f5
- list.errorForeground#d0576b
- list.focusAndSelectionOutline#7facd8
- list.focusBackground#cfe0f5
- list.focusForeground#1f2937
- list.focusHighlightForeground#ba2636
- list.highlightForeground#ba2636
- list.hoverBackground#e2e6ea
- list.hoverForeground#383a42
- list.inactiveFocusBackground#e8edf3
- list.inactiveSelectionBackground#dde6f0
- list.inactiveSelectionForeground#1f2937
- list.inactiveSelectionIconForeground#1f2937
- list.invalidItemForeground#c0392b
- list.warningForeground#2e7d32
- menu.background#f9fafa
- menu.foreground#474b42
- menu.separatorBackground#474b42
- notificationCenter.border#474b42
- notificationCenterHeader.foreground#ffffff
- notificationLink.foreground#ffffff
- notifications.background#474b42
- notifications.border#474b42
- notifications.foreground#ffffff
- notificationToast.border#474b42
- panel.background#f3f3f3
- panel.border#dcdce4
- panelTitle.activeForeground#16160e
- panelTitle.inactiveForeground#6a6d73
- peekView.border#dcdce4
- peekViewEditor.background#f3f3f3
- peekViewEditor.matchHighlightBackground#80cbc440
- peekViewEditor.matchHighlightBorder#69b076
- peekViewEditorGutter.background#f3f3f3
- peekViewResult.background#f9f9f9
- peekViewResult.lineForeground#180614
- peekViewTitleDescription.foreground#685c66
- peekViewTitleLabel.foreground#2d3e4c
- progressBar.background#69b076
- quickInput.background#ffffff
- quickInput.foreground#555555
- quickInputList.focusIconForeground#1f2937
- scrollbar.shadow#ffffff00
- scrollbarSlider.activeBackground#6b848d7e
- scrollbarSlider.background#6b848d7e
- scrollbarSlider.hoverBackground#6b848d7e
- search.resultsInfoForeground#6a6d73
- selection.background#aed4fb
- settings.dropdownBackground#ffffff
- settings.dropdownBorder#180614
- settings.dropdownForeground#180614
- settings.headerForeground#180614
- settings.settingsHeaderHoverForeground#180614
- sideBar.background#f3f3f3
- sideBar.border#dcdce4
- sideBar.foreground#383a42
- sideBarSectionHeader.background#e7e7e7
- sideBarSectionHeader.foreground#383a42
- sideBarTitle.foreground#383a42
- statusBar.background#2a4073
- statusBar.debuggingBackground#69b076
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#007a5a
- symbolIcon.arrayForeground#6a7b94
- symbolIcon.booleanForeground#6a7b94
- symbolIcon.classForeground#6a7b94
- symbolIcon.colorForeground#6a7b94
- symbolIcon.constantForeground#6a7b94
- symbolIcon.constructorForeground#6a7b94
- symbolIcon.enumeratorForeground#6a7b94
- symbolIcon.enumeratorMemberForeground#6a7b94
- symbolIcon.eventForeground#6a7b94
- symbolIcon.fieldForeground#6a7b94
- symbolIcon.fileForeground#6a7b94
- symbolIcon.folderForeground#6a7b94
- symbolIcon.functionForeground#6a7b94
- symbolIcon.interfaceForeground#6a7b94
- symbolIcon.keyForeground#6a7b94
- symbolIcon.keywordForeground#6a7b94
- symbolIcon.methodForeground#6a7b94
- symbolIcon.moduleForeground#6a7b94
- symbolIcon.namespaceForeground#6a7b94
- symbolIcon.nullForeground#6a7b94
- symbolIcon.numberForeground#6a7b94
- symbolIcon.objectForeground#6a7b94
- symbolIcon.operatorForeground#6a7b94
- symbolIcon.packageForeground#6a7b94
- symbolIcon.propertyForeground#6a7b94
- symbolIcon.referenceForeground#6a7b94
- symbolIcon.snippetForeground#6a7b94
- symbolIcon.stringForeground#6a7b94
- symbolIcon.structForeground#6a7b94
- symbolIcon.textForeground#6a7b94
- symbolIcon.typeParameterForeground#6a7b94
- symbolIcon.unitForeground#6a7b94
- symbolIcon.variableForeground#6a7b94
- tab.activeBackground#ffffff
- tab.activeForeground#000000
- tab.border#dcdce4
- tab.hoverForeground#000000
- tab.inactiveBackground#f3f3f3
- tab.inactiveForeground#686868
- terminal.ansiBlack#000000
- terminal.ansiBlue#6182b8
- terminal.ansiBrightBlack#90a4ae
- terminal.ansiBrightBlue#6182b8
- terminal.ansiBrightCyan#39adb5
- terminal.ansiBrightGreen#91b859
- terminal.ansiBrightMagenta#7c4dff
- terminal.ansiBrightRed#e53935
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#e6b422
- terminal.ansiCyan#39adb5
- terminal.ansiGreen#91b859
- terminal.ansiMagenta#7c4dff
- terminal.ansiRed#e53935
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#e6b422
- terminal.border#dcdce4
- terminal.foreground#180614
- textPreformat.foreground#180614
- titleBar.activeBackground#08192d
- titleBar.activeForeground#ffffff
- titleBar.border#2a4073
- titleBar.inactiveBackground#0c2238
- titleBar.inactiveForeground#a8adb5
- walkThrough.embeddedEditorBackground#f3f3f3
- welcomePage.tileBackground#f3f3f3
- welcomePage.tileHoverBackground#ececec
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #357b42 | italic |
| string | #8a3b00 | — |
| constant | #174781 | — |
| language.method | #174781 | — |
| constant.other | #174781 | — |
| string constant.other.placeholder | #b1108e | — |
| variable | #164a84 | — |
| variable.language.this | #000000 | — |
| keyword, keyword.control, keyword.other.unit | #c9171e | — |
| keyword.other | #698aab | — |
| storage.modifier | #D0576B | — |
| storage.type | #69821B | — |
| entity.name.class | #1172c7 | — |
| entity.other.inherited-class | #b02767 | — |
| entity.name.function, meta.function-call, variable.function, keyword.other.special-method | #3E62AD | — |
| entity.name.tag | #0444ac | — |
| text.html.basic | #0071ce | — |
| entity.name.type | #0444ac | — |
| entity.other.attribute-name | #006E50 | italic |
| support.function | #478385 | — |
| support.class | #B94047 | — |
| invalid | #207bb8 | italic bold underline |
| invalid.deprecated | #207bb8 | bold italic underline |
| constant.other.color, meta.tag, punctuation.definition.tag, keyword.other.template, keyword.other.substitution | #007a85 | — |
| punctuation.separator.inheritance.php, punctuation.section.embedded | #0095d9 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #274a78 | — |
| meta.tag.sgml, markup.deleted.git_gutter | #b5510a | — |
| meta.block variable.other | #b5510a | — |
| support.other.variable, string.other.link | #b5510a | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter | #a16d5d | — |
| markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #2e7d32 | — |
| entity.name, support.type, markup.changed.git_gutter, support.type.sys-types | #9a6a00 | — |
| support.other.namespace.use.php, meta.use.php, support.other.namespace.php | #7b7c7d | — |
| support.type | #5a4fcf | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #1e50a2 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #c0392b | — |
| variable.language | #c0392b | italic |
| entity.name.method.js | #2766c4 | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #2766c4 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #9a6a00 | italic |
| entity.other.attribute-name.class | #008899 | — |
| source.sass keyword.control | #2766c4 | — |
| markup.inserted | #2e7d32 | — |
| markup.deleted | #c0392b | — |
| markup.changed | #8a3fb0 | — |
| string.regexp | #007a85 | — |
| constant.character.escape | #007a85 | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #2766c4 | italic |
| markup.list | #207bb8 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #166d96 | — |
| text.html.markdown meta.paragraph meta.link.inline, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.begin.markdown, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.end.markdown | #87429A | — |
| markup.quote | #87429A | — |
| meta.link | #87429A | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #c0392b | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #8a3fb0 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9a6a00 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #a8561f | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #c0392b | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8a5a2b | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #2766c4 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #b02767 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8a3fb0 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #2e7d32 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #383a42 | — |
| text.html.markdown markup.inline.raw.markdown | #8a3fb0 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #2e7d32 | — |
| markup.italic, punctuation.definition.italic | #b02767 | italic |
| markup.bold, markup.bold string | #b02767 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #b02767 | bold |
| markup.underline | #a8561f | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #2766c4 | — |
| string.other.link.description.title.markdown | #8a3fb0 | — |
| constant.other.reference.link.markdown | #9a6a00 | — |
| markup.raw.block | #8a3fb0 | — |
| markup.raw.block.fenced.markdown | #8a8d92 | — |
| punctuation.definition.fenced.markdown | #8a8d92 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #383a42 | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #383a42 | — |