Zeco Theme
Publisher: zecoThemes in package: 1
A carefully tuned color theme for Visual Studio Code.
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#383A49FF
- activityBar.activeBorder#0078D4FF
- activityBar.background#181818FF
- activityBar.border#2B2B2BFF
- activityBar.foreground#D7D7D7FF
- activityBar.inactiveForeground#868686FF
- activityBarBadge.background#0078D4FF
- activityBarBadge.foreground#FFFFFFFF
- badge.background#616161FF
- badge.foreground#F8F8F8FF
- button.background#0078D4FF
- button.border#FFFFFF12
- button.foreground#FFFFFFFF
- button.hoverBackground#026EC1FF
- button.secondaryBackground#313131FF
- button.secondaryForeground#CCCCCCFF
- button.secondaryHoverBackground#3C3C3CFF
- chat.editedFileForeground#E2C08DFF
- chat.slashCommandBackground#26477866
- chat.slashCommandForeground#85B6FFFF
- checkbox.background#313131FF
- checkbox.border#3C3C3CFF
- debugConsole.errorForeground#FF0000EE
- debugConsole.infoForeground#FFFFFFCC
- debugConsole.sourceForeground#FFFFFFCC
- debugConsole.warningForeground#FFFF00FF
- debugTokenExpression.boolean#4EC9B0FF
- debugTokenExpression.error#FF0000FF
- debugTokenExpression.name#4FC1FFFF
- debugTokenExpression.number#14E901FF
- debugTokenExpression.string#FFFFFFEE
- debugTokenExpression.value#FFFFFFAA
- debugToolBar.background#181818FF
- descriptionForeground#9D9D9DFF
- dropdown.background#313131FF
- dropdown.border#3C3C3CFF
- dropdown.foreground#CCCCCCFF
- dropdown.listBackground#1F1F1FFF
- editor.background#1F1F1FFF
- editor.findMatchBackground#9E6A03FF
- editor.foreground#CCCCCCFF
- editor.inactiveSelectionBackground#3A3D417E
- editor.lineHighlightBackground#1073CF2D
- editor.lineHighlightBorder#9FCED154
- editor.selectionBackground#FFFFFF50
- editor.selectionForeground#FFFFFFCC
- editor.selectionHighlightBackground#ADD6FF26
- editorBracketHighlight.foreground1#FFFFFFFF
- editorBracketHighlight.foreground2#FF4F4FFF
- editorBracketHighlight.foreground3#FF7F00FF
- editorBracketHighlight.foreground4#FFFF00FF
- editorBracketHighlight.foreground5#00FF00FF
- editorBracketHighlight.foreground6#00FFFFFF
- editorGroup.border#FFFFFF17
- editorGroupHeader.tabsBackground#181818FF
- editorGroupHeader.tabsBorder#2B2B2BFF
- editorGutter.addedBackground#2EA043FF
- editorGutter.deletedBackground#F85149FF
- editorGutter.modifiedBackground#0078D4FF
- editorIndentGuide.activeBackground1#707070FF
- editorIndentGuide.background1#404040FF
- editorLineNumber.activeForeground#CCCCCCFF
- editorLineNumber.foreground#6E7681FF
- editorOverviewRuler.border#010409FF
- editorWidget.background#202020FF
- errorForeground#F85149FF
- focusBorder#0078D4FF
- foreground#CCCCCCFF
- icon.foreground#CCCCCCFF
- input.background#313131FF
- input.border#3C3C3CFF
- input.foreground#CCCCCCFF
- input.placeholderForeground#989898FF
- inputOption.activeBackground#2489DB82
- inputOption.activeBorder#2488DBFF
- keybindingLabel.foreground#CCCCCCFF
- list.activeSelectionIconForeground#FFFFFFFF
- list.dropBackground#383B3DFF
- menu.background#1F1F1FFF
- menu.border#454545FF
- menu.foreground#CCCCCCFF
- menu.selectionBackground#0078D4FF
- menu.separatorBackground#454545FF
- notificationCenterHeader.background#1F1F1FFF
- notificationCenterHeader.foreground#CCCCCCFF
- notifications.background#1F1F1FFF
- notifications.border#2B2B2BFF
- notifications.foreground#CCCCCCFF
- panel.background#181818FF
- panel.border#2B2B2BFF
- panelInput.border#2B2B2BFF
- panelTitle.activeBorder#0078D4FF
- panelTitle.activeForeground#CCCCCCFF
- panelTitle.inactiveForeground#9D9D9DFF
- peekViewEditor.background#1F1F1FFF
- peekViewEditor.matchHighlightBackground#BB800966
- peekViewResult.background#1F1F1FFF
- peekViewResult.matchHighlightBackground#BB800966
- pickerGroup.border#3C3C3CFF
- ports.iconRunningProcessForeground#369432FF
- progressBar.background#0078D4FF
- quickInput.background#222222FF
- quickInput.foreground#CCCCCCFF
- settings.dropdownBackground#313131FF
- settings.dropdownBorder#3C3C3CFF
- settings.headerForeground#FFFFFFFF
- settings.modifiedItemIndicator#BB800966
- sideBar.background#181818FF
- sideBar.border#2B2B2BFF
- sideBar.foreground#CCCCCCFF
- sideBarSectionHeader.background#181818FF
- sideBarSectionHeader.border#2B2B2BFF
- sideBarSectionHeader.foreground#CCCCCCFF
- sideBarTitle.foreground#CCCCCCFF
- statusBar.background#1E1E1EFF
- statusBar.border#2B2B2BFF
- statusBar.debuggingBackground#511F1FFF
- statusBar.debuggingForeground#FFFFFFFF
- statusBar.focusBorder#0078D4FF
- statusBar.foreground#CCCCCCFF
- statusBar.noFolderBackground#1E1E1EFF
- statusBarItem.focusBorder#0078D4FF
- statusBarItem.hoverBackground#F1F1F133
- statusBarItem.hoverForeground#FFFFFFFF
- statusBarItem.prominentBackground#6E768166
- statusBarItem.remoteBackground#0078D4FF
- statusBarItem.remoteForeground#FFFFFFFF
- tab.activeBackground#1F1F1FFF
- tab.activeBorder#1F1F1FFF
- tab.activeBorderTop#0078D4FF
- tab.activeForeground#FFFFFFFF
- tab.border#2B2B2BFF
- tab.hoverBackground#1F1F1FFF
- tab.inactiveBackground#181818FF
- tab.inactiveForeground#9D9D9DFF
- tab.lastPinnedBorder#CCCCCC33
- tab.selectedBackground#222222FF
- tab.selectedBorderTop#6CADDFFF
- tab.selectedForeground#FFFFFFA0
- tab.unfocusedActiveBorder#1F1F1FFF
- tab.unfocusedActiveBorderTop#2B2B2BFF
- tab.unfocusedHoverBackground#1F1F1FFF
- terminal.foreground#CCCCCCFF
- terminal.inactiveSelectionBackground#3A3D41FF
- terminal.tab.activeBorder#0078D4FF
- textBlockQuote.background#2B2B2BFF
- textBlockQuote.border#616161FF
- textCodeBlock.background#2B2B2BFF
- textLink.activeForeground#4DAAFCFF
- textLink.foreground#4DAAFCFF
- textPreformat.background#3C3C3CFF
- textPreformat.foreground#D0D0D0FF
- textSeparator.foreground#21262DFF
- titleBar.activeBackground#181818FF
- titleBar.activeForeground#CCCCCCFF
- titleBar.border#2B2B2BFF
- titleBar.inactiveBackground#1F1F1FFF
- titleBar.inactiveForeground#9D9D9DFF
- welcomePage.progress.foreground#0078D4FF
- welcomePage.tileBackground#2B2B2BFF
- widget.border#313131FF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python | #D4D4D4FF | — |
| comment, punctuation.definition.comment | #999999FF | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #000080FF | — |
| constant.language | #569CD6FF | — |
| constant.regexp | #646695FF | — |
| entity.name.tag, entity.name.tag.css, entity.name.tag.less, entity.name.tag.jsx, entity.name.tag.tsx, punctuation.definition.string, punctuation.support.type.property-name, entity.other.attribute-name.class.css | #FF8989FF | |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, entity.other.attribute-name.js, entity.other.attribute-name.ts | #2DD5FFFF | italic |
| 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 | #2DD5FFFF | italic |
| invalid | #F44747FF | — |
| markup.underline | — | underline |
| markup.bold, markup.heading | #569CD6FF | bold |
| markup.italic | — | italic |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #B5CEA8FF | — |
| markup.deleted | #CE9178FF | — |
| markup.changed | #569CD6FF | — |
| punctuation.definition.quote.begin.markdown | #6A9955FF | — |
| punctuation.definition.list.begin.markdown | #6796E6FF | — |
| markup.inline.raw | #CE9178FF | — |
| punctuation.definition.tag | #BDBDBDFF | |
| meta.structure.dictionary.key.python | #9CDCFEFF | — |
| meta.diff.header | #569CD6FF | — |
| meta.preprocessor, entity.name.function.preprocessor, entity.name.function.preprocessor.*, entity.name.macro, support.function.macro | #CE9178FF | — |
| string, string.tag, string.value, string.interpolated, string.quoted, string.double, string.single, string.template, string.unquoted, meta.embedded.assembly | #FFFFFFFF | — |
| string.regexp, string.regex, string.regexp.* | #FFFFFFFF | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #FF8989FF | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #569CD6FF | — |
| meta.template.expression | #D4D4D4FF | — |
| support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded | #9CDCFEFF | — |
| support.function.git-rebase | #9CDCFEFF | — |
| constant.sha.git-rebase | #B5CEA8FF | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #D4D4D4FF | — |
| variable.language | #569CD6FF | — |
| support.function.builtin, support.function.builtin.python, support.function.builtin.js, support.function.builtin.ts, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal | #FFADE4FF | — |
| entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, 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, storage.type.c, storage.type.primitive.c, storage.type.cpp, storage.type.primitive.cpp | #4EC9B0FF | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, entity.other.inherited-class, punctuation.separator.namespace, punctuation.separator.namespace.ruby, punctuation.separator.namespace.cpp, punctuation.separator.namespace.c | #4EC9B0FF | — |
| meta.definition.variable.name, constant.other.placeholder | #669EE9FF | — |
| variable.other.enummember, variable.other.static | #2DD5FFFF | — |
| constant.language.boolean, constant.language.boolean.true, constant.language.boolean.false, constant.language.true, constant.language.false | #2DD5FFFF | italic bold |
| variable.parameter, entity.name.variable.parameter, meta.parameter | #14E901FF | — |
| storage.modifier.async, keyword.control.async, keyword.other.async, entity.name.function.async, support.function.async | #FA72FFFF | — |
| entity.name.function.extension, support.function.extension | #FFADE4FF | italic bold |
| meta.annotation, storage.type.attribute, entity.name.attribute, support.attribute, meta.function.decorator.python, entity.name.function.decorator, punctuation.definition.decorator.python | #4EC9B0FF | — |
| meta.object-literal.key | #9CDCFEFF | — |
| 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 | #CE9178FF | — |
| entity.name.label | #FFFFFFFF | italic |
| constant.numeric | #14E901FF | — |
| entity.name.type | #4EC9B0FF | — |
| entity.name.class | #2DD5FFFF | |
| support.type | #4EC9B0FF | — |
| support.class | #4EC9B0FF | — |
| support.function | #FFADE4FF | — |
| variable | #669EE9FF | — |
| entity.name.variable | #669EE9FF | — |
| keyword - keyword.operator | #4EC9B0FF | — |
| storage | #4EC9B0FF | — |
| storage.type | #2DD5FFFF | |
| storage.type.class.jsdoc | #A0A0A0FF | italic bold underline |
| support.constant.json, support.variable.property | #6479EDFF | |
| variable.other.constant | #669EE9FF | |
| entity.name.function | #FFADE4FF | |
| support.variable | #7DF0D9FF | |
| meta.property-value.scss, meta.property-value.css, keyword.other.unit | #00FFC8FF | |
| ref.matchtext | #FFFFFFFF | — |
| token.info-token | #6796E6FF | — |
| token.warn-token | #CD9731FF | — |
| token.error-token | #F44747FF | — |
| token.debug-token | #B267E6FF | — |
| punctuation.accessor, keyword.operator.arrow | #FFFFFFFF | bold |
| punctuation.definition.entity.css, variable.language.this, storage.modifier, punctuation.separator.hash.cs, variable.language.super, keyword.operator.expression.await, keyword.operator.expression.delete, keyword.other.directive.using, constant.language.undefined.ts, constant.language.null.ts | #FF8989FF | italic bold |
| entity.other.attribute-name.pseudo-class, keyword.operator.expression | #2DD5FFFF | italic |
| variable.other.readwrite.alias | #2DD5FFFF | |
| keyword.other.using.cs | #2DD5FFFF | bold |
| keyword.operator.new, keyword.operator.expression.new | #2DD5FFFF | italic bold |
| storage.type.function.arrow | #FFADE4FF | bold |
| keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.switch, keyword.control.flow, keyword.control.return, keyword.control.break, keyword.control.continue, keyword.control.if, keyword.control.else, keyword.control.for, keyword.control.while, keyword.control.do, keyword.control.try, keyword.control.catch, keyword.control.finally | #FF8989FF | italic bold |
| storage.type.primitive, storage.type.numeric, storage.type.boolean, storage.type.string, storage.type.char, storage.type.void, support.type.primitive, support.type.primitive.*, keyword.type | #2DD5FFFF | italic bold |
| storage.modifier.cs, storage.modifier.static, storage.modifier.ts, storage.modifier.java, storage.modifier.cpp, keyword.other.access, keyword.other.access.*, keyword.other.modifier, keyword.other.static, storage.modifier.const, storage.modifier.readonly | #2DD5FFFF | italic bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.assignment.*, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.decrement, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest, keyword.operator.delete, keyword.operator.expression.*, keyword.operator.instanceof, keyword.operator.typeof, keyword.operator.in, keyword.operator.of, keyword.operator.keyof, keyword.operator.await, meta.property-list.scss, text.html.derivative, punctuation.separator.key-value, keyword.operator.assignment.cs, invalid.deprecated.semicolon | #FFFFFFFF | |
| keyword.declaration, keyword.declaration.function, keyword.declaration.class, keyword.declaration.interface, keyword.declaration.enum, storage.type.function, storage.type.class, storage.type.interface, storage.type.enum, storage.type.namespace, keyword.other.namespace, keyword.other.class, storage.type.let, storage.type.var, storage.type.const, keyword.other.let, keyword.other.var, keyword.other.const, keyword.other.function | #2DD5FFFF |