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 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#000000
activityBar.background#faf9f5
activityBar.border#ebebeb
activityBar.foreground#101010
activityBar.inactiveForeground#969ba5
activityBarBadge.background#ebebeb
activityBarBadge.foreground#000000
badge.background#ebebeb
badge.foreground#101010
button.background#ebebeb
button.foreground#000000
button.hoverBackground#cccccc
chat.background#faf9f5
chat.foreground#101010
chat.requestBackground#ebebeb
chat.requestBorder#ebebeb
chat.slashCommandBackground#ebebeb
chat.slashCommandForeground#000000
contrastBorder#ebebeb
editor.background#faf9f5
editor.foreground#101010
editor.lineHighlightBackground#ebebeb
editor.lineHighlightBorder#ebebeb
editor.selectionBackground#ebebeb
editorCursor.foreground#101010
editorGroupHeader.tabsBackground#faf9f5
editorIndentGuide.activeBackground#cccccc
editorIndentGuide.background#ebebeb
editorInlineSuggestion.background#faf9f5
editorInlineSuggestion.foreground#cccccc
editorLineNumber.activeForeground#b07700
editorLineNumber.foreground#969ba5
editorSuggestWidget.background#faf9f5
editorSuggestWidget.foreground#101010
editorSuggestWidget.highlightForeground#000000
editorSuggestWidget.selectedBackground#ebebeb
editorSuggestWidget.selectedForeground#000000
focusBorder#ebebeb
inlineChat.background#faf9f5
inlineChat.foreground#101010
input.background#faf9f5
input.border#ebebeb
input.foreground#101010
inputOption.activeBackground#ebebeb
inputOption.activeBorder#000000
inputOption.activeForeground#000000
list.activeSelectionBackground#ebebeb
list.activeSelectionForeground#000000
list.background#faf9f5
list.focusBackground#ebebeb
list.focusForeground#000000
list.foreground#101010
list.highlightForeground#000000
list.hoverBackground#ebebeb
menu.background#faf9f5
menu.foreground#101010
menu.selectionBackground#ebebeb
menu.selectionForeground#000000
menubar.selectionBackground#faf9f5
menubar.selectionForeground#000000
notificationCenter.border#ebebeb
notificationCenterHeader.background#faf9f5
notificationCenterHeader.foreground#101010
notifications.background#faf9f5
notifications.foreground#101010
notificationsErrorIcon.foreground#ca0043
notificationsInfoIcon.foreground#b07700
notificationsWarningIcon.foreground#b07700
panel.background#faf9f5
panel.border#ebebeb
panelTitle.activeForeground#000000
panelTitle.inactiveForeground#969ba5
progressBar.background#b07700
quickInput.background#faf9f5
quickInput.foreground#101010
quickInputList.focusBackground#ebebeb
quickInputList.focusForeground#000000
quickInputTitle.background#faf9f5
sideBar.background#faf9f5
sideBar.foreground#101010
sideBarSectionHeader.background#faf9f5
sideBarSectionHeader.foreground#000000
statusBar.background#faf9f5
statusBar.debuggingBackground#faf9f5
statusBar.foreground#101010
statusBar.noFolderBackground#faf9f5
statusBar.remoteBackground#faf9f5
statusBarItem.hoverBackground#cccccc
statusBarItem.prominentBackground#faf9f5
statusBarItem.remoteBackground#faf9f5
tab.activeBackground#faf9f5
tab.activeBorder#000000
tab.activeBorderTop#faf9f5
tab.activeForeground#000000
tab.border#ebebeb
tab.hoverBackground#ebebeb
tab.inactiveBackground#faf9f5
tab.inactiveForeground#969ba5
textLink.activeForeground#b07700
textLink.foreground#b07700
textPreformat.foreground#101010
titleBar.activeBackground#faf9f5
titleBar.activeForeground#101010
titleBar.inactiveBackground#faf9f5
titleBar.inactiveForeground#969ba5
walkthrough.embeddedEditorBackground#faf9f5
welcomePage.background#faf9f5
welcomePage.progress.background#ebebeb
welcomePage.tileBackground#faf9f5
welcomePage.tileHoverBackground#ebebeb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#969ba5	italic
constant, constant.language, constant.numeric, constant.numeric.integer, constant.numeric.float, constant.language.boolean, support.constant, variable.other.enummember	#b07700	—
string, string.quoted, string.template, string.regexp	#407f00	—
constant.character, constant.character.escape	#407f00	—
variable, variable.other, variable.parameter, variable.language, identifier, entity.name.variable, variable.other.readwrite, variable.other.property, variable.object.property, variable.member	#101010	—
variable.other.readwrite.alias, entity.name.namespace, entity.name.import, support.module, support.type	#666666	—
entity.name.function, support.function, variable.function, meta.function-call, support.function.builtin	#000000	—
keyword, keyword.control, storage, storage.modifier, meta.preprocessor, keyword.control.import, keyword.control.from	#666666	—
keyword.operator, punctuation.separator, punctuation.accessor	#3d3d3d	—
entity.name.type, entity.name.class, entity.name.interface, entity.name.struct, support.type	#666666	—
storage.type, storage.type.class, storage.type.interface, storage.type.struct, storage.class, storage.modifier	#666666	—
entity.name.tag	#101010	—
invalid	#ca0043	—
markup.inserted	#407f00	—
markup.changed	#b07700	—
markup.deleted	#ca0043	—
markup.heading	#000000	bold
markup.italic	—	italic
markup.bold	—	bold
markup.raw	#b07700	—
markup.link.url	#0253be	underline
variable.other.constant.property, variable.other.constant.property.ts	#666666	—