Jannchie Code Theme
Publisher: JannchieThemes in package: 5
Jannchie Code Theme for VS Code
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.
- actionBar.toggledBackground#1d5e970d
- activityBar.activeBorder#1b1b1be6
- activityBar.background#ffffff
- activityBar.border#ececec
- activityBar.foreground#1b1b1b
- activityBar.inactiveForeground#1b1b1be6
- activityBarBadge.background#1b1b1be6
- activityBarBadge.foreground#ffffff
- badge.background#1b1b1be6
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#1b1b1b1a
- breadcrumb.background#f7f7f7
- breadcrumb.focusForeground#1b1b1b
- breadcrumb.foreground#1b1b1b80
- breadcrumbPicker.background#ffffff
- button.background#0d6dc7
- button.foreground#1b1b1b
- button.hoverBackground#0d6dc7
- charts.blue#1d5e97
- charts.foreground#1b1b1b
- charts.green#0f7d68
- charts.lines#1b1b1b80
- charts.orange#a65e2b
- charts.purple#a13865
- charts.red#b62626
- charts.yellow#fad149
- chat.editedFileForeground#1d5e97
- chat.requestBackground#f7f7f7
- chat.requestBorder#ececec
- chat.slashCommandBackground#1d5e971a
- chat.slashCommandForeground#0d6dc7
- checkbox.background#f7f7f7
- checkbox.border#1b1b1be6
- commentsView.resolvedIcon#1b1b1b80
- commentsView.unresolvedIcon#1d5e97
- debugIcon.breakpointDisabledForeground#1b1b1b80
- debugIcon.breakpointForeground#b62626
- debugIcon.continueForeground#0f7d68
- debugIcon.pauseForeground#1d5e97
- debugIcon.startForeground#0f7d68
- debugIcon.stepOverForeground#1d5e97
- debugIcon.stopForeground#b62626
- debugTokenExpression.boolean#17477e
- debugTokenExpression.error#b62626
- debugTokenExpression.name#3184b4
- debugTokenExpression.number#005e6d
- debugTokenExpression.string#b84b1c
- debugTokenExpression.value#1b1b1b
- debugToolBar.background#ffffff
- descriptionForeground#1b1b1be6
- diffEditor.insertedTextBackground#0f7d681a
- diffEditor.removedTextBackground#b626261a
- dropdown.background#ffffff
- dropdown.border#ececec
- dropdown.foreground#1b1b1b
- dropdown.listBackground#f7f7f7
- editor.background#ffffff
- editor.findMatchBackground#fad1494d
- editor.findMatchHighlightBackground#fad14980
- editor.focusedStackFrameHighlightBackground#fad1491a
- editor.foldBackground#1b1b1b1a
- editor.foreground#1b1b1b
- editor.inactiveSelectionBackground#1b1b1b0d
- editor.lineHighlightBackground#f7f7f7
- editor.selectionBackground#1b1b1b1a
- editor.selectionHighlightBackground#1b1b1b0d
- editor.stackFrameHighlightBackground#fad14933
- editor.wordHighlightBackground#0f7d680d
- editor.wordHighlightStrongBackground#0f7d681a
- editorBracketHighlight.foreground1#2993a3
- editorBracketHighlight.foreground2#0f7d68
- editorBracketHighlight.foreground3#a65e2b
- editorBracketHighlight.foreground4#a13865
- editorBracketHighlight.foreground5#fad149
- editorBracketHighlight.foreground6#1d5e97
- editorBracketMatch.background#0f7d6833
- editorError.foreground#b62626
- editorGroup.border#ececec
- editorGroupHeader.tabsBackground#ffffff
- editorGroupHeader.tabsBorder#ececec
- editorGutter.addedBackground#0f7d68
- editorGutter.commentRangeForeground#1b1b1b80
- editorGutter.deletedBackground#b62626
- editorGutter.foldingControlForeground#1b1b1be6
- editorGutter.modifiedBackground#1d5e97
- editorHint.foreground#0f7d68
- editorIndentGuide.activeBackground#1b1b1b4d
- editorIndentGuide.activeBackground1#1b1b1b4d
- editorIndentGuide.background#1b1b1b1a
- editorIndentGuide.background1#1b1b1b1a
- editorInfo.foreground#1d5e97
- editorInlayHint.background#00000000
- editorInlayHint.foreground#a1a1a1
- editorLineNumber.activeForeground#474747
- editorLineNumber.foreground#1b1b1b80
- editorOverviewRuler.border#ececec
- editorStickyScroll.background#f7f7f7
- editorStickyScrollHover.background#f7f7f7
- editorWarning.foreground#a65e2b
- editorWhitespace.foreground#1b1b1b1a
- editorWidget.background#ffffff
- errorForeground#b62626
- focusBorder#00000000
- foreground#1b1b1b
- gitDecoration.addedResourceForeground#0f7d68
- gitDecoration.conflictingResourceForeground#a65e2b
- gitDecoration.deletedResourceForeground#b62626
- gitDecoration.ignoredResourceForeground#1b1b1b80
- gitDecoration.modifiedResourceForeground#1d5e97
- gitDecoration.stageDeletedResourceForeground#b62626
- gitDecoration.stageModifiedResourceForeground#1d5e97
- gitDecoration.submoduleResourceForeground#1b1b1be6
- gitDecoration.untrackedResourceForeground#2993a3
- inlineChat.background#ffffff
- inlineChat.border#ececec
- inlineChat.shadow#6a737d33
- inlineChatInput.background#f7f7f7
- inlineChatInput.border#ececec
- inlineChatInput.focusBorder#0d6dc7
- inlineChatInput.placeholderForeground#1b1b1be6
- input.background#f7f7f7
- input.border#ececec
- input.foreground#1b1b1b
- input.placeholderForeground#1b1b1be6
- inputOption.activeBackground#1b1b1b80
- inputValidation.errorBackground#b626261a
- inputValidation.errorBorder#b62626
- inputValidation.errorForeground#b62626
- inputValidation.infoBackground#1d5e971a
- inputValidation.infoBorder#1d5e97
- inputValidation.infoForeground#1d5e97
- inputValidation.warningBackground#a65e2b1a
- inputValidation.warningBorder#a65e2b
- inputValidation.warningForeground#a65e2b
- list.activeSelectionBackground#f7f7f7
- list.activeSelectionForeground#1b1b1b
- list.activeSelectionIconForeground#1b1b1b
- list.dropBackground#1d5e9733
- list.errorForeground#b62626
- list.focusBackground#f7f7f7
- list.highlightForeground#0d6dc7
- list.hoverBackground#f7f7f7
- list.hoverForeground#1b1b1b
- list.inactiveFocusBackground#ffffff
- list.inactiveSelectionBackground#f7f7f7
- list.inactiveSelectionForeground#1b1b1b
- list.warningForeground#a65e2b
- menu.background#ffffff
- menu.border#ececec
- menu.foreground#1b1b1b
- menu.selectionBackground#1d5e970d
- menu.separatorBackground#ececec
- merge.commonContentBackground#a138650d
- merge.commonHeaderBackground#a138654d
- merge.currentContentBackground#0f7d680d
- merge.currentHeaderBackground#0f7d684d
- merge.incomingContentBackground#1d5e970d
- merge.incomingHeaderBackground#1d5e974d
- mergeEditor.change.background#1d5e971a
- mergeEditor.change.word.background#1d5e9733
- mergeEditor.conflict.handledFocused.border#1b1b1b80
- mergeEditor.conflict.handledUnfocused.border#1b1b1b80
- mergeEditor.conflict.unhandledFocused.border#a65e2b
- mergeEditor.conflict.unhandledUnfocused.border#a65e2b
- notebook.cellBorderColor#ececec
- notebook.cellHoverBackground#f7f7f7
- notebook.cellInsertionIndicator#0d6dc7
- notebook.cellStatusBarItemHoverBackground#f7f7f7
- notebook.cellToolbarSeparator#ececec
- notebook.editorBackground#ffffff
- notebook.focusedCellBorder#0d6dc7
- notebook.focusedEditorBorder#0d6dc7
- notebook.outputContainerBackgroundColor#f7f7f7
- notebook.selectedCellBackground#f7f7f7
- notebook.selectedCellBorder#ececec
- notebookStatusErrorIcon.foreground#b62626
- notebookStatusRunningIcon.foreground#0d6dc7
- notebookStatusSuccessIcon.foreground#0f7d68
- notificationCenterHeader.background#ffffff
- notificationCenterHeader.foreground#1b1b1b80
- notifications.background#ffffff
- notifications.border#ececec
- notifications.foreground#1b1b1b
- notificationsErrorIcon.foreground#b62626
- notificationsInfoIcon.foreground#1d5e97
- notificationsWarningIcon.foreground#a65e2b
- panel.background#ffffff
- panel.border#ececec
- panelInput.border#f7f7f7
- panelTitle.activeBorder#1b1b1be6
- panelTitle.activeForeground#1b1b1b
- panelTitle.inactiveForeground#1b1b1b80
- peekViewEditor.background#ffffff
- peekViewEditor.matchHighlightBackground#d5960033
- peekViewResult.background#ffffff
- peekViewResult.matchHighlightBackground#d5960033
- pickerGroup.border#ececec
- pickerGroup.foreground#1b1b1b
- ports.iconRunningProcessForeground#0f7d68
- problemsErrorIcon.foreground#b62626
- problemsInfoIcon.foreground#1d5e97
- problemsWarningIcon.foreground#a65e2b
- progressBar.background#0d6dc7
- quickInput.background#ffffff
- quickInput.foreground#1b1b1b
- quickInputList.focusBackground#f7f7f7
- scrollbar.shadow#6a737d33
- scrollbarSlider.activeBackground#1b1b1b80
- scrollbarSlider.background#1b1b1b1a
- scrollbarSlider.hoverBackground#1b1b1b80
- settings.headerForeground#1b1b1b
- settings.modifiedItemIndicator#1b1b1be6
- sideBar.background#ffffff
- sideBar.border#ececec
- sideBar.foreground#474747
- sideBarSectionHeader.background#ffffff
- sideBarSectionHeader.border#ececec
- sideBarSectionHeader.foreground#1b1b1b
- sideBarTitle.foreground#1b1b1b
- statusBar.background#ffffff
- statusBar.border#ececec
- statusBar.debuggingBackground#f7f7f7
- statusBar.debuggingForeground#474747
- statusBar.foreground#474747
- statusBar.noFolderBackground#ffffff
- statusBarItem.errorBackground#b62626
- statusBarItem.errorForeground#ffffff
- statusBarItem.prominentBackground#f7f7f7
- statusBarItem.remoteBackground#d59600
- statusBarItem.remoteForeground#ffffff
- statusBarItem.remoteHoverBackground#ffffff
- statusBarItem.remoteHoverForeground#474747
- statusBarItem.warningBackground#a65e2b
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#f7f7f7
- tab.activeBorder#ececec
- tab.activeBorderTop#1b1b1be6
- tab.activeForeground#1b1b1b
- tab.border#ececec
- tab.hoverBackground#f7f7f7
- tab.inactiveBackground#ffffff
- tab.inactiveForeground#1b1b1b80
- tab.lastPinnedBorder#ececec
- tab.selectedBackground#f7f7f7
- tab.selectedForeground#1b1b1b
- tab.unfocusedActiveBorder#ececec
- tab.unfocusedActiveBorderTop#ececec
- tab.unfocusedHoverBackground#ffffff
- terminal.ansiBlack#ffffff
- terminal.ansiBlue#1d5e97
- terminal.ansiBrightBlack#474747
- terminal.ansiBrightBlue#1d5e97
- terminal.ansiBrightCyan#2993a3
- terminal.ansiBrightGreen#0f7d68
- terminal.ansiBrightMagenta#a13865
- terminal.ansiBrightRed#b62626
- terminal.ansiBrightWhite#1b1b1b80
- terminal.ansiBrightYellow#fad149
- terminal.ansiCyan#2993a3
- terminal.ansiGreen#0f7d68
- terminal.ansiMagenta#a13865
- terminal.ansiRed#b62626
- terminal.ansiWhite#1b1b1b
- terminal.ansiYellow#fad149
- terminal.foreground#1b1b1b
- terminal.inactiveSelectionBackground#1b1b1b0d
- terminal.selectionBackground#1b1b1b1a
- testing.iconErrored#b62626
- testing.iconFailed#b62626
- testing.iconPassed#0f7d68
- testing.iconQueued#a65e2b
- testing.iconSkipped#1b1b1b80
- testing.iconUnset#1b1b1b80
- testing.message.error.decorationForeground#b62626
- testing.message.info.decorationForeground#1d5e97
- testing.runAction#0f7d68
- textBlockQuote.background#ffffff
- textBlockQuote.border#ececec
- textCodeBlock.background#ffffff
- textLink.activeForeground#1d5e97
- textLink.foreground#1d5e97
- textPreformat.foreground#1b1b1b80
- textSeparator.foreground#474747
- titleBar.activeBackground#ffffff
- titleBar.activeForeground#474747
- titleBar.border#f7f7f7
- titleBar.inactiveBackground#ffffff
- titleBar.inactiveForeground#1b1b1b80
- tree.indentGuidesStroke#f7f7f7
- welcomePage.buttonBackground#f7f7f7
- welcomePage.buttonHoverBackground#1b1b1b80
- widget.border#ececec
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #547570 | — |
| delimiter.bracket, delimiter, invalid.illegal.character-not-allowed-here.html, keyword.operator.rest, keyword.operator.spread, keyword.operator.type.annotation, keyword.operator.relational, keyword.operator.assignment, meta.brace, meta.tag.block.any.html, meta.tag.inline.any.html, meta.tag.structure.input.void.html, meta.type.annotation, meta.embedded.block.github-actions-expression, storage.type.function.arrow, keyword.operator.type, meta.objectliteral.ts, punctuation | #a1a1a1 | — |
| constant, entity.name.constant, variable.language, meta.definition.variable | #005e6d | — |
| entity, entity.name | #1b1b1b | — |
| variable.parameter.function | #1b1b1b | — |
| entity.name.tag, tag.html | #3d7a2e | — |
| entity.other.attribute-name.html.meta.attribute.class.html | #097575 | — |
| support.class.component, support.class.component.html, support.class.component.jsx, support.class.component.tsx, meta.tag.other.unrecognized.html.derivative entity.name.tag | #0f7d68 | — |
| entity.name.function | #d67200 | — |
| keyword, storage.type.class.jsdoc | #c04949 | — |
| storage, storage.type | #c04949 | — |
| support.type.builtin, constant.language.undefined, constant.language.null | #246cbf | — |
| text.html.derivative, storage.modifier.package, storage.modifier.import, storage.type.java | #1b1b1b | — |
| string, string punctuation.section.embedded source, attribute.value | #b84b1c | — |
| variable.other.object, variable.other.readwrite | #474747 | — |
| variable.other.object.property, variable.other.property | #3184b4 | — |
| meta.function-call | #d67200 | — |
| punctuation.definition.string, punctuation.support.type.property-name | #b84b1c99 | — |
| support, support.type.property-name.toml | #3184b4 | — |
| support.type.property-name.table.toml, support.type.property-name.array.toml | #d67200 | — |
| property, meta.property-name, meta.object-literal.key, entity.name.tag.yaml, attribute.name | #3184b4 | — |
| variable, identifier | #474747 | — |
| variable.other.constant | #005e6d | — |
| support.type.primitive, entity.name.type | #097575 | — |
| namespace | #246cbf | — |
| keyword.operator, keyword.operator.assignment.compound, meta.var.expr.ts | #a1a1a1 | — |
| keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike, keyword.operator.noexcept | #c04949 | — |
| keyword.control.import | #9b25d1 | — |
| invalid.broken | #b62626 | italic |
| invalid.deprecated | #b62626 | italic |
| invalid.illegal | #b62626 | italic |
| invalid.unimplemented | #b62626 | italic |
| carriage-return | #ffffff | italic underline |
| message.error | #b62626 | — |
| string variable | #b84b1c | — |
| source.regexp, string.regexp | #5e7a1e | — |
| constant.regexp | #5e7a1e | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #b84b1c | — |
| string.regexp constant.character.escape | #fad149 | — |
| support.constant | #005e6d | — |
| constant.numeric, number | #005e6d | — |
| keyword.other.unit | #246cbf | — |
| constant.language.boolean, constant.language | #17477e | — |
| meta.module-reference | #0d6dc7 | — |
| meta.embedded, source.groovy.embedded, meta.embedded.assembly, source.coffee.embedded, punctuation.section.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python, meta.template.expression | #1b1b1b | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #c04949 | — |
| meta.preprocessor, entity.name.function.preprocessor | #c04949 | — |
| meta.preprocessor.string | #b84b1c | — |
| meta.preprocessor.numeric | #005e6d | — |
| string.tag, string.value | #b84b1c | — |
| keyword.operator.plus.exponent, keyword.operator.minus.exponent | #005e6d | — |
| storage.modifier, storage.modifier.import.java, storage.modifier.package.java | #c04949 | — |
| variable.language.wildcard.java | #1b1b1b | — |
| invalid | #b62626 | — |
| punctuation.definition.tag | #a1a1a1 | — |
| invalid.illegal.unrecognized-tag.html | — | normal |
| type.identifier | #0f7d68 | — |
| entity.other.attribute-name, support.type.property-name, support.type.vendored.property-name, meta.structure.dictionary.key.python | #3184b4 | — |
| entity.other.attribute-name.html | #3a5a7a | — |
| entity.other.attribute-name.html.meta.attribute.id.html, meta.attribute.id.html string.quoted | #097575 | — |
| entity.name.tag.css, entity.name.tag.less | #3d7a2e | — |
| entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss | #097575 | — |
| source.css variable, support.function.git-rebase | #3184b4 | — |
| constant.sha.git-rebase, variable.other.enummember | #005e6d | — |
| punctuation.definition.list.begin.markdown | #a65e2b | — |
| punctuation.definition.quote.begin.markdown | #547570 | — |
| markup.heading, markup.heading entity.name | #d67200 | bold |
| markup.quote | #1d5e97 | — |
| markup.italic | #1b1b1b | italic |
| markup.bold | #1b1b1b | bold |
| strong | — | bold |
| emphasis | — | italic |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.raw | #1d5e97 | — |
| markup.inline.raw | #1d5e97 | — |
| constant.other.reference.link, string.other.link, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #b84b1c | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #1b1b1be6 | underline |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #b62626 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #0f7d68 | — |
| markup.changed, punctuation.definition.changed | #a65e2b | — |
| markup.ignored, markup.untracked | #1b1b1b80 | — |
| meta.diff.range | #a13865 | bold |
| meta.diff.header | #1d5e97 | — |
| meta.separator | #1d5e97 | bold |
| meta.output | #1d5e97 | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #1b1b1b80 | — |
| brackethighlighter.unmatched | #b62626 | — |
| entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust | #c04949 | italic |
| meta.attribute.rust, punctuation.brackets.attribute.rust, meta.attribute.rust entity.name.function | #825a91 | — |
| entity.name.macro.rust, entity.name.function.macro.rust, support.macro.rust | #d67200 | — |
| entity.name.namespace.rust, entity.name.module.rust | #246cbf | — |
| storage.type.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.modifier.const.rust | #c04949 | — |
| entity.name.type.struct.rust, entity.name.type.enum.rust, entity.name.type.trait.rust | #0f7d68 | — |
| keyword.import.go, keyword.package.go, keyword.function.go, keyword.var.go | #c04949 | — |
| entity.name.import.go, entity.name.package.go | #246cbf | — |
| entity.name.label.go | #005e6d | — |
| support.type.builtin.go | #246cbf | — |
| support.class.component.jsx, support.class.component.tsx, entity.name.tag.jsx support.class.component, entity.name.tag.tsx support.class.component | #0f7d68 | — |
| keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.DCL.sql, keyword.other.LUW.sql, keyword.other.create.sql, keyword.other.alter.sql, keyword.other.alias.sql, keyword.other.sql, keyword.other.authorization.sql, keyword.other.data-integrity.sql, keyword.other.object-comments.sql, keyword.other.cte.sql, storage.modifier.sql, storage.type.sql | #246cbf | — |
| punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx | #a1a1a1 | — |
| meta.function.decorator.python, meta.function.decorator.python entity.name.function, meta.function.decorator.python support.function, punctuation.definition.decorator.python | #825a91 | — |
| support.type.exception.python | #0f7d68 | — |
| storage.type.string.python, storage.type.format.python | #b84b1c99 | — |
| support.type.property-name.json | #3184b4 | — |
| storage.modifier.specifier.cpp, storage.type.modifier.cpp, meta.template.cpp | #c04949 | — |
| entity.name.scope-resolution.cpp, entity.name.namespace.cpp | #246cbf | — |
| variable.other.normal.shell, variable.other.special.shell | #474747 | — |
| punctuation.definition.variable.shell | #a1a1a1 | — |