joey
Publisher: xshapiraThemes in package: 1
A minimal theme to code with joy and focus
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#1f2023
- activityBar.border#1f2023
- activityBar.foreground#bcb28d
- activityBarBadge.background#424852
- descriptionForeground#bcb28d
- editor.background#1f2023
- editor.findMatchBorder#bcb28d66
- editor.findMatchHighlightBackground#2c5a65
- editor.findRangeHighlightBackground#2c5a65
- editor.foreground#bcb28d
- editor.hoverHighlightBackground#ffffff00
- editor.lineHighlightBackground#282b31
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#E6855020
- editor.selectionBackground#2c5a65
- editor.selectionHighlightBackground#2c5a65
- editor.wordHighlightBackground#2c5a65
- editorBracketMatch.background#ffffff00
- editorBracketMatch.border#886b67
- editorCursor.foreground#bcb28d
- editorError.foreground#E03C8A
- editorGroupHeader.tabsBackground#1f2023
- editorGutter.background#1f2023
- editorIndentGuide.activeBackground1#4c4c52
- editorIndentGuide.background1#2f3033
- editorInlayHint.background#ffffff00
- editorInlayHint.foreground#717C74
- editorInlayHint.parameterForeground#717C74
- editorInlayHint.typeForeground#717C74
- editorLineNumber.foreground#43474c
- editorLink.activeForeground#999
- editorSuggestWidget.selectedBackground#2A5A66
- editorWarning.foreground#e6844f
- editorWidget.background#282b31
- editorWidget.border#555
- errorForeground#E03C8A
- focusBorder#1f2023
- foreground#bcb28d
- gitDecoration.conflictingResourceForeground#fb7da7
- gitDecoration.ignoredResourceForeground#525565
- gitDecoration.modifiedResourceForeground#76c5a4
- gitDecoration.untrackedResourceForeground#76c5a4
- list.activeSelectionBackground#243d46
- list.activeSelectionForeground#bcb28d
- list.errorForeground#e15b75
- list.focusBackground#2A5A66
- list.focusForeground#bcb28d
- list.highlightForeground#93a1a1
- list.hoverBackground#243d46
- list.hoverForeground#bcb28d
- list.inactiveSelectionBackground#282b31
- list.inactiveSelectionForeground#bcb28d
- list.warningForeground#e6844f
- panel.background#1f2023
- panel.border#5e6173
- quickInputList.focusBackground#2A5A66
- scrollbar.shadow#1f2023
- selection.background#326673
- sideBar.background#1f2023
- sideBar.border#1f2023
- sideBar.foreground#838f88
- sideBarSectionHeader.background#1f2023
- sideBarSectionHeader.foreground#999
- sideBarTitle.foreground#999
- statusBar.background#1f2023
- statusBar.border#1f2023
- statusBar.debuggingBackground#282b31
- statusBar.debuggingForeground#bcb28d
- statusBar.foreground#bcb28d
- statusBar.noFolderBackground#1f2023
- statusBar.noFolderForeground#bcb28d
- tab.activeBackground#1f2023
- tab.activeBorder#E6844F
- tab.activeForeground#bcb28d
- tab.border#1f2023
- tab.hoverBackground#282b31
- tab.inactiveBackground#1f2023
- tab.inactiveForeground#746f5e
- terminal.ansiBlack#2c5a65
- terminal.ansiBlue#6796e6
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#58b2dc
- terminal.ansiBrightCyan#93a1a1
- terminal.ansiBrightGreen#5c8490
- terminal.ansiBrightMagenta#646695
- terminal.ansiBrightRed#e6844f
- terminal.ansiBrightWhite#fdf6e3
- terminal.ansiBrightYellow#657b83
- terminal.ansiCyan#69b0ac
- terminal.ansiGreen#4EC9B0
- terminal.ansiMagenta#a58edc
- terminal.ansiRed#E03C8A
- terminal.ansiWhite#eee8d5
- terminal.ansiYellow#e6844f
- terminal.background#1f2023
- terminal.foreground#bcb28d
- terminalCursor.background#eee8d5
- terminalCursor.foreground#657b83
- titleBar.activeBackground#1f2023
- titleBar.activeForeground#bcb28d
- titleBar.inactiveBackground#31343c
- titleBar.inactiveForeground#707C74
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| comment | #707C74 | italic |
| constant.language | #DDA52D | bold |
| variable.other | #bcb28d | — |
| constant.regexp | #646695 | — |
| entity.name.tag | #E03C8A | — |
| entity.name.tag.css | #E03C8A | — |
| entity.other.attribute-name | #E6844F | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss | #E03C8A | — |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css | #6796e6 | — |
| invalid | #f44747 | — |
| markup.underline | — | underline |
| markup.bold | #58b2dc | bold |
| markup.heading | #E03C8A | bold |
| markup.italic | — | italic |
| markup.inserted | #b5cea8 | — |
| markup.deleted | #ce9178 | — |
| markup.changed | #58b2dc | — |
| beginning.punctuation.definition.quote.markdown | #608b4e | — |
| beginning.punctuation.definition.list.markdown | #6796e6 | — |
| markup.fenced_code.block.markdown | #BCB28D | — |
| markup.inline.raw | #E6844F | — |
| meta.selector | #d7ba7d | — |
| punctuation.definition.tag | #808080 | — |
| meta.preprocessor | #58b2dc | — |
| meta.preprocessor.string | #ce9178 | — |
| meta.preprocessor.numeric | #b5cea8 | — |
| meta.diff.header | #58b2dc | — |
| storage | #58b2dc | — |
| storage.type | #E03C8A | — |
| storage.modifier | #58b2dc | — |
| string | #66A866 | — |
| string.tag | #ce9178 | — |
| string.value | #ce9178 | — |
| string.regexp | #d16969 | — |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js | #58b2dc | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less | #E6844F | — |
| keyword | #E03C8A | — |
| keyword.operator | #B9B3B3 | — |
| keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof | #58b2dc | — |
| keyword.other.unit | #E03C8A | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #58b2dc | — |
| support.function.git-rebase | #9cdcfe | — |
| constant.sha.git-rebase | #b5cea8 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #d4d4d4 | — |
| variable.language | #E6844F | italic bold |
| entity.name.function, support.function, support.constant.handlebars | #58B2DC | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #58B2DC | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #4EC9B0 | — |
| meta.definition.variable.name, support.variable | #bcb28d | — |
| meta.object-literal.key, meta.object-literal.key entity.name.function | #E6844F | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #bcb28d | — |
| support.class, variable, entity.name.type, entity.other.inherited-class | #E6844F | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison | #C485E4 | — |
| string, string.regexp | #66A866 | — |
| keyword.control | #CA76DB | |
| keyword.control.flow | — | italic bold |
| entity.name.type.module.js, entity.name.type.module.js.jsx, entity.other.inherited-class.js, entity.other.inherited-class.js.jsx | — | italic |
| keyword.operator.new | #CB77DB | bold |
| constant.numeric | #DDA52D | — |
| markup.underline.link.markdown | #58b2dc | — |
| meta.separator.markdown, punctuation.definition.list.begin.markdown | #DDA52D | — |
| support.type.property-name.table.toml | #CA76DB | — |
| constant.language.boolean.toml | #58B2DC | — |
| keyword.other.special-method.dockerfile | — | bold |
| variable.other.env | #E6844F | — |
| constant.language.env | #58b2dc | — |
| constant.language.json | #58b2dc | — |
| entity.name.class.js, support.type.object.dom.js, variable.other.constant.js, support.class.builtin.js, entity.name.type.instance.js, support.type.object.dom.js, support.type.object.console.js, support.variable.property, support.variable.object.process, support.variable.object.node, variable.other.object.js, variable.language.this.js, variable.language.self.js | #E6844F | — |
| keyword.control.conditional.js | — | italic bold |
| variable.other.property.js | #e15b75 | — |
| variable.other.readwrite.js | #BCB38E | — |
| keyword.operator.assignment.js, keyword.operator.assignment.augmented.js, keyword.operator.assignment.jsx, keyword.operator.assignment.augmented.jsx, keyword.operator.comparison.js, keyword.operator.comparison.jsx, keyword.operator.arithmetic.js, keyword.operator.arithmetic.jsx, keyword.operator.logical.js, keyword.operator.logical.jsx, punctuation.separator.key-value.js, punctuation.separator.key-value.jsx | #C485E4 | — |
| keyword.operator.accessor, keyword.operator.ternary.js, keyword.operator.ternary.jsx | #CA76DB | — |
| storage.type.js, storage.type.function.js, storage.type.class.js | #E03C8A | — |
| keyword.operator.expression.keyof.ts, storage.type.interface.ts, keyword.operator.ternary.ts, keyword.operator.ternary.tsx | #CA76DB | — |
| keyword.operator.assignment.ts, keyword.operator.assignment.compound.ts, keyword.operator.assignment.tsx, keyword.operator.assignment.compound.tsx, keyword.operator.comparison.ts, keyword.operator.comparison.tsx, keyword.operator.arithmetic.ts, keyword.operator.arithmetic.tsx, keyword.operator.logical.ts, keyword.operator.logical.tsx, punctuation.separator.key-value.ts, punctuation.separator.key-value.tsx | #C485E4 | — |
| meta.object-literal.key.ts, variable.parameter.ts, variable.other.constant.ts, variable.other.object.property.ts, variable.object.property.ts, variable.language.this.ts, variable.language.self.ts, entity.name.type.interface.ts, entity.name.type.ts, entity.name.type.class.ts, variable.other.object.ts, variable.other.object.tsx, support.class.promise.ts, support.variable.ts, support.type.builtin.ts, support.type.builtin.tsx, support.type.primitive.ts, support.type.primitive.tsx, support.type.builtin.primitive | #E6844F | — |
| punctuation.accessor, keyword.operator.type.annotation.ts, keyword.operator.type.annotation.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx | #bcb28d | — |
| support.variable.property.importmeta.ts, variable.other.property.tsx, variable.other.object.property.ts, variable.other.object.property.tsx, variable.other.property.ts, variable.other.constant.property.ts | #e15b75 | — |
| meta.object-literal.key.ts, meta.object-literal.key.tsx | #66A866 | — |
| storage.type.ts, storage.modifier.ts, storage.type.function.ts, storage.type.class.ts, storage.modifier.async.tsx, storage.modifier.async.ts | #E03C8A | — |
| meta.function-call.python, meta.function-call.generic.python, entity.name.function.python | #58b2dc | — |
| meta.item-access.python, punctuation.definition.decorator.python, support.type.exception.python, constant.character.format.placeholder.other.python, storage.type.string.python, meta.function.parameters.python, meta.function.python, constant.other.caps.python, support.type.python | #E6844F | — |
| storage.type.class.python, storage.type.function.python | #E03C8A | — |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python, variable.language.special.cls.python, variable.parameter.function.language.special.cls.python | #E6844F | italic bold |
| punctuation.separator.arguments.python, punctuation.separator.element.python, keyword.operator.python, meta.attribute.python, meta.function-call.arguments.python, meta.indexed-name.python, variable.legacy.builtin.python, punctuation.separator.parameters.python, meta.item-access.arguments.python, punctuation.separator.annotation.result.python, punctuation.separator.annotation.python, punctuation.section.function.begin.python, support.variable.magic.python, variable.parameter.function.language.python, variable.parameter.function-call.python, invalid.illegal.annotation.python, meta.embedded.block.python | #bcb28d | — |
| keyword.control.flow.python, keyword.operator.logical.python, punctuation.separator.period.python | #CA76DB | — |
| string.quoted.docstring.multi.python | #707C74 | — |
| punctuation.definition.string.begin.python, punctuation.definition.string.end.python | #66A866 | — |
| constant.language.python | #DDA52D | — |
| keyword.operator.unpacking.parameter.python, keyword.operator.unpacking.arguments.python | #F97583 | — |
| entity.tag.tagbraces.django | #CA76DB | |
| constant.other.contrib.django, constant.other.tag.name.django | #E6844F | italic |
| string.quoted.single.html, string.unquoted.tag-string.django | — | |
| variable.language.dart, keyword.other.import.dart | #58b2dc | — |
| punctuation.definition.variable.ruby | #e15b75 | — |
| keyword.operator.namespace.rust, keyword.operator.key-value.rust | #bcb28d | — |
| keyword.control.rust | — | italic bold |
| constant.other.caps.rust, entity.name.namespace.rust | #E6844F | — |
| storage.modifier.mut.rust, keyword.other.fn.rust, storage.type.rust, keyword.other.rust, keyword.other.crate.rust, keyword.operator.access.dot.rust | #CA76DB | — |
| keyword.operator.borrow.and.rust | #05BBB8 | — |
| keyword.operator.math.rust | #E15C75 | — |