Yaruna Theme Official
Publisher: Daniel DucThemes in package: 6
✨ Official Yaruna theme by Daniel Duc.
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.activeBorder#88c0d0
- activityBar.background#2c323e
- activityBar.border#3e445061
- activityBar.dropBackground#ebcb8b40
- activityBar.foreground#d1d5dc
- activityBarBadge.background#88c0d0
- activityBarBadge.foreground#2c323e
- badge.background#3e4450
- badge.foreground#d1d5dc
- breadcrumb.activeSelectionForeground#88c0d0
- breadcrumb.background#2e3440
- breadcrumb.focusForeground#e5e9f0
- breadcrumb.foreground#d1d5dc
- breadcrumbPicker.background#2c323e
- button.background#81a1c14f
- button.foreground#ffffff
- button.hoverBackground#81a1c170
- debugConsole.errorForeground#bf616a
- debugConsole.infoForeground#88c0d0
- debugConsole.warningForeground#ebcb8b
- debugToolBar.background#2c323e
- diffEditor.insertedTextBackground#a3be8c21
- diffEditor.removedTextBackground#ebcb8b21
- dropdown.background#2e3440
- dropdown.border#3e4450
- editor.background#2e3440
- editor.findMatchBackground#ebcb8b4f
- editor.findMatchBorder#88c0d0
- editor.findMatchHighlightBackground#ebcb8b30
- editor.findMatchHighlightBorder#ffffff30
- editor.findRangeHighlightBackground#ebcb8b30
- editor.foreground#e5e9f0
- editor.inactiveSelectionBackground#81a1c121
- editor.lineHighlightBackground#373d49
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#ffffff0d
- editor.selectionBackground#81a1c130
- editor.selectionHighlightBackground#88c0d021
- editor.wordHighlightBackground#ebcb8b30
- editor.wordHighlightStrongBackground#a3be8c30
- editorBracketMatch.background#88c0d030
- editorBracketMatch.border#88c0d0
- editorCursor.foreground#88c0d0
- editorError.foreground#bf616a80
- editorGroup.border#3e445061
- editorGroup.dropBackground#ebcb8b40
- editorGroup.focusedEmptyBorder#88c0d0
- editorGroupHeader.tabsBackground#2e3440
- editorGutter.addedBackground#a3be8c61
- editorGutter.deletedBackground#ebcb8b61
- editorGutter.modifiedBackground#88c0d061
- editorHoverWidget.background#2c323e
- editorHoverWidget.border#3e4450
- editorIndentGuide.activeBackground#525864
- editorIndentGuide.background#5258644f
- editorInfo.foreground#88c0d080
- editorLineNumber.activeForeground#717e98
- editorLineNumber.foreground#525864
- editorLink.activeForeground#88c0d0
- editorMarkerNavigation.background#2c323e
- editorOverviewRuler.border#2e3440
- editorOverviewRuler.errorForeground#bf616a61
- editorOverviewRuler.findMatchForeground#88c0d0
- editorOverviewRuler.infoForeground#88c0d061
- editorOverviewRuler.warningForeground#ebcb8b61
- editorRuler.foreground#525864
- editorSuggestWidget.background#2c323e
- editorSuggestWidget.border#3e4450
- editorSuggestWidget.foreground#e5e9f0
- editorSuggestWidget.highlightForeground#88c0d0
- editorSuggestWidget.selectedBackground#3e4450
- editorWarning.foreground#ebcb8b80
- editorWhitespace.foreground#52586440
- editorWidget.background#2c323e
- editorWidget.border#88c0d0
- editorWidget.resizeBorder#88c0d0
- extensionBadge.remoteForeground#e5e9f0
- extensionButton.prominentBackground#a3be8c8f
- extensionButton.prominentForeground#2c323e
- extensionButton.prominentHoverBackground#a3be8c
- focusBorder#88c0d040
- foreground#e5e9f0
- gitDecoration.addedResourceForeground#a3be8c
- gitDecoration.conflictingResourceForeground#ebcb8b
- gitDecoration.deletedResourceForeground#ebcb8b
- gitDecoration.ignoredResourceForeground#616e88
- gitDecoration.modifiedResourceForeground#88c0d0
- gitDecoration.untrackedResourceForeground#a3be8c8f
- input.background#373d49
- input.border#3e4450
- input.foreground#e5e9f0
- input.placeholderForeground#717e98
- inputOption.activeBackground#88c0d030
- inputOption.activeBorder#88c0d061
- inputValidation.errorBorder#bf616a
- inputValidation.infoBorder#88c0d0
- inputValidation.warningBorder#ebcb8b
- list.activeSelectionBackground#3e4450
- list.activeSelectionForeground#88c0d0
- list.dropBackground#ebcb8b40
- list.focusBackground#3e445061
- list.focusForeground#e5e9f0
- list.highlightForeground#88c0d0
- list.hoverBackground#373d49
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#373d49
- list.inactiveSelectionForeground#88c0d0
- listFilterWidget.background#3e4450
- listFilterWidget.noMatchesOutline#ebcb8b
- listFilterWidget.outline#88c0d0
- menu.background#2c323e
- menu.foreground#e5e9f0
- menu.selectionBackground#3e4450
- menu.selectionBorder#3e4450
- menu.selectionForeground#88c0d0
- menu.separatorBackground#525864
- menubar.selectionBackground#3e4450
- menubar.selectionBorder#3e4450
- menubar.selectionForeground#88c0d0
- notebook.focusedCellBorder#88c0d0
- notebook.inactiveFocusedCellBorder#88c0d04f
- notificationLink.foreground#88c0d0
- notifications.background#2c323e
- notifications.border#3e4450
- notifications.foreground#e5e9f0
- panel.background#2c323e
- panel.border#3e445061
- panel.dropBackground#ebcb8b40
- panelTitle.activeBorder#88c0d0
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#d1d5dc
- peekView.border#3e4450
- peekViewEditor.background#2c323e
- peekViewEditor.matchHighlightBackground#81a1c130
- peekViewEditorGutter.background#2c323e
- peekViewResult.background#2c323e
- peekViewResult.matchHighlightBackground#81a1c130
- peekViewResult.selectionBackground#3e4450
- peekViewTitle.background#2c323e
- peekViewTitleDescription.foreground#717e98
- pickerGroup.border#3e4450
- pickerGroup.foreground#88c0d0
- progressBar.background#88c0d0
- quickInput.background#2e3440
- quickInput.foreground#d1d5dc
- quickInput.list.focusBackground#3e445061
- sash.hoverBorder#88c0d04f
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#88c0d0
- scrollbarSlider.background#52586440
- scrollbarSlider.hoverBackground#52586461
- selection.background#81a1c14f
- settings.checkboxBackground#2c323e
- settings.checkboxBorder#3e4450
- settings.checkboxForeground#e5e9f0
- settings.dropdownBackground#2c323e
- settings.dropdownBorder#3e4450
- settings.dropdownForeground#e5e9f0
- settings.headerForeground#88c0d0
- settings.modifiedItemIndicator#88c0d0
- settings.numberInputBackground#2c323e
- settings.numberInputBorder#3e4450
- settings.numberInputForeground#e5e9f0
- settings.textInputBackground#2c323e
- settings.textInputBorder#3e4450
- settings.textInputForeground#e5e9f0
- sideBar.background#2c323e
- sideBar.border#3e445061
- sideBar.foreground#d1d5dc
- sideBarSectionHeader.background#2c323e
- sideBarSectionHeader.border#3e445061
- sideBarTitle.foreground#e5e9f0
- statusBar.background#2c323e
- statusBar.border#3e445061
- statusBar.debuggingBackground#b48ead
- statusBar.debuggingForeground#2c323e
- statusBar.foreground#d1d5dc
- statusBar.noFolderBackground#2e3440
- statusBarItem.activeBackground#ebcb8b40
- statusBarItem.hoverBackground#3e445061
- statusBarItem.remoteBackground#88c0d0
- statusBarItem.remoteForeground#2c323e
- tab.activeBackground#2e3440
- tab.activeBorder#88c0d0
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#d1d5dc
- tab.border#2e3440
- tab.inactiveBackground#2e3440
- tab.inactiveForeground#717e98
- tab.inactiveModifiedBorder#616e88
- tab.unfocusedActiveBorder#717e98
- tab.unfocusedActiveForeground#d1d5dc
- tab.unfocusedActiveModifiedBorder#616e88
- tab.unfocusedInactiveModifiedBorder#616e88
- terminal.ansiBlack#373d49
- terminal.ansiBlue#81a1c1
- terminal.ansiBrightBlack#616e88
- terminal.ansiBrightBlue#88c0d0
- terminal.ansiBrightCyan#c7cbd2
- terminal.ansiBrightGreen#a3be8c
- terminal.ansiBrightMagenta#b48ead
- terminal.ansiBrightRed#ebcb8b
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ebcb8b
- terminal.ansiCyan#c7cbd2
- terminal.ansiGreen#a3be8c
- terminal.ansiMagenta#b48ead
- terminal.ansiRed#ebcb8b
- terminal.ansiWhite#e5e9f0
- terminal.ansiYellow#8fbcbb
- terminal.background#2e3440
- terminal.foreground#e5e9f0
- terminalCursor.background#2e3440
- terminalCursor.foreground#88c0d0
- textLink.activeForeground#81a1c1
- textLink.foreground#88c0d0
- titleBar.activeBackground#2c323e
- titleBar.activeForeground#e5e9f0
- titleBar.border#3e445061
- titleBar.inactiveBackground#2c323e
- titleBar.inactiveForeground#717e98
- tree.indentGuidesStroke#525864
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #e5e9f0 | — |
| string | #a3be8c | — |
| punctuation, constant.other.symbol | #d1d5dc | — |
| constant.character.escape, text.html constant.character.entity.named | #c1dcaa | — |
| constant.language.boolean | #ebcb8b | — |
| constant.numeric | #b48ead | — |
| variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments | #e5e9f0 | — |
| keyword.other | #8fbcbb | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #81a1c1 | — |
| entity.name.function, support.function | #88c0d0 | — |
| storage.type, storage.modifier, storage.control | #81a1c1 | — |
| support.module, support.node | #ebcb8b | italic |
| support.type, constant.other.key | #8fbcbb | — |
| entity.name.type, entity.other.inherited-class, entity.other | #8fbcbb | — |
| comment | #616e88 | italic |
| comment punctuation.definition.comment, string.quoted.docstring | #616e88 | italic |
| entity.name, entity.name.type.class, support.type, support.class, meta.use | #8fbcbb | — |
| variable.object.property, meta.field.declaration entity.name.function | #b48ead | — |
| meta.definition.method entity.name.function | #88c0d0 | — |
| meta.function entity.name.function | #88c0d0 | — |
| template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #8fbcbb | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #e5e9f0 | — |
| entity.name.tag.yaml | #88c0d0 | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #88c0d0 | — |
| constant.language.json | #81a1c1 | — |
| entity.other.attribute-name.class | #8fbcbb | — |
| entity.other.attribute-name.id | #8fbcbb | — |
| source.css entity.name.tag | #ebcb8b | — |
| support.type.property-name.css | #c7cbd2 | — |
| meta.tag, punctuation.definition.tag | #bdc1c8 | — |
| entity.name.tag | #ebcb8b | — |
| entity.other.attribute-name | #b48ead | — |
| markup.heading | #88c0d0 | bold |
| text.html.markdown meta.link.inline, meta.link.reference | #81a1c1 | — |
| text.html.markdown beginning.punctuation.definition.list | #8fbcbb | — |
| markup.italic | #b48ead | italic |
| markup.bold | #8fbcbb | bold |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #a3be8c | — |
| markup.inline.raw.string.markdown | #a3be8c | — |
| variable.parameter.function.language.special.self.python | #ebcb8b | italic |
| entity.name.function.decorator.python | #ebcb8b | — |
| support.class.component | #ebcb8b | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #b48ead | — |
| keyword.control | #81a1c1 | italic |
| variable.parameter | — | italic |
| markup.deleted | #bf616a | — |
| markup.inserted | #a3be8c | — |