Izorra Themes
Publisher: SaudesThemes in package: 1
Color themes for Visual Studio Code - Magenta and Teal, if you please
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#ece3e7
- activityBar.foreground#076b6b
- activityBarBadge.background#88385b
- badge.background#64b6b6
- button.background#88385b
- diffEditor.insertedTextBackground#00ffbf25
- diffEditor.removedTextBackground#ff000d17
- dropdown.background#ffffff
- dropdown.foreground#076b6b
- dropdown.listBackground#ffffff
- editor.background#fffdfe
- editor.findMatchBackground#fffd7a
- editor.findMatchHighlightBackground#fffd7a94
- editor.findRangeHighlightBackground#fffd7a41
- editor.foreground#4b1034
- editor.hoverHighlightBackground#d3c3c96e
- editor.lineHighlightBackground#9a57a333
- editor.selectionBackground#076b6b57
- editor.selectionHighlightBackground#076b6b21
- editor.wordHighlightBackground#ffffff00
- editor.wordHighlightBorder#076b6b
- editorBracketMatch.background#ffffff00
- editorBracketMatch.border#9a57a3
- editorCodeLens.foreground#d3c3c9
- editorCursor.foreground#54494b
- editorError.foreground#b12929
- editorGroup.border#88385b
- editorGroup.dropBackground#c9d0d988
- editorGroupHeader.tabsBackground#f3f0f1
- editorGutter.addedBackground#00ffbfe7
- editorGutter.deletedBackground#ff000da9
- editorGutter.modifiedBackground#06367ee0
- editorHint.foreground#2e9763
- editorIndentGuide.background#d3c3c9
- editorInfo.foreground#00a2ff
- editorLineNumber.activeForeground#4b1034
- editorLineNumber.foreground#d3c3c9
- editorLink.activeForeground#9a57a3
- editorOverviewRuler.addedForeground#2e97638a
- editorOverviewRuler.bracketMatchForeground#bdbdbdad
- editorOverviewRuler.deletedForeground#ff000d8a
- editorOverviewRuler.errorForeground#b12929ea
- editorOverviewRuler.findMatchForeground#fffd7aad
- editorOverviewRuler.infoForeground#00a2ff8a
- editorOverviewRuler.modifiedForeground#06367ead
- editorOverviewRuler.warningForeground#ee8b0aad
- editorOverviewRuler.wordHighlightForeground#bdbdbdad
- editorRuler.foreground#4b1034
- editorSuggestWidget.foreground#076b6b
- editorWarning.foreground#ee8b0a
- editorWhitespace.foreground#d3c3c9
- editorWidget.background#f3f0f1
- editorWidget.border#076b6b
- errorForeground#64011a
- extensionButton.prominentBackground#9a57a3
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#9a57a39f
- focusBorder#076b6b
- foreground#076b6b
- gitDecoration.conflictingResourceForeground#b12929
- gitDecoration.deletedResourceForeground#a12342
- gitDecoration.ignoredResourceForeground#969696
- gitDecoration.modifiedResourceForeground#06367e
- gitDecoration.untrackedResourceForeground#2e9763
- input.background#ffffff
- input.border#076b6b
- input.placeholderForeground#076b6ba2
- inputOption.activeBorder#88385b
- inputValidation.errorBackground#f0c9c9
- inputValidation.errorBorder#64011a
- inputValidation.infoBackground#f2fcff
- inputValidation.infoBorder#4ec1e5
- inputValidation.warningBackground#fffee2
- inputValidation.warningBorder#ffe055
- list.activeSelectionBackground#88385bab
- list.activeSelectionForeground#ffffff
- list.focusBackground#88385b71
- list.focusForeground#ffffff
- list.highlightForeground#9769dc
- list.hoverBackground#88385b1e
- list.inactiveSelectionBackground#88385b71
- list.inactiveSelectionForeground#ffffff
- notificationCenterHeader.background#076b6b
- notificationCenterHeader.foreground#ffffff
- notificationLink.foreground#88385b71
- notifications.background#f3f0f1
- notifications.foreground#076b6b
- panel.background#ece3e7
- panel.border#88385b
- panel.dropBackground#88385b1e
- panelTitle.activeForeground#076b6b
- panelTitle.inactiveForeground#076b6ba2
- peekView.border#705697
- peekViewEditor.background#f2f8fc
- peekViewEditor.matchHighlightBackground#c2dfe3
- peekViewResult.background#f2f8fc
- peekViewResult.matchHighlightBackground#93c6d6
- peekViewTitle.background#f2f8fc
- pickerGroup.border#749351
- pickerGroup.foreground#a6b39b
- progressBar.background#076b6b
- selection.background#e1e7e7
- sideBar.background#f3f0f1
- sideBarSectionHeader.background#076b6b
- sideBarSectionHeader.foreground#ffffff
- statusBar.background#88385b
- statusBar.debuggingBackground#cf4481
- statusBar.noFolderBackground#88385b
- statusBarItem.prominentBackground#076b6b
- statusBarItem.prominentHoverBackground#64b6b6
- tab.activeBackground#e0eeee
- tab.activeBorder#88385b
- tab.activeForeground#88385b
- tab.hoverBorder#88385b
- tab.inactiveBackground#ece3e7
- tab.inactiveForeground#076b6b
- terminal.background#fffdfe
- terminal.border#88385b
- terminal.foreground#076b6b
- titleBar.activeBackground#88385b
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#88385b71
- titleBar.inactiveForeground#ffffff
- walkThrough.embeddedEditorBackground#00000014
- welcomePage.buttonBackground#f3f0f1
- welcomePage.buttonHoverBackground#88385b1e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #333333 | — |
| comment, punctuation.definition.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation, comment.block.documentation punctuation.definition.comment | #448C27 | — |
| invalid.deprecated | — | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #777777 | — |
| keyword, storage | #4B83CD | — |
| storage.type, support.type | #7A3E9D | — |
| constant.language, support.constant, variable.language | #AB6526 | — |
| variable, support.variable | #7A3E9D | — |
| entity.name.function, support.function | #AA3731 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #7A3E9D | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #AB6526 | — |
| string | #448C27 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #777777 | — |
| string source, text source | — | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #91B3E0 | — |
| entity.name.tag | #4B83CD | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #8190A0 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-name, support.type.property-name | #AB6526 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |
| punctuation.definition.tag.js, punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js | #91B3E0 | — |
| meta.jsx.children.js | #333333ff | — |
| token.info-token | #316bcd | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #cd3131 | — |
| token.debug-token | #800080 | — |
| comment | #9baca2 | — |
| string | #d8ad1f | — |
| keyword - keyword.operator | #cc2c89 | — |
| keyword.control | #cc2c89 | — |
| storage | #cc2c89 | — |
| storage.type | #cc2c89 | — |
| constant.numeric | #39d66e | — |
| entity.name.type | #1e5491 | — |
| entity.name.class | #1e5491 | — |
| support.type | #1e5491 | — |
| support.class | #1e5491 | — |
| entity.name.function | #28989c | — |
| support.function | #28989c | — |
| variable | #6c42af | — |
| entity.name.variable | #6c42af | — |
| entity.name.tag | #cc2c89 | — |
| entity.other.attribute-name.class | #cc2c89 | — |
| support.constant | #e67d1b | — |
| punctuation.definition.tag, punctuation.definition.block, punctuation.terminator, punctuation.definition.dictionary, keyword.operator, meta.brace, punctuation.section, punctuation.separator | #28989c | — |
| entity.name.section | #28989c | — |
| punctuation.definition.string | #d8ad1f | — |
| entity.other.attribute-name, support.type.property-name, support.variable.property, punctuation.support.type.property-name | #2a90d4 | — |
| keyword.operator.new | #39d66e | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...