Minimal Kiwi Clean

Name: Minimal Kiwi Clean
Author: dynstat

Publisher: dynstatThemes in package: 1

VSCode theme based on Minimal Kiwi - A minimalistic, vibrant VSCode theme that harmonizes productivity with the soothing hue of Green Kiwi.

Open in VS Code GitHub

VS Code preview

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

Minimal Kiwi Clean — Minimal Kiwi Clean

fetchUser.ts

index.ts

README.md

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#93d479
activityBar.background#1a1a1a
activityBar.border#44444460
activityBar.foreground#93d479
activityBar.inactiveForeground#ffffff66
activityBarBadge.background#93d479
activityBarBadge.foreground#000000
badge.background#00000030
badge.foreground#4a4a4a
breadcrumb.activeSelectionForeground#93d479
breadcrumb.background#212121
breadcrumb.focusForeground#e1e1e1
breadcrumb.foreground#848484
breadcrumbPicker.background#1a1a1a
button.background#61616150
button.foreground#ffffff
debugConsole.errorForeground#f07178
debugConsole.infoForeground#78d9ff
debugConsole.warningForeground#ffcb6b
debugToolBar.background#212121
diffEditor.insertedTextBackground#89ddff20
diffEditor.removedTextBackground#ff9cac20
dropdown.background#212121
dropdown.border#ffffff10
editor.background#212121
editor.findMatchBackground#000000
editor.findMatchBorder#93d479
editor.findMatchHighlightBackground#00000050
editor.findMatchHighlightBorder#ffffff50
editor.findRangeHighlightBackground#ffcb6b30
editor.foreground#e1e1e1
editor.lineHighlightBackground#00000050
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#ffffff0d
editor.selectionBackground#61616150
editor.selectionHighlightBackground#ffcc0020
editor.wordHighlightBackground#ff9cac30
editor.wordHighlightStrongBackground#c3e88d30
editorBracketMatch.background#212121
editorBracketMatch.border#ffcc0050
editorCursor.foreground#ff6969
editorError.foreground#f0717870
editorGroup.border#00000030
editorGroup.dropBackground#f0717880
editorGroup.focusedEmptyBorder#f07178
editorGroupHeader.tabsBackground#212121
editorGutter.addedBackground#c3e88d60
editorGutter.deletedBackground#f0717860
editorGutter.modifiedBackground#8cb0ff60
editorHoverWidget.background#1a1a1a
editorHoverWidget.border#ffffff10
editorIndentGuide.activeBackground1#424242
editorIndentGuide.background1#42424270
editorInfo.foreground#8cb0ff70
editorLineNumber.activeForeground#848484
editorLineNumber.foreground#424242
editorLink.activeForeground#e1e1e1
editorMarkerNavigation.background#e1e1e105
editorOverviewRuler.border#212121
editorOverviewRuler.errorForeground#f0717840
editorOverviewRuler.findMatchForeground#80cbc3d0
editorOverviewRuler.infoForeground#8cb0ff40
editorOverviewRuler.warningForeground#ffcb6b40
editorRuler.foreground#424242
editorSuggestWidget.background#212121
editorSuggestWidget.border#ffffff10
editorSuggestWidget.foreground#e1e1e1
editorSuggestWidget.highlightForeground#93d479
editorSuggestWidget.selectedBackground#00000050
editorWarning.foreground#ffcb6b70
editorWhitespace.foreground#e1e1e140
editorWidget.background#1a1a1a
editorWidget.border#93d479
editorWidget.resizeBorder#93d479
extensionBadge.remoteForeground#e1e1e1
extensionButton.prominentBackground#c3e88d90
extensionButton.prominentForeground#e1e1e1
extensionButton.prominentHoverBackground#c3e88d
focusBorder#ffffff00
foreground#e1e1e1
gitDecoration.conflictingResourceForeground#ffcb6b90
gitDecoration.deletedResourceForeground#f0717890
gitDecoration.ignoredResourceForeground#84848490
gitDecoration.modifiedResourceForeground#8cb0ff90
gitDecoration.untrackedResourceForeground#c3e88d90
input.background#2b2b2b
input.border#ffffff10
input.foreground#93d479
input.placeholderForeground#e1e1e160
inputOption.activeBackground#e1e1e130
inputOption.activeBorder#e1e1e130
inputValidation.errorBorder#f07178
inputValidation.infoBorder#8cb0ff
inputValidation.warningBorder#ffcb6b
list.activeSelectionBackground#1a1a1a
list.activeSelectionForeground#93d479
list.dropBackground#f0717880
list.focusBackground#e1e1e120
list.focusForeground#e1e1e1
list.highlightForeground#93d479
list.hoverBackground#1a1a1a
list.hoverForeground#ffffff
list.inactiveSelectionBackground#00000030
list.inactiveSelectionForeground#93d479
listFilterWidget.background#00000030
listFilterWidget.noMatchesOutline#00000030
listFilterWidget.outline#00000030
menu.background#212121
menu.foreground#e1e1e1
menu.selectionBackground#00000050
menu.selectionBorder#00000030
menu.selectionForeground#93d479
menu.separatorBackground#00000000
menubar.selectionBackground#00000030
menubar.selectionBorder#00000030
menubar.selectionForeground#93d479
notebook.focusedCellBorder#80cbc4
notebook.inactiveFocusedCellBorder#80cbc450
notificationLink.foreground#93d479
notifications.background#212121
notifications.foreground#e1e1e1
panel.background#1a1a1a
panel.border#44444460
panelTitle.activeBorder#93d479
panelTitle.activeForeground#ffffff
panelTitle.inactiveForeground#e1e1e1
peekView.border#00000030
peekViewEditor.background#e1e1e105
peekViewEditor.matchHighlightBackground#61616150
peekViewEditorGutter.background#e1e1e105
peekViewResult.background#e1e1e105
peekViewResult.matchHighlightBackground#61616150
peekViewResult.selectionBackground#84848470
peekViewTitle.background#e1e1e105
peekViewTitleDescription.foreground#e1e1e160
pickerGroup.border#ffffff1a
pickerGroup.foreground#93d479
progressBar.background#93d479
quickInput.background#212121
quickInput.foreground#848484
quickInputList.focusBackground#e1e1e120
sash.hoverBorder#80cbc450
scrollbar.shadow#00000030
scrollbarSlider.activeBackground#93d47950
scrollbarSlider.background#e1e1e120
scrollbarSlider.hoverBackground#e1e1e110
selection.background#93d47940
settings.checkboxBackground#1a1a1a
settings.checkboxForeground#e1e1e1
settings.dropdownBackground#1a1a1a
settings.dropdownForeground#e1e1e1
settings.headerForeground#93d479
settings.modifiedItemIndicator#93d479
settings.numberInputBackground#1a1a1a
settings.numberInputForeground#e1e1e1
settings.textInputBackground#1a1a1a
settings.textInputForeground#e1e1e1
sideBar.background#1a1a1a
sideBar.border#44444460
sideBar.foreground#8d8d8d
sideBarSectionHeader.background#1a1a1a
sideBarSectionHeader.border#44444460
sideBarTitle.foreground#e1e1e1
statusBar.background#1a1a1a
statusBar.border#44444460
statusBar.debuggingBackground#204309
statusBar.debuggingForeground#ffffff
statusBar.foreground#8d8d8d
statusBar.noFolderBackground#212121
statusBarItem.activeBackground#f0717880
statusBarItem.hoverBackground#4a4a4a20
statusBarItem.remoteBackground#93d479
statusBarItem.remoteForeground#000000
tab.activeBackground#212121
tab.activeBorder#93d479
tab.activeForeground#93d479
tab.activeModifiedBorder#848484
tab.border#212121
tab.inactiveBackground#212121
tab.inactiveForeground#848484
tab.inactiveModifiedBorder#904348
tab.unfocusedActiveBorder#4a4a4a
tab.unfocusedActiveForeground#e1e1e1
tab.unfocusedActiveModifiedBorder#c05a60
tab.unfocusedInactiveModifiedBorder#904348
terminal.ansiBlack#1d1f21
terminal.ansiBlue#78dcf3
terminal.ansiBrightBlack#a8b4a8
terminal.ansiBrightBlue#78dcf3
terminal.ansiBrightCyan#78dcf3
terminal.ansiBrightGreen#6fc674
terminal.ansiBrightMagenta#a36ac7
terminal.ansiBrightRed#ff6969
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffbb6c
terminal.ansiCyan#78dcf3
terminal.ansiGreen#6fc674
terminal.ansiMagenta#a36ac7
terminal.ansiRed#ff6969
terminal.ansiWhite#c5c8c6
terminal.ansiYellow#ffbb6c
terminal.background#191a1b
terminal.foreground#c5c8c6
terminalCursor.background#c7ffd9
terminalCursor.foreground#f4d35e
textLink.activeForeground#e1e1e1
textLink.foreground#93d479
titleBar.activeBackground#1a1a1a
titleBar.activeForeground#e1e1e1
titleBar.border#44444460
titleBar.inactiveBackground#1a1a1a
titleBar.inactiveForeground#848484
tree.indentGuidesStroke#424242
widget.shadow#00000030

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
string	#a6d287	—
punctuation, constant.other.symbol	#89DDFF	—
constant.character.escape, text.html constant.character.entity.named	#e1e1e1	—
constant.language.boolean	#FF9CAC	—
constant.numeric	#F78C6C	—
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments	#e1e1e1	—
keyword.other	#F78C6C	—
keyword, modifier, variable.language.this, support.type.object, constant.language	#89DDFF	—
entity.name.function, support.function	#8cb0ff	—
storage.type, storage.modifier, storage.control	#b9adff	—
support.module, support.node	#F07178	italic
support.type, constant.other.key	#FFCB6B	—
entity.name.type, entity.other.inherited-class, entity.other	#FFCB6B	—
comment	#bcc9d14b	italic
comment punctuation.definition.comment, string.quoted.docstring	#bcc9d14b	italic
punctuation	#89DDFF	—
entity.name, entity.name.type.class, support.type, support.class, meta.use	#FFCB6B	—
variable.object.property, meta.field.declaration entity.name.function	#F07178	—
meta.definition.method entity.name.function	#F07178	—
meta.function entity.name.function	#8cb0ff	—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#89DDFF	—
meta.embedded, source.groovy.embedded, meta.template.expression	#e1e1e1	—
entity.name.tag.yaml	#F07178	—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json	#F07178	—
constant.language.json	#89DDFF	—
entity.other.attribute-name.class	#FFCB6B	—
entity.other.attribute-name.id	#F78C6C	—
source.css entity.name.tag	#FFCB6B	—
support.type.property-name.css	#B2CCD6	—
meta.tag, punctuation.definition.tag	#89DDFF	—
entity.name.tag	#F07178	—
entity.other.attribute-name	#b9adff	—
punctuation.definition.entity.html	#e1e1e1	—
markup.heading	#89DDFF	—
text.html.markdown meta.link.inline, meta.link.reference	#F07178	—
text.html.markdown beginning.punctuation.definition.list	#89DDFF	—
markup.italic	#F07178	italic
markup.bold	#F07178	bold
markup.bold markup.italic, markup.italic markup.bold	#F07178	italic bold
markup.fenced_code.block.markdown punctuation.definition.markdown	#a6d287	—
markup.inline.raw.string.markdown	#a6d287	—
keyword.other.definition.ini	#F07178	—
entity.name.section.group-title.ini	#89DDFF	—
source.cs meta.class.identifier storage.type	#FFCB6B	—
source.cs meta.method.identifier entity.name.function	#F07178	—
source.cs meta.method-call meta.method, source.cs entity.name.function	#8cb0ff	—
source.cs storage.type	#FFCB6B	—
source.cs meta.method.return-type	#FFCB6B	—
source.cs meta.preprocessor	#4A4A4A	—
source.cs entity.name.type.namespace	#e1e1e1	—
meta.jsx.children, SXNested	#e1e1e1	—
support.class.component	#FFCB6B	—
source.cpp meta.block variable.other	#e1e1e1	—
source.python meta.member.access.python	#F07178	—
source.python meta.function-call.python, meta.function-call.arguments	#8cb0ff	—
meta.block	#F07178	—
entity.name.function.call	#8cb0ff	—
source.php support.other.namespace, source.php meta.use support.class	#e1e1e1	—
constant.keyword	#89DDFF	italic
entity.name.function	#8cb0ff	—
constant.other.placeholder	#F07178	—
markup.deleted	#F07178	—
markup.inserted	#a6d287	—
markup.underline	—	underline
keyword.control	#89DDFF	italic
variable.parameter	—	italic
variable.parameter.function.language.special.self.python	#F07178	italic
constant.character.format.placeholder.other.python	#F78C6C	—
markup.quote	#89DDFF	italic
markup.fenced_code.block	#e1e1e190	—
punctuation.definition.quote	#FF9CAC	—
meta.structure.dictionary.json support.type.property-name.json	#b9adff	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F78C6C	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F07178	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#916B53	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#8cb0ff	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF9CAC	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#b9adff	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C3E88D	—
comment	#bcc9d14b	—
punctuation.definition.comment	#bcc9d14b	—
comment	—	bold
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
keyword.operator	#ffef85	italic
punctuation.definition.comment.ini	#ffef856b	italic
punctuation.definition.string.end.python	#d1ffa66c	italic
punctuation.definition.string.begin.python	#d1ffa66c	italic
string.quoted.docstring.multi.python	#e0ffa64b	italic
entity.name.function.preprocessor.c	#ab9bf2	—
meta.attribute	#97eaff	italic
constant.other.caps	#ffd9b4	italic
token.debug-token	#B267E6	—
meta.property.object.ts	#4EC9B0	—
variable.other.property.ts	#9CDCFE	—
variable.other.object.property.ts	#e3a2c2	—
support.type.primitive.ts, support.type.builtin.ts, support.type.primitive.tsx, support.type.builtin.tsx	#ffc66b	—
entity.name.type.class.ts, entity.name.type.class.tsx, entity.name.type.interface.ts, entity.name.type.interface.tsx	#78dcc8	—
entity.name.type.ts, entity.name.type.tsx	#89dfd5	—
variable.other.readwrite.ts, variable.other.readwrite.tsx	#9CDCFE	—
entity.name.type.ts, entity.name.type.tsx, support.class.ts, support.class.tsx	#4EC9B0	—
variable.other.constant.ts, variable.other.constant.tsx	#CE9178	—
support.type.primitive.ts, support.type.builtin.ts, support.type.primitive.tsx, support.type.builtin.tsx	#ffc66b	—
variable.other.readwrite.ts, variable.other.readwrite.tsx	#b4fbdf	—
entity.name.type.ts, entity.name.type.tsx, support.class.ts, support.class.tsx	#4EC9B0	—
variable.other.constant.ts, variable.other.constant.tsx	#CE9178	—
support.type.primitive.ts, support.type.builtin.ts, support.type.primitive.tsx, support.type.builtin.tsx	#ffc66b	—
keyword.operator.logical.rust	#fd8c8c
meta.interpolation.rust	#d3d3d3
comment.line.double-slash.rust	#535353

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}