Koda Neovim Theme For Visual Studio Code

Name: Koda Neovim Theme For Visual Studio Code
Author: davellen

Publisher: davellenThemes in package: 4

oskarnurm's Koda neovim theme ported to Visual Studio Code

Open in VS Code GitHub

Color themes

VS Code preview

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

Koda Neovim Theme For Visual Studio Code — Koda Moss

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#71ade7
activityBar.background#0e1415
activityBar.border#182325
activityBar.foreground#cecece
activityBar.inactiveForeground#707070
activityBarBadge.background#182325
activityBarBadge.foreground#71ade7
badge.background#182325
badge.foreground#cecece
button.background#182325
button.foreground#71ade7
button.hoverBackground#30464a
chat.background#0e1415
chat.foreground#cecece
chat.requestBackground#182325
chat.requestBorder#182325
chat.slashCommandBackground#182325
chat.slashCommandForeground#71ade7
contrastBorder#182325
editor.background#0e1415
editor.foreground#cecece
editor.lineHighlightBackground#182325
editor.lineHighlightBorder#182325
editor.selectionBackground#182325
editorCursor.foreground#cecece
editorGroupHeader.tabsBackground#0e1415
editorIndentGuide.activeBackground#30464a
editorIndentGuide.background#182325
editorInlineSuggestion.background#0e1415
editorInlineSuggestion.foreground#30464a
editorLineNumber.activeForeground#dfdf8e
editorLineNumber.foreground#707070
editorSuggestWidget.background#0e1415
editorSuggestWidget.foreground#cecece
editorSuggestWidget.highlightForeground#71ade7
editorSuggestWidget.selectedBackground#182325
editorSuggestWidget.selectedForeground#71ade7
focusBorder#182325
inlineChat.background#0e1415
inlineChat.foreground#cecece
input.background#0e1415
input.border#182325
input.foreground#cecece
inputOption.activeBackground#182325
inputOption.activeBorder#71ade7
inputOption.activeForeground#71ade7
list.activeSelectionBackground#182325
list.activeSelectionForeground#71ade7
list.background#0e1415
list.focusBackground#182325
list.focusForeground#71ade7
list.foreground#cecece
list.highlightForeground#71ade7
list.hoverBackground#182325
menu.background#0e1415
menu.foreground#cecece
menu.selectionBackground#182325
menu.selectionForeground#71ade7
menubar.selectionBackground#0e1415
menubar.selectionForeground#71ade7
notificationCenter.border#182325
notificationCenterHeader.background#0e1415
notificationCenterHeader.foreground#cecece
notifications.background#0e1415
notifications.foreground#cecece
notificationsErrorIcon.foreground#d2322d
notificationsInfoIcon.foreground#dfdf8e
notificationsWarningIcon.foreground#ec8013
panel.background#0e1415
panel.border#182325
panelTitle.activeForeground#71ade7
panelTitle.inactiveForeground#707070
progressBar.background#dfdf8e
quickInput.background#0e1415
quickInput.foreground#cecece
quickInputList.focusBackground#182325
quickInputList.focusForeground#71ade7
quickInputTitle.background#0e1415
sideBar.background#0e1415
sideBar.foreground#cecece
sideBarSectionHeader.background#0e1415
sideBarSectionHeader.foreground#71ade7
statusBar.background#0e1415
statusBar.debuggingBackground#0e1415
statusBar.foreground#cecece
statusBar.noFolderBackground#0e1415
statusBar.remoteBackground#0e1415
statusBarItem.hoverBackground#30464a
statusBarItem.prominentBackground#0e1415
statusBarItem.remoteBackground#0e1415
tab.activeBackground#0e1415
tab.activeBorder#71ade7
tab.activeBorderTop#0e1415
tab.activeForeground#71ade7
tab.border#182325
tab.hoverBackground#182325
tab.inactiveBackground#0e1415
tab.inactiveForeground#707070
textLink.activeForeground#dfdf8e
textLink.foreground#dfdf8e
textPreformat.foreground#cecece
titleBar.activeBackground#0e1415
titleBar.activeForeground#cecece
titleBar.inactiveBackground#0e1415
titleBar.inactiveForeground#707070
walkthrough.embeddedEditorBackground#0e1415
welcomePage.background#0e1415
welcomePage.progress.background#182325
welcomePage.tileBackground#0e1415
welcomePage.tileHoverBackground#182325

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#707070	italic
constant, constant.language, constant.numeric, constant.numeric.integer, constant.numeric.float, constant.language.boolean, support.constant, variable.other.enummember	#dfdf8e	—
string, string.quoted, string.template, string.regexp	#95cb82	—
constant.character, constant.character.escape	#dfdf8e	—
variable, variable.other, variable.parameter, variable.language, identifier, entity.name.variable, variable.other.readwrite, variable.other.property, variable.object.property, variable.member	#cecece	—
variable.other.readwrite.alias, entity.name.namespace, entity.name.import, support.module, support.type	#999999	—
entity.name.function, support.function, variable.function, meta.function-call, support.function.builtin	#71ade7	—
keyword, keyword.control, storage, storage.modifier, meta.preprocessor, keyword.control.import, keyword.control.from	#999999	—
keyword.operator, punctuation.separator, punctuation.accessor	#708b8d	—
entity.name.type, entity.name.class, entity.name.interface, entity.name.struct, support.type	#708b8d	—
storage.type, storage.type.class, storage.type.interface, storage.type.struct, storage.class, storage.modifier	#999999	—
entity.name.tag	#cecece	—
invalid	#d2322d	—
markup.inserted	#6abf40	—
markup.changed	#ec8013	—
markup.deleted	#d2322d	—
markup.heading	#71ade7	bold
markup.italic	—	italic
markup.bold	—	bold
markup.raw	#dfdf8e	—
markup.link.url	#8ebeec	underline
variable.other.constant.property, variable.other.constant.property.ts	#999999	—