Shokunin

Name: Shokunin
Author: Maksim Burtsev

Publisher: Maksim BurtsevThemes in package: 2

Light and dark VS Code themes for Python-focused craft: sumi classes, ume type hints, asagi functions.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Shokunin — Shokunin Light

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#006FAE
activityBar.background#F6EFE2
activityBar.border#E8DCC8
activityBar.foreground#3A3E44
activityBar.inactiveForeground#777269
activityBarBadge.background#9A6000
activityBarBadge.foreground#FFFFFF
badge.background#9A6000
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#006FAE
breadcrumb.focusForeground#303841
breadcrumb.foreground#777269
breadcrumbPicker.background#FCFAF2
button.background#3A3E44
button.foreground#FFFFFF
button.hoverBackground#4A4E55
button.secondaryBackground#F6EFE2
button.secondaryForeground#303841
button.secondaryHoverBackground#F4EEE0
checkbox.background#FCFAF2
checkbox.border#E8DCC8
checkbox.foreground#303841
commandCenter.activeBackground#F4EEE0
commandCenter.activeForeground#303841
commandCenter.background#FCFAF2
commandCenter.border#E8DCC8
commandCenter.foreground#303841
debugConsole.errorForeground#C84053
debugConsole.infoForeground#006FAE
debugConsole.sourceForeground#303841
debugConsole.warningForeground#A35F00
debugConsoleInputIcon.foreground#006FAE
debugExceptionWidget.background#F9E5E8
debugExceptionWidget.border#C84053
debugToolBar.background#FCFAF2
debugToolBar.border#E8DCC8
descriptionForeground#777269
diffEditor.diagonalFill#E8DCC8
diffEditor.insertedLineBackground#157A5B15
diffEditor.insertedTextBackground#157A5B24
diffEditor.removedLineBackground#C8405312
diffEditor.removedTextBackground#C8405320
disabledForeground#9B948A
dropdown.background#FCFAF2
dropdown.border#E8DCC8
dropdown.foreground#303841
dropdown.listBackground#FCFAF2
editor.background#FCFAF2
editor.findMatchBackground#F1D276
editor.findMatchBorder#A35F00
editor.findMatchHighlightBackground#F1D27666
editor.foldBackground#F4EEE080
editor.foreground#303841
editor.hoverHighlightBackground#F7F1E5
editor.inactiveSelectionBackground#F4EEE0
editor.lineHighlightBackground#F4EEE0
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#F4EEE080
editor.selectionBackground#F4EEE0
editor.selectionHighlightBackground#D7EAF260
editor.wordHighlightBackground#D7EAF260
editor.wordHighlightStrongBackground#D7EAF290
editorBracketHighlight.foreground1#303841
editorBracketHighlight.foreground2#006FAE
editorBracketHighlight.foreground3#9A6000
editorBracketHighlight.foreground4#157A5B
editorBracketHighlight.foreground5#8F4155
editorBracketHighlight.foreground6#8A4A1C
editorBracketHighlight.unexpectedBracket.foreground#C84053
editorBracketMatch.background#E8DCC840
editorBracketMatch.border#8A4A1C
editorCodeLens.foreground#777269
editorCursor.foreground#3A3E44
editorError.foreground#C84053
editorGroup.border#E8DCC8
editorGroup.dropBackground#D7EAF280
editorGroupHeader.noTabsBackground#F6EFE2
editorGroupHeader.tabsBackground#F6EFE2
editorGroupHeader.tabsBorder#E8DCC8
editorGutter.addedBackground#157A5B
editorGutter.background#FCFAF2
editorGutter.deletedBackground#C84053
editorGutter.modifiedBackground#9A6000
editorHint.foreground#8F4155
editorHoverWidget.background#FCFAF2
editorHoverWidget.border#E8DCC8
editorHoverWidget.foreground#303841
editorHoverWidget.statusBarBackground#F6EFE2
editorIndentGuide.activeBackground1#D3C4AD
editorIndentGuide.background1#E8DCC8
editorInfo.foreground#006FAE
editorLineNumber.activeForeground#3A3E44
editorLineNumber.foreground#A69B8D
editorLink.activeForeground#006FAE
editorOverviewRuler.addedForeground#157A5B
editorOverviewRuler.border#E8DCC8
editorOverviewRuler.bracketMatchForeground#006FAE
editorOverviewRuler.deletedForeground#C84053
editorOverviewRuler.errorForeground#C84053
editorOverviewRuler.findMatchForeground#F1D276
editorOverviewRuler.infoForeground#006FAE
editorOverviewRuler.modifiedForeground#9A6000
editorOverviewRuler.warningForeground#A35F00
editorRuler.foreground#E4D6C3
editorStickyScroll.background#FCFAF2
editorStickyScrollHover.background#F4EEE0
editorSuggestWidget.background#FCFAF2
editorSuggestWidget.border#E8DCC8
editorSuggestWidget.focusHighlightForeground#006FAE
editorSuggestWidget.foreground#303841
editorSuggestWidget.highlightForeground#006FAE
editorSuggestWidget.selectedBackground#F4EEE0
editorSuggestWidget.selectedForeground#303841
editorWarning.foreground#A35F00
editorWhitespace.foreground#D5C8B8
editorWidget.background#FCFAF2
editorWidget.border#E8DCC8
editorWidget.foreground#303841
editorWidget.resizeBorder#006FAE
errorForeground#C84053
focusBorder#006FAE
foreground#303841
gitDecoration.addedResourceForeground#157A5B
gitDecoration.conflictingResourceForeground#A35F00
gitDecoration.deletedResourceForeground#C84053
gitDecoration.ignoredResourceForeground#777269
gitDecoration.modifiedResourceForeground#9A6000
gitDecoration.renamedResourceForeground#157A5B
gitDecoration.stageDeletedResourceForeground#C84053
gitDecoration.stageModifiedResourceForeground#9A6000
gitDecoration.submoduleResourceForeground#9A6000
gitDecoration.untrackedResourceForeground#157A5B
icon.foreground#777269
input.background#FCFAF2
input.border#E8DCC8
input.foreground#303841
input.placeholderForeground#777269
inputOption.activeBackground#D7EAF280
inputOption.activeBorder#006FAE
inputValidation.errorBackground#F9E5E8
inputValidation.errorBorder#C84053
inputValidation.infoBackground#D7EAF2
inputValidation.infoBorder#006FAE
inputValidation.warningBackground#F7E6C8
inputValidation.warningBorder#A35F00
keybindingLabel.background#E8DCC840
keybindingLabel.border#E8DCC8
keybindingLabel.bottomBorder#D4C4B1
keybindingLabel.foreground#303841
list.activeSelectionBackground#F4EEE0
list.activeSelectionForeground#303841
list.dropBackground#D7EAF260
list.errorForeground#C84053
list.focusBackground#F4EEE0
list.focusForeground#303841
list.highlightForeground#006FAE
list.hoverBackground#F7F1E5
list.hoverForeground#303841
list.inactiveSelectionBackground#F4EEE0
list.inactiveSelectionForeground#303841
list.warningForeground#A35F00
listFilterWidget.background#FCFAF2
listFilterWidget.noMatchesOutline#C84053
listFilterWidget.outline#E8DCC8
merge.border#E8DCC8
merge.commonContentBackground#E8DCC840
merge.commonHeaderBackground#E8DCC880
merge.currentContentBackground#9A600012
merge.currentHeaderBackground#9A600026
merge.incomingContentBackground#006FAE10
merge.incomingHeaderBackground#006FAE24
minimap.errorHighlight#C8405380
minimap.findMatchHighlight#F1D27690
minimap.selectionHighlight#D7EAF280
minimap.warningHighlight#A35F0080
minimapGutter.addedBackground#157A5B
minimapGutter.deletedBackground#C84053
minimapGutter.modifiedBackground#9A6000
minimapSlider.activeBackground#A69B8D90
minimapSlider.background#CFC3B440
minimapSlider.hoverBackground#CFC3B480
notificationCenter.border#E8DCC8
notificationCenterHeader.background#F6EFE2
notificationCenterHeader.foreground#303841
notificationLink.foreground#006FAE
notifications.background#FCFAF2
notifications.border#E8DCC8
notifications.foreground#303841
notificationsErrorIcon.foreground#C84053
notificationsInfoIcon.foreground#006FAE
notificationsWarningIcon.foreground#A35F00
notificationToast.border#E8DCC8
panel.background#FCFAF2
panel.border#E8DCC8
panel.foreground#303841
panelInput.border#E8DCC8
panelTitle.activeBorder#006FAE
panelTitle.activeForeground#303841
panelTitle.inactiveForeground#777269
peekView.border#E8DCC8
peekViewEditor.background#F6EFE2
peekViewEditor.matchHighlightBackground#F1D27675
peekViewEditorGutter.background#F6EFE2
peekViewResult.background#FCFAF2
peekViewResult.fileForeground#303841
peekViewResult.lineForeground#777269
peekViewResult.matchHighlightBackground#F1D27675
peekViewResult.selectionBackground#F4EEE0
peekViewResult.selectionForeground#303841
peekViewTitle.background#F6EFE2
peekViewTitleDescription.foreground#777269
peekViewTitleLabel.foreground#303841
progressBar.background#006FAE
scrollbar.shadow#8A7B661f
scrollbarSlider.activeBackground#A69B8D
scrollbarSlider.background#CFC3B480
scrollbarSlider.hoverBackground#BCAFA0A0
selection.background#D7EAF2
settings.checkboxBackground#FCFAF2
settings.checkboxBorder#E8DCC8
settings.checkboxForeground#303841
settings.dropdownBackground#FCFAF2
settings.dropdownBorder#E8DCC8
settings.dropdownForeground#303841
settings.headerForeground#303841
settings.modifiedItemIndicator#006FAE
settings.numberInputBackground#FCFAF2
settings.numberInputBorder#E8DCC8
settings.numberInputForeground#303841
settings.textInputBackground#FCFAF2
settings.textInputBorder#E8DCC8
settings.textInputForeground#303841
sideBar.background#FCFAF2
sideBar.border#E8DCC8
sideBar.foreground#303841
sideBarSectionHeader.background#F6EFE2
sideBarSectionHeader.border#E8DCC8
sideBarSectionHeader.foreground#303841
sideBarTitle.foreground#303841
statusBar.background#3A3E44
statusBar.border#3A3E44
statusBar.debuggingBackground#8A4A1C
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#3A3E44
statusBar.noFolderForeground#FFFFFF
statusBarItem.activeBackground#FFFFFF22
statusBarItem.errorBackground#C84053
statusBarItem.errorForeground#FFFFFF
statusBarItem.hoverBackground#FFFFFF18
statusBarItem.prominentBackground#9A6000
statusBarItem.prominentHoverBackground#AF710A
statusBarItem.remoteBackground#3A3E44
statusBarItem.remoteForeground#FFFFFF
statusBarItem.warningBackground#A35F00
statusBarItem.warningForeground#FFFFFF
tab.activeBackground#FCFAF2
tab.activeBorderTop#006FAE
tab.activeForeground#303841
tab.border#E8DCC8
tab.hoverBackground#F7F1E5
tab.inactiveBackground#F6EFE2
tab.inactiveForeground#777269
tab.unfocusedActiveBorderTop#CFC3B4
terminal.ansiBlack#303841
terminal.ansiBlue#006FAE
terminal.ansiBrightBlack#777269
terminal.ansiBrightBlue#0084C7
terminal.ansiBrightCyan#008396
terminal.ansiBrightGreen#1B8E6A
terminal.ansiBrightMagenta#A75B73
terminal.ansiBrightRed#D95A66
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#B67608
terminal.ansiCyan#006C7F
terminal.ansiGreen#157A5B
terminal.ansiMagenta#8F4155
terminal.ansiRed#C84053
terminal.ansiWhite#F5F1E7
terminal.ansiYellow#9A6000
terminal.background#FCFAF2
terminal.foreground#303841
terminal.selectionBackground#D7EAF2
terminalCursor.background#FCFAF2
terminalCursor.foreground#3A3E44
textBlockQuote.background#F6EFE2
textBlockQuote.border#E8DCC8
textLink.activeForeground#005B92
textLink.foreground#006FAE
textPreformat.foreground#8A4A1C
textSeparator.foreground#E8DCC8
titleBar.activeBackground#F6EFE2
titleBar.activeForeground#303841
titleBar.border#E8DCC8
titleBar.inactiveBackground#F6EFE2
titleBar.inactiveForeground#777269
widget.shadow#8A7B661f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#777269	italic
string, string.quoted, string.template, punctuation.definition.string	#157A5B	—
constant.numeric, variable.other.constant, support.constant, constant.other, constant.language.boolean, constant.language.json, constant.language.yaml	#9A6000	bold
constant.language.python	#3A3E44	bold
keyword, keyword.control, keyword.operator.word, keyword.other, storage.type.function.python, storage.type.class.python, storage.modifier.async.python, storage.type, storage.modifier	#3A3E44	bold
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.section, punctuation.accessor	#5C6268	—
support.type, support.type.python, support.class.builtin.python, entity.name.type, entity.other.inherited-class, meta.function.typehint.python, meta.type.annotation.python, meta.annotation.python, storage.type.annotation.python	#8F4155	bold
entity.name.class, entity.name.type.class, support.class, meta.class.python entity.name.type.class, meta.class.python entity.name.class	#3A3E44	bold
entity.name.function, entity.name.function.member, support.function, support.function.builtin, variable.function	#006FAE	bold
entity.name.function.decorator, meta.function.decorator.python, punctuation.definition.decorator.python, keyword.operator.decorator.python	#8A4A1C	bold
variable.other.property, variable.other.object.property, meta.member.access, support.variable.property	#4E5962	—
variable.parameter, meta.function.parameters variable.parameter	#303841	—
markup.heading, entity.name.section	#3A3E44	bold
string.other.link, markup.underline.link	#006FAE	—
markup.inline.raw, markup.fenced_code	#9A6000	—
invalid, invalid.illegal	#C84053	bold