Ukiyo-Tone (浮世トーン)
Publisher: Mohit SharmaThemes in package: 6
A six-theme bundle inspired by 17th-century Japanese Ukiyo-e art and mineral pigments.
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.background#DEE4DC
- activityBar.border#949C964D
- activityBar.foreground#4A5056
- editor.background#E8EDE6
- editor.foreground#4A5056
- editor.lineHighlightBackground#DEE4DC80
- editor.selectionBackground#4A505633
- editorCursor.foreground#C19C4D
- editorGroup.border#949C964D
- sideBar.background#DEE4DC
- sideBar.border#949C964D
- sideBar.foreground#4A5056
- statusBar.background#DEE4DC
- statusBar.foreground#4A5056
- terminal.ansiBlack#4A5056
- terminal.ansiBlue#5B7C8C
- terminal.ansiCyan#5B7C8C
- terminal.ansiGreen#6A7B54
- terminal.ansiMagenta#8C7C96
- terminal.ansiRed#C19C4D
- terminal.ansiWhite#E8EDE6
- terminal.ansiYellow#C19C4D
- titleBar.activeBackground#DEE4DC
- titleBar.activeForeground#4A5056
- titleBar.inactiveBackground#DEE4DC
- titleBar.inactiveForeground#4A505699
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #949C96 | italic |
| keyword, storage, storage.type | #C19C4D | — |
| string, string.quoted | #6A7B54 | — |
| entity.name.function, support.function | #5B7C8C | — |
| variable, variable.parameter | #5D5650 | — |
| entity.name.type, entity.name.class, variable.other.constant | #4A5056 | bold |
| support.type.property-name.json, string.key.json, entity.name.tag.yaml | #C19C4D | — |
| markup.heading, markup.heading.markdown | #C19C4D | bold |
| markup.bold, markup.bold.markdown | — | bold |
| markup.italic, markup.italic.markdown | — | italic |
| markup.raw, markup.fenced_code.block, markup.inline.raw | #6A7B54 | — |
| markup.quote, markup.quote.markdown | #949C96 | italic |
| markup.underline.link, string.other.link | #5B7C8C | underline |