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#58a6ff
- activityBar.background#0b0f15
- activityBar.border#1d212761
- activityBar.dropBackground#ff9e6440
- activityBar.foreground#b5bdc5
- activityBarBadge.background#58a6ff
- activityBarBadge.foreground#0b0f15
- badge.background#1d2127
- badge.foreground#b5bdc5
- breadcrumb.activeSelectionForeground#58a6ff
- breadcrumb.background#0d1117
- breadcrumb.focusForeground#c9d1d9
- breadcrumb.foreground#b5bdc5
- breadcrumbPicker.background#0b0f15
- button.background#8b949e4f
- button.foreground#ffffff
- button.hoverBackground#8b949e70
- debugConsole.errorForeground#ff7b72
- debugConsole.infoForeground#58a6ff
- debugConsole.warningForeground#f2cc60
- debugToolBar.background#0b0f15
- diffEditor.insertedTextBackground#7ee78721
- diffEditor.removedTextBackground#ff9e6421
- dropdown.background#0d1117
- dropdown.border#1d2127
- editor.background#0d1117
- editor.findMatchBackground#f2cc604f
- editor.findMatchBorder#58a6ff
- editor.findMatchHighlightBackground#f2cc6030
- editor.findMatchHighlightBorder#ffffff30
- editor.findRangeHighlightBackground#f2cc6030
- editor.foreground#c9d1d9
- editor.inactiveSelectionBackground#8b949e21
- editor.lineHighlightBackground#161a20
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#ffffff0d
- editor.selectionBackground#8b949e30
- editor.selectionHighlightBackground#58a6ff21
- editor.wordHighlightBackground#ff9e6430
- editor.wordHighlightStrongBackground#7ee78730
- editorBracketMatch.background#58a6ff30
- editorBracketMatch.border#58a6ff
- editorCursor.foreground#58a6ff
- editorError.foreground#ff7b7280
- editorGroup.border#1d212761
- editorGroup.dropBackground#ff9e6440
- editorGroup.focusedEmptyBorder#58a6ff
- editorGroupHeader.tabsBackground#0d1117
- editorGutter.addedBackground#7ee78761
- editorGutter.deletedBackground#ff9e6461
- editorGutter.modifiedBackground#58a6ff61
- editorHoverWidget.background#0b0f15
- editorHoverWidget.border#1d2127
- editorIndentGuide.activeBackground#31353b
- editorIndentGuide.background#31353b4f
- editorInfo.foreground#58a6ff80
- editorLineNumber.activeForeground#7e8691
- editorLineNumber.foreground#31353b
- editorLink.activeForeground#58a6ff
- editorMarkerNavigation.background#0b0f15
- editorOverviewRuler.border#0d1117
- editorOverviewRuler.errorForeground#ff7b7261
- editorOverviewRuler.findMatchForeground#58a6ff
- editorOverviewRuler.infoForeground#58a6ff61
- editorOverviewRuler.warningForeground#f2cc6061
- editorRuler.foreground#31353b
- editorSuggestWidget.background#0b0f15
- editorSuggestWidget.border#1d2127
- editorSuggestWidget.foreground#c9d1d9
- editorSuggestWidget.highlightForeground#58a6ff
- editorSuggestWidget.selectedBackground#1d2127
- editorWarning.foreground#f2cc6080
- editorWhitespace.foreground#31353b40
- editorWidget.background#0b0f15
- editorWidget.border#58a6ff
- editorWidget.resizeBorder#58a6ff
- extensionBadge.remoteForeground#c9d1d9
- extensionButton.prominentBackground#7ee7878f
- extensionButton.prominentForeground#0b0f15
- extensionButton.prominentHoverBackground#7ee787
- focusBorder#58a6ff40
- foreground#c9d1d9
- gitDecoration.addedResourceForeground#7ee787
- gitDecoration.conflictingResourceForeground#f2cc60
- gitDecoration.deletedResourceForeground#ff9e64
- gitDecoration.ignoredResourceForeground#6e7681
- gitDecoration.modifiedResourceForeground#58a6ff
- gitDecoration.untrackedResourceForeground#7ee7878f
- input.background#161a20
- input.border#1d2127
- input.foreground#c9d1d9
- input.placeholderForeground#7e8691
- inputOption.activeBackground#58a6ff30
- inputOption.activeBorder#58a6ff61
- inputValidation.errorBorder#ff7b72
- inputValidation.infoBorder#58a6ff
- inputValidation.warningBorder#f2cc60
- list.activeSelectionBackground#1d2127
- list.activeSelectionForeground#58a6ff
- list.dropBackground#ff9e6440
- list.focusBackground#1d212761
- list.focusForeground#c9d1d9
- list.highlightForeground#58a6ff
- list.hoverBackground#161a20
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#161a20
- list.inactiveSelectionForeground#58a6ff
- listFilterWidget.background#1d2127
- listFilterWidget.noMatchesOutline#ff9e64
- listFilterWidget.outline#58a6ff
- menu.background#0b0f15
- menu.foreground#c9d1d9
- menu.selectionBackground#1d2127
- menu.selectionBorder#1d2127
- menu.selectionForeground#58a6ff
- menu.separatorBackground#31353b
- menubar.selectionBackground#1d2127
- menubar.selectionBorder#1d2127
- menubar.selectionForeground#58a6ff
- notebook.focusedCellBorder#58a6ff
- notebook.inactiveFocusedCellBorder#58a6ff4f
- notificationLink.foreground#58a6ff
- notifications.background#0b0f15
- notifications.border#1d2127
- notifications.foreground#c9d1d9
- panel.background#0b0f15
- panel.border#1d212761
- panel.dropBackground#ff9e6440
- panelTitle.activeBorder#58a6ff
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#b5bdc5
- peekView.border#1d2127
- peekViewEditor.background#0b0f15
- peekViewEditor.matchHighlightBackground#8b949e30
- peekViewEditorGutter.background#0b0f15
- peekViewResult.background#0b0f15
- peekViewResult.matchHighlightBackground#8b949e30
- peekViewResult.selectionBackground#1d2127
- peekViewTitle.background#0b0f15
- peekViewTitleDescription.foreground#7e8691
- pickerGroup.border#1d2127
- pickerGroup.foreground#58a6ff
- progressBar.background#58a6ff
- quickInput.background#0d1117
- quickInput.foreground#b5bdc5
- quickInput.list.focusBackground#1d212761
- sash.hoverBorder#58a6ff4f
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#58a6ff
- scrollbarSlider.background#31353b40
- scrollbarSlider.hoverBackground#31353b61
- selection.background#8b949e4f
- settings.checkboxBackground#0b0f15
- settings.checkboxBorder#1d2127
- settings.checkboxForeground#c9d1d9
- settings.dropdownBackground#0b0f15
- settings.dropdownBorder#1d2127
- settings.dropdownForeground#c9d1d9
- settings.headerForeground#58a6ff
- settings.modifiedItemIndicator#58a6ff
- settings.numberInputBackground#0b0f15
- settings.numberInputBorder#1d2127
- settings.numberInputForeground#c9d1d9
- settings.textInputBackground#0b0f15
- settings.textInputBorder#1d2127
- settings.textInputForeground#c9d1d9
- sideBar.background#0b0f15
- sideBar.border#1d212761
- sideBar.foreground#b5bdc5
- sideBarSectionHeader.background#0b0f15
- sideBarSectionHeader.border#1d212761
- sideBarTitle.foreground#c9d1d9
- statusBar.background#0b0f15
- statusBar.border#1d212761
- statusBar.debuggingBackground#f7768e
- statusBar.debuggingForeground#0b0f15
- statusBar.foreground#b5bdc5
- statusBar.noFolderBackground#0d1117
- statusBarItem.activeBackground#ff9e6440
- statusBarItem.hoverBackground#1d212761
- statusBarItem.remoteBackground#58a6ff
- statusBarItem.remoteForeground#0b0f15
- tab.activeBackground#0d1117
- tab.activeBorder#58a6ff
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#b5bdc5
- tab.border#0d1117
- tab.inactiveBackground#0d1117
- tab.inactiveForeground#7e8691
- tab.inactiveModifiedBorder#6e7681
- tab.unfocusedActiveBorder#7e8691
- tab.unfocusedActiveForeground#b5bdc5
- tab.unfocusedActiveModifiedBorder#6e7681
- tab.unfocusedInactiveModifiedBorder#6e7681
- terminal.ansiBlack#161a20
- terminal.ansiBlue#8b949e
- terminal.ansiBrightBlack#6e7681
- terminal.ansiBrightBlue#58a6ff
- terminal.ansiBrightCyan#abb3bb
- terminal.ansiBrightGreen#7ee787
- terminal.ansiBrightMagenta#f7768e
- terminal.ansiBrightRed#ff9e64
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f2cc60
- terminal.ansiCyan#abb3bb
- terminal.ansiGreen#7ee787
- terminal.ansiMagenta#f7768e
- terminal.ansiRed#ff9e64
- terminal.ansiWhite#c9d1d9
- terminal.ansiYellow#79c0ff
- terminal.background#0d1117
- terminal.foreground#c9d1d9
- terminalCursor.background#0d1117
- terminalCursor.foreground#58a6ff
- textLink.activeForeground#8b949e
- textLink.foreground#58a6ff
- titleBar.activeBackground#0b0f15
- titleBar.activeForeground#c9d1d9
- titleBar.border#1d212761
- titleBar.inactiveBackground#0b0f15
- titleBar.inactiveForeground#7e8691
- tree.indentGuidesStroke#31353b
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #c9d1d9 | — |
| string | #7ee787 | — |
| punctuation, constant.other.symbol | #b5bdc5 | — |
| constant.character.escape, text.html constant.character.entity.named | #9cffa5 | — |
| constant.language.boolean | #ff9e64 | — |
| constant.numeric | #f7768e | — |
| variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments | #c9d1d9 | — |
| keyword.other | #79c0ff | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #ff7b72 | — |
| entity.name.function, support.function | #d2a8ff | — |
| storage.type, storage.modifier, storage.control | #ff7b72 | — |
| support.module, support.node | #ff9e64 | italic |
| support.type, constant.other.key | #79c0ff | — |
| entity.name.type, entity.other.inherited-class, entity.other | #79c0ff | — |
| comment | #6e7681 | italic |
| comment punctuation.definition.comment, string.quoted.docstring | #6e7681 | italic |
| entity.name, entity.name.type.class, support.type, support.class, meta.use | #79c0ff | — |
| variable.object.property, meta.field.declaration entity.name.function | #f7768e | — |
| meta.definition.method entity.name.function | #d2a8ff | — |
| meta.function entity.name.function | #d2a8ff | — |
| template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #79c0ff | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #c9d1d9 | — |
| entity.name.tag.yaml | #d2a8ff | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #d2a8ff | — |
| constant.language.json | #ff7b72 | — |
| entity.other.attribute-name.class | #79c0ff | — |
| entity.other.attribute-name.id | #79c0ff | — |
| source.css entity.name.tag | #ff9e64 | — |
| support.type.property-name.css | #abb3bb | — |
| meta.tag, punctuation.definition.tag | #a1a9b1 | — |
| entity.name.tag | #ff9e64 | — |
| entity.other.attribute-name | #f7768e | — |
| markup.heading | #d2a8ff | bold |
| text.html.markdown meta.link.inline, meta.link.reference | #ff7b72 | — |
| text.html.markdown beginning.punctuation.definition.list | #79c0ff | — |
| markup.italic | #f7768e | italic |
| markup.bold | #79c0ff | bold |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #7ee787 | — |
| markup.inline.raw.string.markdown | #7ee787 | — |
| variable.parameter.function.language.special.self.python | #ff9e64 | italic |
| entity.name.function.decorator.python | #ff9e64 | — |
| support.class.component | #ff9e64 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #f7768e | — |
| keyword.control | #ff7b72 | italic |
| variable.parameter | — | italic |
| markup.deleted | #ff7b72 | — |
| markup.inserted | #7ee787 | — |