Koda Neovim Theme For Visual Studio Code

VS Code preview

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

Loading...

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).