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 Dark

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#50585d	italic
constant, constant.language, constant.numeric, constant.numeric.integer, constant.numeric.float, constant.language.boolean, support.constant, variable.other.enummember	#d9ba73	—
string, string.quoted, string.template, string.regexp	#ffffff	—
constant.character, constant.character.escape	#ffffff	—
variable, variable.other, variable.parameter, variable.language, identifier, entity.name.variable, variable.other.readwrite, variable.other.property, variable.object.property, variable.member	#b0b0b0	—
variable.other.readwrite.alias, entity.name.namespace, entity.name.import, support.module, support.type	#777777	—
entity.name.function, support.function, variable.function, meta.function-call, support.function.builtin	#ffffff	—
keyword, keyword.control, storage, storage.modifier, meta.preprocessor, keyword.control.import, keyword.control.from	#777777	—
keyword.operator, punctuation.separator, punctuation.accessor	#777777	—
entity.name.type, entity.name.class, entity.name.interface, entity.name.struct, support.type	#777777	—
storage.type, storage.type.class, storage.type.interface, storage.type.struct, storage.class, storage.modifier	#777777	—
entity.name.tag	#b0b0b0	—
invalid	#ff7676	—
markup.inserted	#86cd82	—
markup.changed	#d9ba73	—
markup.deleted	#ff7676	—
markup.heading	#ffffff	bold
markup.italic	—	italic
markup.bold	—	bold
markup.raw	#d9ba73	—
markup.link.url	#8ebeec	underline
variable.other.constant.property, variable.other.constant.property.ts	#777777	—