ramazzotti
Publisher: panquequelolThemes in package: 5
flexobi, vesper, and gruvbox alternatives
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.
- activityBar.background#1C1B1A
- activityBar.foreground#b9bdc6
- activityBar.inactiveForeground#656d7b
- activityBarBadge.background#007ACC
- activityBarBadge.foreground#ffffff
- badge.background#1C1B1A
- disabledForeground#818998
- dropdown.background#1C1B1A
- dropdown.border#1C1B1A
- editor.background#1C1B1A
- editor.findMatchBackground#4f5764
- editor.findMatchHighlightBackground#3e4551
- editor.foreground#bec2ca
- editor.hoverHighlightBackground#282726
- editor.inactiveSelectionBackground#282726
- editor.lineHighlightBackground#282726
- editor.rangeHighlightBackground#282726
- editor.selectionBackground#282726
- editor.selectionHighlightBackground#3e4551
- editor.wordHighlightBackground#282726
- editor.wordHighlightStrongBackground#3e4551
- editorBracketHighlight.foreground1#bec2ca
- editorBracketHighlight.foreground2#61AFEF
- editorBracketHighlight.foreground3#bec2ca
- editorBracketHighlight.foreground4#61AFEF
- editorBracketHighlight.foreground5#bec2ca
- editorBracketHighlight.foreground6#61AFEF
- editorBracketMatch.background#282726
- editorBracketMatch.border#4f5764
- editorBracketPairGuide.activeBackground1#bec2ca38
- editorBracketPairGuide.activeBackground2#61AFEF38
- editorBracketPairGuide.activeBackground3#bec2ca38
- editorBracketPairGuide.activeBackground4#61AFEF38
- editorBracketPairGuide.activeBackground5#bec2ca38
- editorBracketPairGuide.activeBackground6#61AFEF38
- editorBracketPairGuide.background1#bec2ca38
- editorBracketPairGuide.background2#61AFEF38
- editorBracketPairGuide.background3#bec2ca38
- editorBracketPairGuide.background4#61AFEF38
- editorBracketPairGuide.background5#bec2ca38
- editorBracketPairGuide.background6#61AFEF38
- editorCodeLens.foreground#4f5764
- editorCursor.foreground#528bff
- editorError.background#00000000
- editorError.border#00000000
- editorError.foreground#E06C75
- editorGroup.border#323843
- editorGroup.dropBackground#303641
- editorGroupHeader.noTabsBackground#1e2024
- editorGroupHeader.tabsBackground#1e2024
- editorHoverWidget.background#1C1B1A
- editorHoverWidget.border#1C1B1A
- editorIndentGuide.activeBackground#4f5764
- editorIndentGuide.background#282726
- editorInfo.background#00000000
- editorInfo.border#00000000
- editorInfo.foreground#6CCBE0
- editorLineNumber.activeForeground#cfd3d8
- editorLineNumber.foreground#4f5764
- editorSuggestWidget.background#1C1B1A
- editorSuggestWidget.border#1C1B1A00
- editorSuggestWidget.foreground#bec2ca
- editorSuggestWidget.highlightForeground#E3E5E8
- editorSuggestWidget.selectedBackground#323843
- editorWarning.background#00000000
- editorWarning.border#00000000
- editorWarning.foreground#E09A6C
- editorWhitespace.foreground#303641
- editorWidget.background#1C1B1A
- editorWidget.resizeBorder#323843
- errorForeground#E06C75
- focusBorder#28272600
- foreground#bec2ca
- gitDecoration.addedResourceForeground#56B6C2
- gitDecoration.conflictingResourceForeground#ca90d0
- gitDecoration.deletedResourceForeground#E06C75
- gitDecoration.ignoredResourceForeground#576181
- gitDecoration.modifiedResourceForeground#C9B999
- gitDecoration.renamedResourceForeground#56B6C2
- gitDecoration.stageDeletedResourceForeground#E06C75
- gitDecoration.stageModifiedResourceForeground#C9B999
- gitDecoration.submoduleResourceForeground#ca90d0
- gitDecoration.untrackedResourceForeground#56B6C2
- input.background#1C1B1A
- input.border#1C1B1A
- inputValidation.errorBackground#E06C75
- inputValidation.errorBorder#E06C75
- inputValidation.errorForeground#E8DCDE
- inputValidation.infoBackground#61AFEF
- inputValidation.infoBorder#61AFEF
- inputValidation.infoForeground#D9E4EE
- inputValidation.warningBackground#E0936C
- inputValidation.warningBorder#E0936C
- inputValidation.warningForeground#EFDFD8
- list.activeSelectionBackground#1C1B1A
- list.dropBackground#007ACC
- list.errorForeground#E06C75
- list.focusBackground#1C1B1A
- list.hoverBackground#1C1B1A
- list.inactiveSelectionBackground#1C1B1A
- list.invalidItemForeground#E06C75
- list.warningForeground#E09A6C
- menu.background#323843
- menu.foreground#cfd3d8
- menu.selectionForeground#cfd3d8
- menubar.selectionBackground#1C1B1A
- minimap.errorHighlight#E06C75
- minimap.warningHighlight#E09A6C
- panel.border#323843
- panelSectionHeader.background#1C1B1A
- panelTitle.activeBorder#1C1B1A
- panelTitle.inactiveForeground#818998
- peekView.border#1C1B1A
- peekViewEditor.background#1C1B1A
- peekViewEditor.matchHighlightBackground#333942
- peekViewEditorGutter.background#1C1B1A
- peekViewResult.background#1C1B1A
- peekViewResult.fileForeground#818998
- peekViewResult.lineForeground#abb0ba
- peekViewResult.matchHighlightBackground#282726
- peekViewResult.selectionBackground#1C1B1A
- peekViewResult.selectionForeground#d5d7dd
- peekViewTitle.background#1C1B1A
- peekViewTitleDescription.foreground#818998
- peekViewTitleLabel.foreground#fff
- problemsErrorIcon.foreground#E06C75
- problemsInfoIcon.foreground#6CCBE0
- problemsWarningIcon.foreground#E09A6C
- sash.hoverBorder#323843
- scrollbar.shadow#1d2025
- scrollbarSlider.activeBackground#6f7a9035
- scrollbarSlider.background#59627335
- scrollbarSlider.hoverBackground#6f7a9035
- selection.background#485161
- sideBar.background#1C1B1A
- sideBar.foreground#abb0ba
- sideBarSectionHeader.background#1C1B1A
- sideBarSectionHeader.foreground#babec4
- sideBarTitle.foreground#8a95a8
- statusBar.background#1C1B1A
- statusBar.debuggingBackground#1C1B1A
- statusBar.debuggingForeground#61AFEF
- statusBar.foreground#babec4
- statusBar.noFolderBackground#1C1B1A
- statusBar.noFolderForeground#babec4
- tab.activeBorderTop#dedcd590
- tab.activeForeground#cfd3d8
- tab.border#1C1B1A00
- tab.inactiveBackground#1C1B1A
- tab.inactiveForeground#818998
- terminal.ansiBlack#6F7887
- terminal.ansiBlue#61AFEF
- terminal.ansiBrightBlack#6F7887
- terminal.ansiBrightBlue#61AFEF
- terminal.ansiBrightCyan#56B6C2
- terminal.ansiBrightGreen#9ac181
- terminal.ansiBrightMagenta#ca90d0
- terminal.ansiBrightRed#E06C75
- terminal.ansiBrightWhite#E3E5E8
- terminal.ansiBrightYellow#d6c294
- terminal.ansiCyan#56B6C2
- terminal.ansiGreen#9ac181
- terminal.ansiMagenta#ca90d0
- terminal.ansiRed#E06C75
- terminal.ansiWhite#bec2ca
- terminal.ansiYellow#d6c294
- titleBar.activeBackground#1C1B1A
- titleBar.activeForeground#babec4
- titleBar.border#1C1B1A
- titleBar.inactiveBackground#1C1B1A
- titleBar.inactiveForeground#818998
- toolbar.activeBackground#1C1B1A
- toolbar.hoverBackground#1C1B1A
- toolbar.hoverOutline#00000000
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #bec2caff | — |
| comment, string.comment | #6F7887 | italic |
| string | #d6c294 | — |
| constant.numeric | #D19A66 | — |
| string.embedded.begin, string.embedded.end | #D19A66 | — |
| string.embedded | #9CC284 | — |
| constant.language | #61AFEF | — |
| constant.character, constant.other, variable.other.constant | #9CC284 | — |
| variable.language | #61AFEF | — |
| variable.readwrite, variable.readwrite.other.block | #BEC2CA | — |
| keyword | #61AFEF | — |
| variable.language.this, variable.language.this.js | #E3E5E8 | — |
| keyword.operator | #BEC2CA | — |
| keyword.operator.assignment.js | #BEC2CA | — |
| storage | #61AFEF | — |
| storage.type | #61AFEF | — |
| source.cs storage.type | #56B6C2 | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #56B6C2 | — |
| variable.other.object | #BEC2CA | — |
| variable.other.block | #BEC2CA | — |
| support.variable.property, variable.other.property, variable.other.object.property | #93A1D2 | — |
| variable.other.readwrite | #BEC2CA | — |
| variable.other.readwrite.alias | #BEC2CA | — |
| entity.other.inherited-class | #BEC2CA | — |
| entity.name.function | #ca90d0 | — |
| variable.parameter | #9ac181 | — |
| entity.name.function-call | #ca90d0 | — |
| function.support.builtin, function.support.core | #ca90d0 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx | #61AFEF | — |
| entity.name.tag.class | #ca90d0 | — |
| meta.tag.sgml.doctype.html | #61AFEF | — |
| entity.other.attribute-name | #ca90d0 | — |
| support.function | #ca90d0 | — |
| support.constant | #56B6C2 | — |
| support.type, support.variable | #56B6C2 | — |
| support.dictionary.json, source.json support.type | #BEC2CA | — |
| source.json string | #d6c294 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #BEC2CA | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #ca90d0 | — |
| variable.css, variable.scss, variable.less, variable.sass | #ca90d0 | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #BEC2CA | — |
| unit.css, unit.scss, unit.less, unit.sass | #D19A66 | — |
| meta.property-value.css constant.numeric.css, meta.property-value.scss constant.numeric.scss, meta.property-value.less constant.numeric.less, meta.property-value.sass constant.numeric.sass | #D19A66 | — |
| source.css constant.other | #D19A66 | — |
| source.css support.constant | #ca90d0 | — |
| function.css, function.scss, function.less, function.sass | #ca90d0 | — |
| entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less, entity.name.tag.sass | #56B6C2 | — |
| entity.other.attribute-name.css, entity.other.attribute-name.scss, entity.other.attribute-name.less, entity.other.attribute-name.sasscss | #61AFEF | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.class.less, entity.other.attribute-name.class.sass | #61AFEF | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss, entity.other.attribute-name.id.less, entity.other.attribute-name.id.sass | #9CC284 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-class.less, entity.other.attribute-name.pseudo-class.sass | #93A1D2 | — |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-element.sass | #93A1D2 | — |
| meta.at-rule.media.css, meta.at-rule.media.scss, meta.at-rule.media.less, meta.at-rule.media.sass | #61AFEF | — |
| source.css keyword, source.css keyword.operator.logical, source.css keyword.operator.constructor, source.scss keyword, source.scss keyword.operator.logical, source.scss keyword.operator.constructor, source.less keyword, source.less keyword.operator.logical, source.less keyword.operator.constructor, source.sass keyword, source.sass keyword.operator.logical, source.sass keyword.operator.constructor | #61AFEF | — |
| source.css keyword.other.unit | #D19A66 | — |
| source.css support.type.vendored.property-name.css | #6F7887 | — |
| source.css support.function | #ca90d0 | — |
| source.css variable.parameter | #D4C19B | — |
| source.css variable.other | #9CC284 | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | — |
| invalid.deprecated | #F8F8F0 | — |
| string.detected-link | #61AFEF | — |
| meta.diff, meta.diff.header | #4B525B | — |
| markup.deleted | #E06C75 | — |
| markup.inserted | #9CC284 | — |
| markup.changed | #D1BF94 | — |
| constant.numeric.line-number.find-in-files - match | #56b6c2A0 | — |
| entity.name.filename.find-in-files | #d0d0d0 | — |
| entity.name.tag.xml, entity.name.tag.xml.html,entity.name.tag.html | #61AFEF | — |
| entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml | #9CC284 | — |
| punctuation.definition.tag.xml,punctuation.definition.tag.html, punctuation.definition.tag | #BEC2CA | — |
| entity.name.tag.localname.xml | #61AFEF | — |
| entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml,entity.other.attribute-name.html | #ca90d0 | — |
| keyword.other.entitytype.xml, keyword.other.entity.xml, keyword.other.page-props.xml | #E5C07B | — |
| meta.attribute-with-value.id.html meta.toc-list.id.html, meta.attribute-with-value.id.html string.quoted.double.html | #9CC284 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |