Yuduki (Light)
Publisher: NovoyuuparoskThemes in package: 1
A light colour theme based on Yuduki Yukari.
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.activeBackground#c98ac6
- activityBar.background#79507e
- activityBar.dropBorder#f1ecf3
- activityBar.foreground#e2dde4
- activityBar.inactiveForeground#bfa4ca
- activityBarBadge.background#f1ecf3
- activityBarBadge.foreground#703953
- button.background#7f4388
- button.foreground#f0dff5
- button.hoverBackground#96639e
- button.separator#f1e6f520
- chat.requestBackground#f2e4f8
- checkbox.background#f0dff5
- checkbox.border#9e4b97
- checkbox.selectBackground#b286c0
- checkbox.selectBorder#9e4b97
- descriptionForeground#7f4388
- diffEditor.diagonalFill#9e73a5
- diffEditor.insertedLineBackground#bee2d180
- diffEditor.insertedTextBackground#bee2d180
- diffEditor.removedLineBackground#ffa1a180
- diffEditor.removedTextBackground#ffa1a180
- diffEditorGutter.insertedLineBackground#bee2d1b0
- diffEditorGutter.removedLineBackground#ffa1a1b0
- disabledForeground#787279
- dropdown.background#eddff5
- dropdown.border#ba9bc4
- dropdown.foreground#7f4388
- dropdown.listBackground#eddff5
- editor.background#f7eefa
- editor.findMatchBackground#85e5c5d0
- editor.findMatchHighlightBackground#cbeee2a0
- editor.foldBackground#edd6f0a0
- editor.foreground#3d2a40
- editor.hoverHighlightBackground#e1cfe5d0
- editor.inactiveSelectionBackground#c9bccec0
- editor.lineHighlightBackground#f6d9ff60
- editor.linkedEditingBackground#f7a1dd80
- editor.rangeHighlightBackground#ffa02480
- editor.selectionBackground#8ac6e2c0
- editor.selectionHighlightBackground#b5dff380
- editor.symbolHighlightBackground#38b9ec40
- editor.wordHighlightBackground#95c5a980
- editorBracketHighlight.foreground1#764c83
- editorBracketHighlight.foreground2#a200ff
- editorBracketHighlight.foreground3#c256a7
- editorBracketHighlight.unexpectedBracket.foreground#ff6060
- editorBracketMatch.background#ff91008e
- editorBracketMatch.border#85e5c5
- editorCursor.foreground#3d2a40
- editorError.foreground#ff0000
- editorGroup.border#d0b6d8
- editorGroup.dropBackground#d0b6d860
- editorGroup.dropIntoPromptBackground#826e88
- editorGroup.dropIntoPromptBorder#0000
- editorGroup.dropIntoPromptForeground#f2e4f8
- editorGroup.emptyBackground#eae6eb
- editorGroup.focusedEmptyBorder#fdf6ff
- editorGroupHeader.border#d0b6d8
- editorGroupHeader.noTabsBackground#fdf6ff
- editorGroupHeader.tabsBackground#fdf6ff
- editorGutter.background#f5e4f8
- editorGutter.commentGlyphForeground#772d83
- editorGutter.commentRangeForeground#772d83
- editorGutter.foldingControlForeground#772d83
- editorHint.foreground#83b89f
- editorIndentGuide.activeBackground#ff9100
- editorIndentGuide.background#9868a8
- editorInfo.foreground#2ea4db
- editorInlayHint.background#eddff5
- editorInlayHint.foreground#772d83
- editorInlayHint.parameterForeground#2ea4db
- editorInlayHint.typeForeground#a34ebd
- editorLightBulb.foreground#ffbb00
- editorLightBulbAutoFix.foreground#ff9100
- editorLineNumber.activeForeground#ff9100
- editorLineNumber.dimmedForeground#bdb0be
- editorLineNumber.foreground#caa8cf
- editorLink.activeForeground#38b9ec
- editorOverviewRuler.background#f8e7f5
- editorPane.background#fdf6ff
- editorRuler.foreground#d0b6d8
- editorUnnecessaryCode.opacity#000000a0
- editorWarning.foreground#ff9100
- editorWhitespace.foreground#9868a8
- editorWidget.background#f1e8f5
- editorWidget.foreground#9e73a5
- editorWidget.resizeBorder#9e73a5
- errorForeground#c40000
- focusBorder#9e4b97
- foreground#3d2a40
- icon.foreground#3d2a40
- input.background#e3d7e7
- input.foreground#7f4388
- input.placeholderForeground#b299b6
- inputOption.activeBackground#f0dff5
- inputOption.activeBorder#7f4388
- inputOption.hoverBackground#f0dff5
- inputValidation.errorBackground#ff684edd
- inputValidation.errorBorder#750000
- inputValidation.errorForeground#750000
- inputValidation.infoBackground#dba7dddd
- inputValidation.infoBorder#7f4388
- inputValidation.infoForeground#7f4388
- inputValidation.warningBackground#ffdaa2dd
- inputValidation.warningBorder#ff7b00
- inputValidation.warningForeground#ff7b00
- keybindingLabel.background#774f7c
- keybindingLabel.foreground#f1ecf3
- list.activeSelectionBackground#d0b6d8
- list.activeSelectionForeground#3d2a40
- list.activeSelectionIconForeground#dbc6df
- list.deemphasizedForeground#ccc6ce
- list.dropBackground#d0b6d8
- list.errorForeground#c40000
- list.filterMatchBackground#fdca7e
- list.filterMatchBorder#00000000
- list.focusBackground#ebb2cd
- list.focusForeground#703953
- list.focusHighlightForeground#9629a5
- list.hoverBackground#c8bdca
- list.hoverForeground#7b6481
- list.inactiveFocusBackground#d1aabc
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#e2dde4
- list.inactiveSelectionForeground#755d79
- list.invalidItemForeground#c40000
- list.warningForeground#f89500
- listFilterWidget.background#d0b6d8
- listFilterWidget.noMatchesOutline#c40000
- listFilterWidget.outline#00000000
- listFilterWidget.shadow#ceacd88f
- menubar.selectionBackground#a580aa
- minimap.background#f2e4f880
- minimap.errorHighlight#ff0000
- minimap.findMatchHighlight#f89500
- minimap.foregroundOpacity#000000d0
- minimap.selectionHighlight#a9def7
- minimap.selectionOccurrenceHighlight#c48bc4
- minimap.warningHighlight#ff000070
- panel.background#f2e4f8
- panel.dropBorder#d0b6d8
- panelSection.dropBackground#ecd3f7
- panelTitle.activeForeground#704e77
- panelTitle.inactiveForeground#a491a8
- peekView.border#d0b6d8
- peekViewEditor.background#f8effc
- peekViewEditorGutter.background#f2e5f8
- peekViewResult.background#f8effc
- peekViewTitle.background#f7ecfd
- peekViewTitleDescription.foreground#a54bbb
- profileBadge.background#f1ecf3
- profileBadge.foreground#703953
- progressBar.background#7f4388
- scrollbar.shadow#ceacd88f
- scrollbarSlider.activeBackground#7f4388d0
- scrollbarSlider.background#7f438880
- scrollbarSlider.hoverBackground#96639e80
- search.resultsInfoForeground#772d83
- searchEditor.findMatchBackground#85e5c5d0
- searchEditor.findMatchBorder#0000
- searchEditor.textInputBorder#772d83
- selection.background#d0b6d8
- sideBar.background#f8e7f5
- sideBar.border#00000000
- sideBar.dropBackground#d0b6d8
- sideBar.foreground#703953
- sideBarSectionHeader.background#ebcbe8
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#703953
- sideBarTitle.foreground#835068
- sideBySideEditor.horizontalBorder#d0b6d8
- sideBySideEditor.verticalBorder#d0b6d8
- statusBar.background#774f7c
- statusBar.debuggingBackground#d81af1
- statusBar.foreground#f1ecf3
- statusBar.noFolderBackground#7a697c
- statusBarItem.errorBackground#ff0000
- statusBarItem.warningBackground#ff9100
- tab.activeBackground#f7eefa
- tab.activeForeground#9e4b97
- tab.hoverBackground#ede4f0
- tab.inactiveBackground#e8e0eb
- tab.inactiveForeground#b3a3b1
- tab.unfocusedActiveBackground#f4e8f7
- tab.unfocusedHoverBackground#e0d8e4
- tab.unfocusedInactiveBackground#d2cdd4
- textBlockQuote.background#c8b9cc
- textCodeBlock.background#d6d1eb
- textPreformat.foreground#413a42
- textSeparator.foreground#7e4479
- titleBar.activeBackground#774f7c
- titleBar.activeForeground#f1ecf3
- titleBar.inactiveBackground#989199
- titleBar.inactiveForeground#ded0e4
- toolbar.activeBackground#e8d1ee
- toolbar.hoverBackground#f0dff5
- toolbar.hoverOutline#ba9bc4
- tree.inactiveIndentGuidesStroke#968399
- tree.indentGuidesStroke#d0b6d8
- tree.tableColumnsBorder#00000000
- tree.tableOddRowsBackground#f7eefa
- window.activeBorder#9e4b97
- window.inactiveBorder#744f70
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8b798d | italic |
| comment.block.preprocessor | #7b677e | |
| comment.documentation, comment.block.documentation | #ce5200 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #776b76 | — |
| keyword, storage | #c541ba | bold |
| storage.type, support.type | #794788 | — |
| constant.language, support.constant, variable.language | #8e32c4 | — |
| variable, support.variable | #514c80 | — |
| entity.name.function, support.function | #d3468a | bold |
| entity.name.type, entity.other.inherited-class, support.class | #c5387a | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #d46300 | — |
| string | #6b8576 | — |
| constant.character.escape | #4d6858 | — |
| string.regexp | #63818f | — |
| constant.other.symbol | #5c8354 | — |
| punctuation | #756c8d | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #91B3E0 | — |
| entity.name.tag | #4B83CD | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91B3E0 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-name, support.type.property-name | #AB6526 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |