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#ff6e40
- activityBar.background#222222
- activityBar.border#34343461
- activityBar.dropBackground#ff555540
- activityBar.foreground#e2e1e0
- activityBarBadge.background#ff6e40
- activityBarBadge.foreground#222222
- badge.background#343434
- badge.foreground#e2e1e0
- breadcrumb.activeSelectionForeground#ff6e40
- breadcrumb.background#242424
- breadcrumb.focusForeground#f6f5f4
- breadcrumb.foreground#e2e1e0
- breadcrumbPicker.background#222222
- button.background#62a0ea4f
- button.foreground#ffffff
- button.hoverBackground#62a0ea70
- debugConsole.errorForeground#ff5555
- debugConsole.infoForeground#ff6e40
- debugConsole.warningForeground#ffb86c
- debugToolBar.background#222222
- diffEditor.insertedTextBackground#3dd68d21
- diffEditor.removedTextBackground#ff555521
- dropdown.background#242424
- dropdown.border#343434
- editor.background#242424
- editor.findMatchBackground#ffb86c4f
- editor.findMatchBorder#ff6e40
- editor.findMatchHighlightBackground#ffb86c30
- editor.findMatchHighlightBorder#ffffff30
- editor.findRangeHighlightBackground#ffb86c30
- editor.foreground#f6f5f4
- editor.inactiveSelectionBackground#62a0ea21
- editor.lineHighlightBackground#2d2d2d
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#ffffff0d
- editor.selectionBackground#62a0ea30
- editor.selectionHighlightBackground#ff6e4021
- editor.wordHighlightBackground#ff555530
- editor.wordHighlightStrongBackground#3dd68d30
- editorBracketMatch.background#ff6e4030
- editorBracketMatch.border#ff6e40
- editorCursor.foreground#ff6e40
- editorError.foreground#ff555580
- editorGroup.border#34343461
- editorGroup.dropBackground#ff555540
- editorGroup.focusedEmptyBorder#ff6e40
- editorGroupHeader.tabsBackground#242424
- editorGutter.addedBackground#3dd68d61
- editorGutter.deletedBackground#ff555561
- editorGutter.modifiedBackground#ff6e4061
- editorHoverWidget.background#222222
- editorHoverWidget.border#343434
- editorIndentGuide.activeBackground#484848
- editorIndentGuide.background#4848484f
- editorInfo.foreground#ff6e4080
- editorLineNumber.activeForeground#8c8a85
- editorLineNumber.foreground#484848
- editorLink.activeForeground#ff6e40
- editorMarkerNavigation.background#222222
- editorOverviewRuler.border#242424
- editorOverviewRuler.errorForeground#ff555561
- editorOverviewRuler.findMatchForeground#ff6e40
- editorOverviewRuler.infoForeground#ff6e4061
- editorOverviewRuler.warningForeground#ffb86c61
- editorRuler.foreground#484848
- editorSuggestWidget.background#222222
- editorSuggestWidget.border#343434
- editorSuggestWidget.foreground#f6f5f4
- editorSuggestWidget.highlightForeground#ff6e40
- editorSuggestWidget.selectedBackground#343434
- editorWarning.foreground#ffb86c80
- editorWhitespace.foreground#48484840
- editorWidget.background#222222
- editorWidget.border#ff6e40
- editorWidget.resizeBorder#ff6e40
- extensionBadge.remoteForeground#f6f5f4
- extensionButton.prominentBackground#3dd68d8f
- extensionButton.prominentForeground#222222
- extensionButton.prominentHoverBackground#3dd68d
- focusBorder#ff6e4040
- foreground#f6f5f4
- gitDecoration.addedResourceForeground#3dd68d
- gitDecoration.conflictingResourceForeground#ffb86c
- gitDecoration.deletedResourceForeground#ff5555
- gitDecoration.ignoredResourceForeground#7c7a75
- gitDecoration.modifiedResourceForeground#ff6e40
- gitDecoration.untrackedResourceForeground#3dd68d8f
- input.background#2d2d2d
- input.border#343434
- input.foreground#f6f5f4
- input.placeholderForeground#8c8a85
- inputOption.activeBackground#ff6e4030
- inputOption.activeBorder#ff6e4061
- inputValidation.errorBorder#ff5555
- inputValidation.infoBorder#ff6e40
- inputValidation.warningBorder#ffb86c
- list.activeSelectionBackground#343434
- list.activeSelectionForeground#ff6e40
- list.dropBackground#ff555540
- list.focusBackground#34343461
- list.focusForeground#f6f5f4
- list.highlightForeground#ff6e40
- list.hoverBackground#2d2d2d
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#2d2d2d
- list.inactiveSelectionForeground#ff6e40
- listFilterWidget.background#343434
- listFilterWidget.noMatchesOutline#ff5555
- listFilterWidget.outline#ff6e40
- menu.background#222222
- menu.foreground#f6f5f4
- menu.selectionBackground#343434
- menu.selectionBorder#343434
- menu.selectionForeground#ff6e40
- menu.separatorBackground#484848
- menubar.selectionBackground#343434
- menubar.selectionBorder#343434
- menubar.selectionForeground#ff6e40
- notebook.focusedCellBorder#ff6e40
- notebook.inactiveFocusedCellBorder#ff6e404f
- notificationLink.foreground#ff6e40
- notifications.background#222222
- notifications.border#343434
- notifications.foreground#f6f5f4
- panel.background#222222
- panel.border#34343461
- panel.dropBackground#ff555540
- panelTitle.activeBorder#ff6e40
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#e2e1e0
- peekView.border#343434
- peekViewEditor.background#222222
- peekViewEditor.matchHighlightBackground#62a0ea30
- peekViewEditorGutter.background#222222
- peekViewResult.background#222222
- peekViewResult.matchHighlightBackground#62a0ea30
- peekViewResult.selectionBackground#343434
- peekViewTitle.background#222222
- peekViewTitleDescription.foreground#8c8a85
- pickerGroup.border#343434
- pickerGroup.foreground#ff6e40
- progressBar.background#ff6e40
- quickInput.background#242424
- quickInput.foreground#e2e1e0
- quickInput.list.focusBackground#34343461
- sash.hoverBorder#ff6e404f
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#ff6e40
- scrollbarSlider.background#48484840
- scrollbarSlider.hoverBackground#48484861
- selection.background#62a0ea4f
- settings.checkboxBackground#222222
- settings.checkboxBorder#343434
- settings.checkboxForeground#f6f5f4
- settings.dropdownBackground#222222
- settings.dropdownBorder#343434
- settings.dropdownForeground#f6f5f4
- settings.headerForeground#ff6e40
- settings.modifiedItemIndicator#ff6e40
- settings.numberInputBackground#222222
- settings.numberInputBorder#343434
- settings.numberInputForeground#f6f5f4
- settings.textInputBackground#222222
- settings.textInputBorder#343434
- settings.textInputForeground#f6f5f4
- sideBar.background#222222
- sideBar.border#34343461
- sideBar.foreground#e2e1e0
- sideBarSectionHeader.background#222222
- sideBarSectionHeader.border#34343461
- sideBarTitle.foreground#f6f5f4
- statusBar.background#222222
- statusBar.border#34343461
- statusBar.debuggingBackground#ffb86c
- statusBar.debuggingForeground#222222
- statusBar.foreground#e2e1e0
- statusBar.noFolderBackground#242424
- statusBarItem.activeBackground#ff555540
- statusBarItem.hoverBackground#34343461
- statusBarItem.remoteBackground#ff6e40
- statusBarItem.remoteForeground#222222
- tab.activeBackground#242424
- tab.activeBorder#ff6e40
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#e2e1e0
- tab.border#242424
- tab.inactiveBackground#242424
- tab.inactiveForeground#8c8a85
- tab.inactiveModifiedBorder#7c7a75
- tab.unfocusedActiveBorder#8c8a85
- tab.unfocusedActiveForeground#e2e1e0
- tab.unfocusedActiveModifiedBorder#7c7a75
- tab.unfocusedInactiveModifiedBorder#7c7a75
- terminal.ansiBlack#2d2d2d
- terminal.ansiBlue#62a0ea
- terminal.ansiBrightBlack#7c7a75
- terminal.ansiBrightBlue#ff6e40
- terminal.ansiBrightCyan#d8d7d6
- terminal.ansiBrightGreen#3dd68d
- terminal.ansiBrightMagenta#ffb86c
- terminal.ansiBrightRed#ff5555
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffb86c
- terminal.ansiCyan#d8d7d6
- terminal.ansiGreen#3dd68d
- terminal.ansiMagenta#ffb86c
- terminal.ansiRed#ff5555
- terminal.ansiWhite#f6f5f4
- terminal.ansiYellow#8be9fd
- terminal.background#242424
- terminal.foreground#f6f5f4
- terminalCursor.background#242424
- terminalCursor.foreground#ff6e40
- textLink.activeForeground#62a0ea
- textLink.foreground#ff6e40
- titleBar.activeBackground#222222
- titleBar.activeForeground#f6f5f4
- titleBar.border#34343461
- titleBar.inactiveBackground#222222
- titleBar.inactiveForeground#8c8a85
- tree.indentGuidesStroke#484848
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #f6f5f4 | — |
| string | #3dd68d | — |
| punctuation, constant.other.symbol | #e2e1e0 | — |
| constant.character.escape, text.html constant.character.entity.named | #5bf4ab | — |
| constant.language.boolean | #ff5555 | — |
| constant.numeric | #ffb86c | — |
| variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments | #f6f5f4 | — |
| keyword.other | #8be9fd | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #ff6e40 | — |
| entity.name.function, support.function | #62a0ea | — |
| storage.type, storage.modifier, storage.control | #ff6e40 | — |
| support.module, support.node | #ff5555 | italic |
| support.type, constant.other.key | #8be9fd | — |
| entity.name.type, entity.other.inherited-class, entity.other | #8be9fd | — |
| comment | #7c7a75 | italic |
| comment punctuation.definition.comment, string.quoted.docstring | #7c7a75 | italic |
| entity.name, entity.name.type.class, support.type, support.class, meta.use | #8be9fd | — |
| variable.object.property, meta.field.declaration entity.name.function | #ffb86c | — |
| meta.definition.method entity.name.function | #62a0ea | — |
| meta.function entity.name.function | #62a0ea | — |
| template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #8be9fd | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #f6f5f4 | — |
| entity.name.tag.yaml | #62a0ea | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #62a0ea | — |
| constant.language.json | #ff6e40 | — |
| entity.other.attribute-name.class | #8be9fd | — |
| entity.other.attribute-name.id | #8be9fd | — |
| source.css entity.name.tag | #ff5555 | — |
| support.type.property-name.css | #d8d7d6 | — |
| meta.tag, punctuation.definition.tag | #cecdcc | — |
| entity.name.tag | #ff5555 | — |
| entity.other.attribute-name | #ffb86c | — |
| markup.heading | #62a0ea | bold |
| text.html.markdown meta.link.inline, meta.link.reference | #ff6e40 | — |
| text.html.markdown beginning.punctuation.definition.list | #8be9fd | — |
| markup.italic | #ffb86c | italic |
| markup.bold | #8be9fd | bold |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #3dd68d | — |
| markup.inline.raw.string.markdown | #3dd68d | — |
| variable.parameter.function.language.special.self.python | #ff5555 | italic |
| entity.name.function.decorator.python | #ff5555 | — |
| support.class.component | #ff5555 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #ffb86c | — |
| keyword.control | #ff6e40 | italic |
| variable.parameter | — | italic |
| markup.deleted | #ff5555 | — |
| markup.inserted | #3dd68d | — |