Itay-Desing
Publisher: Itay koegerThemes in package: 1
Hi this is my color theme! I hope you enjoy it 😉
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#212121
- activityBar.activeBorder#ff0000
- activityBar.background#000000
- activityBar.border#ff0000
- activityBar.dropBorder#ff0000
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#ff0000
- activityBarBadge.background#000000
- activityBarBadge.foreground#03d1ff
- button.background#121212
- button.border#0022ff
- button.foreground#2600ff
- button.hoverBackground#070707
- button.secondaryBackground#0dff00
- button.secondaryForeground#09ff00
- button.secondaryHoverBackground#00ff22
- button.separator#0008ff
- checkbox.background#151515
- checkbox.border#0800ff
- checkbox.foreground#0015ff
- contrastActiveBorder#0400ff
- contrastBorder#1100ff7e
- descriptionForeground#ff0000
- dropdown.background#000000
- dropdown.foreground#ff0000
- dropdown.listBackground#060606
- editor.background#0e0e0e
- editor.findMatchBackground#838383
- editor.findMatchBorder#ff0000
- editor.findMatchHighlightBackground#111111
- editor.findMatchHighlightBorder#1e00ff
- editor.foreground#fffffffd
- editor.hoverHighlightBackground#5d5d5d
- editor.lineHighlightBackground#171616
- editor.lineHighlightBorder#181717
- editor.rangeHighlightBackground#0b0b0b
- editor.rangeHighlightBorder#111010
- editor.selectionBackground#02c8ffdf
- editor.selectionForeground#000000
- editor.symbolHighlightBackground#1a1919
- editor.symbolHighlightBorder#363841
- editor.wordHighlightBackground#c2c2c2
- editorGroup.border#ff0000
- editorGroup.dropIntoPromptBackground#000000
- editorGroup.dropIntoPromptBorder#0026ff
- editorGroup.dropIntoPromptForeground#1900ff
- editorGroup.emptyBackground#000000
- editorGroupHeader.tabsBorder#ffffff
- editorGutter.background#000000
- editorLineNumber.activeForeground#4e4e4e
- editorLink.activeForeground#001eff
- editorOverviewRuler.background#000000
- editorOverviewRuler.border#ff0000
- editorUnicodeHighlight.border#171717
- editorWhitespace.foreground#0040ff
- editorWidget.background#2a312a
- editorWidget.foreground#ffffff
- errorForeground#000000
- focusBorder#fffefe
- icon.foreground#002fff
- input.background#0f0f0f
- input.border#1100ff
- input.foreground#ffffff
- input.placeholderForeground#fffdfd
- inputOption.activeBackground#000000
- inputOption.activeBorder#0011ff
- inputOption.activeForeground#0008ff
- inputOption.hoverBackground#ff0000
- inputValidation.errorBackground#d10000
- inputValidation.errorBorder#ff0000
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#2fff00
- list.activeSelectionBackground#000000
- list.activeSelectionForeground#ffdea0
- list.activeSelectionIconForeground#ff0000
- list.deemphasizedForeground#15ff00
- list.dropBackground#454545
- list.errorForeground#ffffff
- list.filterMatchBackground#0033ff
- list.focusAndSelectionOutline#ff0000
- list.focusBackground#000000
- list.focusForeground#ff0000
- list.focusOutline#ff0000
- list.highlightForeground#0033ff
- list.hoverBackground#141414
- list.hoverForeground#ffffff
- list.inactiveFocusBackground#303030
- list.inactiveFocusOutline#0015ff
- list.inactiveSelectionForeground#ffffff
- list.inactiveSelectionIconForeground#ffffff
- list.warningForeground#ffc918e5
- listFilterWidget.background#101010
- listFilterWidget.noMatchesOutline#00ff08
- listFilterWidget.outline#00ff00
- listFilterWidget.shadow#1e1eff55
- minimap.background#000000
- minimap.errorHighlight#ffcc00
- minimap.selectionHighlight#3ba6af
- minimapSlider.hoverBackground#1e00ff32
- notebook.editorBackground#30f00e
- panel.background#000000
- panel.border#ff0000
- panel.dropBorder#0037ff
- panelInput.border#ff0000
- panelSection.border#ff0000
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#ff0000
- sash.hoverBorder#0008ff
- searchEditor.findMatchBackground#151515
- searchEditor.findMatchBorder#1f1919
- searchEditor.textInputBorder#211e1e
- selection.background#4b48ff
- sideBar.background#000000
- sideBar.border#0008ff
- sideBar.foreground#ffffff
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#ffffff
- statusBar.background#000000
- statusBar.border#ff0000
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#ff0000
- statusBar.noFolderForeground#ff0000
- symbolIcon.arrayForeground#00ff00
- symbolIcon.colorForeground#ff0000
- symbolIcon.fieldForeground#ffffff
- symbolIcon.fileForeground#62ff00
- symbolIcon.textForeground#ff0000
- tab.activeBackground#000828
- tab.border#001aff
- tab.hoverBackground#181818
- tab.unfocusedActiveBackground#000427
- textBlockQuote.background#000000
- textBlockQuote.border#404040
- textCodeBlock.background#171717
- textLink.activeForeground#438bff
- textLink.foreground#1500ff
- textPreformat.foreground#2b00ff
- textSeparator.foreground#3300ff
- titleBar.activeBackground#000000
- titleBar.activeForeground#fffefe
- titleBar.border#ff0000
- titleBar.inactiveBackground#020202
- toolbar.activeBackground#000000
- toolbar.hoverBackground#373737
- toolbar.hoverOutline#000000
- tree.indentGuidesStroke#ff0000
- tree.tableOddRowsBackground#ff0000
- welcomePage.background#000000
- widget.shadow#0008ff78
- window.activeBorder#0dff00
- window.inactiveBorder#00ff26
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.other | #FF0000 | — |
| #e41a1a | — | |
| text.html.derivative | #ffffff | — |
| meta | #cdffcd | — |
| #aeaeae | — | |
| emphasis | — | italic |
| strong | — | bold |
| meta.diff.header | #000080 | — |
| comment | #ffffff77 | — |
| constant.language | #569cd6 | — |
| constant.numeric, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #caffad | — |
| constant.regexp | #b46695 | — |
| entity.name.tag | #7e9cff6d | — |
| entity.name.tag.css | #ffdf99 | — |
| entity.other.attribute-name | #a2cefa | — |
| source.css entity.other.attribute-name, source.css.less entity.other.attribute-name.id, source.scss entity.other.attribute-name | #ffc039 | — |
| invalid | #ff0000 | — |
| markup.underline | — | underline |
| markup.bold | — | bold |
| markup.heading | #6796e6 | — |
| markup.italic | — | italic |
| markup.inserted | #b5cea8 | — |
| markup.deleted | #ce9178 | — |
| markup.changed | #569cd6 | — |
| meta.selector | #d7ba7d | — |
| punctuation.definition.tag | #989898 | — |
| meta.preprocessor | #569cd6 | — |
| meta.preprocessor.string | #ce9178 | — |
| meta.preprocessor.numeric | #b5cea8 | — |
| meta.structure.dictionary.key.python | #5cc6ff | — |
| storage | #569cd6 | — |
| storage.type | #00fff2 | — |
| storage.modifier | #569cd6 | — |
| string | #ff7a38d9 | — |
| string.tag | #0c0c0c | — |
| string.value | #ce9178 | — |
| string.regexp | #ca84ff | — |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js | #569cd6 | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less | #c4ccff | — |
| keyword | #ddff00 | — |
| keyword.control | #ffffff | — |
| keyword.operator | #b2c0ff | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python | #00a6ff | — |
| keyword.other.unit | #b5cea8 | — |
| support.function.git-rebase | #d4d4d4 | — |
| constant.sha.git-rebase | #b5cea8 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #d4d4d4 | — |
| variable.language.this | #569cd6 | — |
| entity.name.function, support.function, support.constant.handlebars | #DCDCAA | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.class, source.cs storage.type | #4EC9B0 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #4EC9B0 | — |
| keyword.control | #C586C0 | — |
| variable, meta.definition.variable.name, support.variable | #1c73ff | — |
| meta.object-literal.key, meta.object-literal.key entity.name.function | #9CDCFE | — |
| 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 | #ff7b47 | — |