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 Glade

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#696969	italic
constant, constant.language, constant.numeric, constant.numeric.integer, constant.numeric.float, constant.language.boolean, support.constant, variable.other.enummember	#7a3e9d	—
string, string.quoted, string.template, string.regexp	#448c27	—
constant.character, constant.character.escape	#7a3e9d	—
variable, variable.other, variable.parameter, variable.language, identifier, entity.name.variable, variable.other.readwrite, variable.other.property, variable.object.property, variable.member	#000000	—
variable.other.readwrite.alias, entity.name.namespace, entity.name.import, support.module, support.type	#525252	—
entity.name.function, support.function, variable.function, meta.function-call, support.function.builtin	#325cc0	—
keyword, keyword.control, storage, storage.modifier, meta.preprocessor, keyword.control.import, keyword.control.from	#525252	—
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	#525252	—
entity.name.tag	#000000	—
invalid	#d13e23	—
markup.inserted	#448c27	—
markup.changed	#BC7500	—
markup.deleted	#d13e23	—
markup.heading	#325cc0	bold
markup.italic	—	italic
markup.bold	—	bold
markup.raw	#7a3e9d	—
markup.link.url	#007acc	underline
variable.other.constant.property, variable.other.constant.property.ts	#525252	—