Iana
Publisher: Ivan RibeiroThemes in package: 1
A color theme for VS Code based on Sublime Text's Mariana, forked from the Mariana Pro VS Code extension
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#262626
- activityBar.dropBackground#262626
- activityBar.foreground#ffffffdd
- activityBarBadge.background#EE6A6Fcc
- activityBarBadge.foreground#ffffffdd
- badge.background#EE6A6Fcc
- badge.foreground#ffffffdd
- button.background#6699cc
- button.foreground#ffffffdd
- button.hoverBackground#6699cc70
- diffEditor.insertedTextBackground#A3CE9E40
- diffEditor.removedTextBackground#EE6A6F40
- dropdown.background#262626
- dropdown.listBackground#262626
- editor.background#262626
- editor.findMatchBackground#d0f4ff14
- editor.findMatchHighlightBackground#d0f4ff14
- editor.findRangeHighlightBackground#d0f4ff14
- editor.foreground#ffffffdd
- editor.hoverHighlightBackground#d0f4ff14
- editor.inactiveSelectionBackground#d0f4ff30
- editor.lineHighlightBackground#d0f4ff07
- editor.lineHighlightBorder#d0f4ff07
- editor.rangeHighlightBackground#d0f4ff14
- editor.selectionBackground#d0f4ff30
- editor.selectionHighlightBackground#d0f4ff14
- editor.wordHighlightBackground#00000000
- editor.wordHighlightStrongBackground#00000000
- editorCursor.foreground#ffffffdd
- editorError.border#00000000
- editorError.foreground#EE6A6F
- editorGroup.border#00000040
- editorGroup.dropBackground#262626
- editorGroupHeader.noTabsBackground#262626
- editorGroupHeader.tabsBackground#262626
- editorGutter.addedBackground#A3CE9E
- editorGutter.deletedBackground#EE6A6F
- editorGutter.modifiedBackground#ebcb8b
- editorIndentGuide.background#d0f4ff14
- editorInfo.foreground#A3CE9E
- editorLineNumber.foreground#a6acb9
- editorOverviewRuler.addedForeground#A3CE9E
- editorOverviewRuler.border#d0f4ff14
- editorOverviewRuler.bracketMatchForeground#d0f4ff30
- editorOverviewRuler.currentContentForeground#d0f4ff30
- editorOverviewRuler.deletedForeground#EE6A6F
- editorOverviewRuler.errorForeground#EE6A6F
- editorOverviewRuler.findMatchForeground#d0f4ff30
- editorOverviewRuler.incomingContentForeground#d0f4ff30
- editorOverviewRuler.infoForeground#d0f4ff30
- editorOverviewRuler.modifiedForeground#ebcb8b
- editorOverviewRuler.rangeHighlightForeground#d0f4ff30
- editorOverviewRuler.selectionHighlightForeground#d0f4ff30
- editorOverviewRuler.warningForeground#ebcb8b
- editorOverviewRuler.wordHighlightForeground#d0f4ff30
- editorOverviewRuler.wordHighlightStrongForeground#d0f4ff30
- editorSuggestWidget.background#262626
- editorWarning.border#00000000
- editorWarning.foreground#FAB763
- editorWhitespace.foreground#d0f4ff30
- editorWidget.background#262626
- editorWidget.border#d0f4ff30
- extensionButton.prominentBackground#6699cc
- extensionButton.prominentForeground#ffffffdd
- extensionButton.prominentHoverBackground#6699cc70
- focusBorder#d0f4ff30
- foreground#ffffffdd
- gitDecoration.conflictingResourceForeground#EE6A6F
- gitDecoration.deletedResourceForeground#EE6A6F
- gitDecoration.modifiedResourceForeground#ebcb8b
- gitDecoration.submoduleResourceForeground#ffffff70
- gitDecoration.untrackedResourceForeground#ffffff70
- input.background#262626
- input.border#d0f4ff14
- input.foreground#ffffffdd
- input.placeholderForeground#ffffff70
- list.activeSelectionBackground#d0f4ff14
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#d0f4ff14
- list.errorForeground#EE6A6F
- list.focusBackground#d0f4ff14
- list.focusForeground#ffffffdd
- list.highlightForeground#ffffffdd
- list.hoverBackground#d0f4ff07
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#d0f4ff07
- list.inactiveSelectionForeground#FFFFFF
- list.warningForeground#FAB763
- merge.currentContentBackground#FAB76340
- merge.currentHeaderBackground#FAB76370
- merge.incomingContentBackground#A3CE9E40
- merge.incomingHeaderBackground#A3CE9E70
- notificationCenterHeader.background#262626
- notificationCenterHeader.foreground#ffffffdd
- panel.background#1d1e22
- panel.border#d0f4ff14
- panelTitle.activeBorder#6699cc
- peekView.border#6699cc
- peekViewEditor.background#262626
- peekViewEditor.matchHighlightBackground#d0f4ff30
- peekViewEditorGutter.background#262626
- peekViewResult.background#262626
- peekViewTitle.background#262626
- pickerGroup.border#6699cc
- pickerGroup.foreground#6699cc
- progressBar.background#262626
- scrollbar.shadow#00000070
- scrollbarSlider.activeBackground#d0f4ff30
- scrollbarSlider.background#d0f4ff14
- scrollbarSlider.hoverBackground#d0f4ff30
- selection.background#ffffff30
- sideBar.background#262626
- sideBar.foreground#ffffffdd
- sideBarSectionHeader.background#1d1e22
- sideBarSectionHeader.foreground#ffffffdd
- sideBarTitle.foreground#ffffffdd
- statusBar.background#1d1e22
- statusBar.border#d0f4ff14
- statusBar.debuggingBackground#6699cc
- statusBar.debuggingForeground#ffffffdd
- statusBar.foreground#ffffffdd
- statusBar.noFolderBackground#d0f4ff14
- statusBar.noFolderForeground#ffffffdd
- statusBarItem.activeBackground#d0f4ff14
- statusBarItem.hoverBackground#d0f4ff07
- statusBarItem.prominentBackground#d0f4ff14
- statusBarItem.prominentHoverBackground#d0f4ff07
- tab.activeBackground#262626
- tab.activeBorder#ffffffdd
- tab.activeForeground#ffffffdd
- tab.border#ffffff10
- tab.inactiveBackground#d0f4ff07
- tab.inactiveForeground#ffffff70
- tab.unfocusedActiveBorder#262626
- tab.unfocusedActiveForeground#ffffff70
- tab.unfocusedInactiveForeground#ffffff70
- terminal.ansiBlack#ffffffdd
- terminal.ansiBlue#6699cc
- terminal.ansiBrightBlack#ffffffdd
- terminal.ansiBrightBlue#6699cc
- terminal.ansiBrightCyan#6699cc
- terminal.ansiBrightGreen#A3CE9E
- terminal.ansiBrightMagenta#c594c5
- terminal.ansiBrightRed#EE6A6F
- terminal.ansiBrightYellow#FAB763
- terminal.ansiCyan#6699cc
- terminal.ansiGreen#A3CE9E
- terminal.ansiMagenta#c594c5
- terminal.ansiRed#EE6A6F
- terminal.ansiWhite#ffffffdd
- terminal.ansiYellow#FAB763
- terminal.selectionBackground#ffffff30
- terminalCursor.background#ffffff30
- terminalCursor.foreground#ffffffdd
- textLink.activeForeground#6699cc
- textLink.foreground#6699cc
- textPreformat.foreground#6699cc
- titleBar.activeBackground#262626
- titleBar.activeForeground#ffffffdd
- titleBar.inactiveBackground#262626
- titleBar.inactiveForeground#ffffff70
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #ffffff70 | — |
| string | #A3CE9E | — |
| punctuation.definition | #5fb3b3 | — |
| constant.numeric | #FAB763 | — |
| constant.language | #EE6A6F | — |
| constant.character, constant.other | #c594c5 | — |
| constant.language.symbol.elixir, constant.other.symbol.elixir, constant.other.keyword.elixir | #ffffffdd | — |
| variable.member | #EE6A6F | — |
| keyword, keyword.operator.word, keyword.control, keyword.operator.new.js | #c594c5 | — |
| string.template.js meta.template.expression.js meta.embedded.line.js | #ffffffdd | — |
| keyword.operator | #FA8763 | — |
| punctuation.separator, punctuation.terminator | #ffffff70 | — |
| punctuation.section | #ffffffdd | — |
| punctuation.accessor | #ffffff70 | — |
| punctuation.definition.annotation | #5fb3b3 | — |
| variable.other.dollar.only.js, variable.other.object.dollar.only.js, variable.type.dollar.only.js, support.class.dollar.only.js | #5fb3b3 | — |
| storage | #EE6A6F | — |
| storage.type | #c594c5 | — |
| entity.name.function | #5fb3b3 | — |
| meta.object-literal.key.js | #6699cc | — |
| entity.name | #FAB763 | — |
| entity.other.inherited-class | #5fb3b3 | — |
| variable.parameter | #FAB763 | |
| variable.language | #EE6A6F | — |
| entity.name.tag | #EE6A6F | |
| entity.other.attribute-name | #c594c5 | — |
| variable.function, variable.annotation | #6699cc | |
| support.function, support.macro | #6699cc | — |
| support.constant | #c594c5 | — |
| support.type, support.class | #6699cc | — |
| invalid | #ffffff70 | — |
| invalid.deprecated | #ffffffdd | — |
| entity.name.tag.yaml | #5fb3b3 | — |
| source.yaml string.unquoted | #ffffffdd | — |
| markup.heading | — | bold |
| markup.heading punctuation.definition.heading | #EE6A6F | — |
| markup.heading.1 punctuation.definition.heading | #EE6A6F | — |
| string.other.link, markup.underline.link | #6699cc | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.italic markup.bold | markup.bold markup.italic | — | bold italic |
| punctuation.definition.thematic-break | #FAB763 | — |
| markup.list.numbered.bullet | #A3CE9E | — |
| markup.quote punctuation.definition.blockquote, markup.list punctuation.definition.list_item | #FAB763 | — |
| (text punctuation.definition.italic | text punctuation.definition.bold) | #c594c5 | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| markup.deleted | #EE6A6F | — |
| markup.inserted | #A3CE9E | — |
| markup.changed | #ebcb8b | — |
| support.type.property-name | #ffffffdd | |
| constant.numeric.line-number.match | #EE6A6F | — |
| message.error | #EE6A6F | — |