Kiss Theme

Name: Kiss Theme
Author: rileytwo

Publisher: rileytwoThemes in package: 1

Keep It Stupid Simple. A dark and pleasant theme.

Open in VS Code GitHub

VS Code preview

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

Kiss Theme — Kiss

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.activeBackground#FCFCFC15
activityBar.activeBorder#2188ff
activityBar.background#111111
activityBar.border#000000
breadcrumb.activeSelectionForeground#FCFCFC
breadcrumb.background#181818
breadcrumb.focusForeground#FCFCFC
breadcrumb.foreground#B0B0B0
breadcrumbPicker.background#333333
button.background#2188ff
button.foreground#FCFCFC
button.hoverBackground#044289
checkbox.background#111111
diffEditor.insertedTextBackground#85e89d25
diffEditor.removedTextBackground#fdaeb725
dropdown.background#111111
dropdown.border#2b2b2b
dropdown.foreground#e6e6e6
editor.background#181818
editor.findMatchBackground#FFFFFF25
editor.findMatchBorder#FFFFFF10
editor.findMatchHighlightBackground#FFFFFF15
editor.findMatchHighlightBorder#FFFFFF15
editor.foreground#FCFCFC
editor.inactiveSelectionBackground#CCCCCC15
editor.lineHighlightBackground#959da530
editor.selectionBackground#CCCCCC30
editor.selectionHighlightBackground#CCCCCC15
editor.selectionHighlightBorder#CCCCCC15
editor.wordHighlightBackground#CCCCCC10
editor.wordHighlightBorder#CCCCCC10
editorBracketMatch.background#505050
editorBracketMatch.border#000000
editorCursor.foreground#FCFCFC
editorGroup.border#000000
editorGroupHeader.noTabsBackground#181818
editorGroupHeader.tabsBackground#111111
editorGutter.addedBackground#85e89d90
editorGutter.deletedBackground#f9758370
editorGutter.modifiedBackground#2188ff90
editorIndentGuide.activeBackground#444444
editorIndentGuide.background#202020
editorLineNumber.activeForeground#fafbfc
editorLineNumber.foreground#5c5c5c
editorOverviewRuler.addedForeground#85e89d50
editorOverviewRuler.border#222222
editorOverviewRuler.bracketMatchForeground#D5D8DA80
editorOverviewRuler.deletedForeground#f9758350
editorOverviewRuler.errorForeground#ea4a5a90
editorOverviewRuler.findMatchForeground#444444
editorOverviewRuler.modifiedForeground#2188ff50
editorOverviewRuler.warningForeground#ffea7f90
editorRuler.foreground#222222
editorSuggestWidget.background#222222
editorSuggestWidget.foreground#A0A0A0
editorSuggestWidget.highlightForeground#ececec
editorSuggestWidget.selectedBackground#044289
editorWhitespace.foreground#222222
editorWidget.background#181818
editorWidget.border#000000
extensionButton.prominentBackground#2188ff
extensionButton.prominentForeground#f0f0f0
extensionButton.prominentHoverBackground#044289
focusBorder#2188ff
foreground#9F9F9F
gitDecoration.addedResourceForeground#85e89d
gitDecoration.deletedResourceForeground#fdaeb7
gitDecoration.ignoredResourceForeground#6a737d
gitDecoration.modifiedResourceForeground#79b8ff
gitDecoration.untrackedResourceForeground#ffea7f
input.background#2C2C2C
input.border#000000
input.foreground#FCFCFC
input.placeholderForeground#B5B5B5
inputOption.activeBorder#333333
list.activeSelectionBackground#044289
list.activeSelectionForeground#FCFCFC
list.deemphasizedForeground#DDDDDD
list.errorForeground#f97583
list.focusBackground#2188ff70
list.focusForeground#FCFCFC
list.highlightForeground#e6e6e6
list.hoverBackground#2c2c2c
list.hoverForeground#FCFCFC
list.inactiveFocusBackground#2188ff50
list.inactiveSelectionBackground#04428970
list.inactiveSelectionForeground#DDDDDD
list.invalidItemForeground#fb8532
list.warningForeground#ffdf5d
panel.background#111111
panel.border#000000
peekViewResult.selectionForeground#e6e6e6
pickerGroup.foreground#C6C6C6
progressBar.background#2188ff
quickInput.background#111111
quickInput.foreground#C6C6C6
scrollbar.shadow#000000
scrollbarSlider.activeBackground#2188ff
scrollbarSlider.background#2C2C2C
scrollbarSlider.hoverBackground#505050
searchEditor.findMatchBackground#EEEEEE40
settings.checkboxBackground#2C2C2C
settings.checkboxBorder#000000
settings.dropdownBackground#2C2C2C
settings.dropdownBorder#000000
settings.dropdownListBorder#000000
settings.headerForeground#DDDDDD
settings.modifiedItemIndicator#79b8ff
settings.numberInputBackground#2C2C2C
settings.textInputBackground#2C2C2C
sideBar.background#111111
sideBar.border#000000
sideBarSectionHeader.background#222222
sideBarSectionHeader.foreground#DDDDDD
statusBar.background#111111
statusBar.border#000000
statusBar.debuggingBackground#111111
statusBar.debuggingBorder#f97583
statusBar.noFolderBackground#111111
tab.activeBackground#181818
tab.activeBorder#2188ff
tab.activeForeground#FFFFFF
tab.activeModifiedBorder#2188ff
tab.hoverBackground#2c2c2c
tab.inactiveBackground#111111
tab.unfocusedActiveBackground#111111
tab.unfocusedActiveBorder#044289
tab.unfocusedInactiveBackground#111111
terminal.ansiBlack#333333
terminal.ansiBlue#3fb2ff
terminal.ansiBrightBlack#888888
terminal.ansiBrightBlue#00C6FF
terminal.ansiBrightCyan#00E5FF
terminal.ansiBrightGreen#73FF96
terminal.ansiBrightMagenta#ACA8FF
terminal.ansiBrightRed#FF8F86
terminal.ansiBrightWhite#f6f6f6
terminal.ansiBrightYellow#F9F1A5
terminal.ansiCyan#2FFEFF
terminal.ansiGreen#00FF67
terminal.ansiMagenta#9F91FF
terminal.ansiRed#FF7E81
terminal.ansiWhite#e6e6e6
terminal.ansiYellow#FFF094
terminal.background#1A1A1A
terminal.border#222222
terminal.foreground#FCFCFC
terminal.selectionBackground#444444
terminalCursor.background#000000
terminalCursor.foreground#FCFCFC
textLink.activeForeground#c8e1ff
textLink.foreground#79b8ff
titleBar.activeBackground#111111
titleBar.border#111111
widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#E6E6E6	—
text.plain, text.xml	#E6E6E6	—
comment, comment.line, punctuation.definition.comment	#6D6D6D	—
punctuation	#E6E6E6	—
punctuation.definition.variable	#82FFA1	—
string, punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end	#82FFA1	—
constant.numeric	#FF7AB2	—
constant.language	#FF7AB2
entity.name.type	#FCB4AE
constant.character, constant.other	#82FFA1	—
variable	#FF8F86	—
keyword	#9691FF	normal
storage	#3FB2FF
storage.type	#3FB2FF
entity.name.class	#FF8F86	underline
entity.other.inherited-class	#FFCDA8
entity.name.function, keyword.other.special-method, meta.block-level	#FCB4AE
variable.parameter, variable.parameter.function	#E6E6E6
entity.name.tag	#3FB2FF
support.function	#3FB2FF
support.constant	#FFCDA8
support.type, support.class	#FCB4AE	—
support.other.variable	—	#FCB4AE
invalid	#F8F8F0
invalid.deprecated	#F8F8F0	—
keyword.control.flow.python, keyword.operator.logical.python, keyword.operator.assignment.python, punctuation.separator.colon.python	#9691FF	—
keyword.operator.quantifier.regexp	#FF7AB2	—
storage.type.function.python, storage.type.class.python, storage.type.string.python, storage.modifier.global.python, punctuation.section.function.begin.python, punctuation.section.function.end.python, punctuation.section.function.begin.python, meta.function-call.python, meta.function-call.generic.python	#3FB2FF
keyword.control.import.python, keyword.control.import.from.python, support.function.builtin.python	#3FB2FF
constant.character.format.placeholder.other.python	#FCB4AE
	#FCB4AE	—
support.function.magic.python	#FCB4AE
constant.numeric.dec.python, constant.language.python	#FF7AB2
entity.name.type.class.python	#FF8F86
entity.name.function.python, punctuation.section.function.begin.python	#FCB4AE
variable.language.special.self.python	#FFCDA8
constant.character.escape.python, constant.other.set.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, support.other.escape.special.regexp, support.other.match.begin.regexp, support.other.match.end.regexp, string.regexp.quoted.single.python, string.regexp.quoted.double.python	#5CFEFF
support.punctuation.expression, constant.other.symbol	#FF7AB2
meta.function-call.arguments.python, meta.fstring.python	#E6E6E6
variable.parameter.function.language.python, variable.parameter.function-call.python, variable.parameter	#E6E6E6
punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python, punctuation.separator.arguments.python	#D4D4D4	normal
punctuation.definition.comment.python, comment.line.number-sign.python, string.quoted.docstring.multi.python	#6D6D6D
keyword.control.r, entity.namespace.r, meta.function.r	#9691FF	—
entity.name.function.r, keyword.other.r	#FF8F86
meta.function-call.arguments.r, meta.function-call.r, punctuation.definition.parameters.r	#73C1F5	—
variable.function.r, support.function.r	#3FB2FF
variable.parameter.r	#E6E6E6	—
variable.other.r, source.r	#E6E6E6	—
string.quoted.single.r, string.quoted.double.r	#82FFA1	—
keyword.operator.assignment.r, keyword.operator.comparison.r	#FF8F86	—
constant.character.escape.r	#5CFEFF	—
constant.language.r, constant.numeric.float.decimal.r, support.constant.misc.r, constant.numeric.integer.decimal.r, constant.numeric.float.decimal.r, constant.numeric.float.hexadecimal.r	#FF7AB2	—
punctuation.separator.parameters.r, meta.function-call.arguments.r	#3FB2FF	—
punctuation.section.parens.begin.r, punctuation.section.parens.end.r	#E6E6E6	—
punctuation.section.brackets.single.begin.r, punctuation.section.brackets.single.end.r, meta.function-call	#E6E6E6	—
variable.other.lua	#F0F0F0	—
entity.name.class.lua	—
punctuation.accessor	#3FB2FF	—
support.function.misc.css, support.constant.property-value.css, support.constant.font-name.css, keyword.other.important.css	#FF8F86	—
keyword.control.at-rule.css, punctuation.definition.keyword.css	#FF7AB2	—
meta.at-rule.header.css	#ACA8FF	—
entity.other.attribute-name.class.css, meta.selector.css, meta.at-rule.body.css	#3FB2FF	—
entity.other.attribute-name	#FF7AB2
entity.other.attribute-name.pseudo-class.css	#FF7E81	—
entity.name.tag.css	#F7A9A8	—
entity.other.attribute-name.id, punctuation.definition.entity	#9691FF	—
markup.underline.link.markdown	#3FB2FF	bold
string.other.link.title.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown	#FFCDA8	bold
markup.heading.markdown, entity.name.section.markdown	#FF8F86	bold
punctuation.definition.heading.markdown	#FF6C62
meta.separator.markdown	#FF8F86	—
punctuation.definition.italic.markdown, markup.italic.markdown	#FCB4AE	italic
punctuation.definition.bold.markdown, markup.bold.markdown	#FCB4AE	bold
markup.fenced_code.block.markdown	#C7C7C7	—
fenced_code.block.language, source.r.embedded.rmarkdown	#FF8170	—
punctuation.definition.markdown	#9691FF	bold
punctuation.definition.raw.markdown, markup.inline.raw.string.markdown	#9691FF	—
punctuation.definition.quote.begin.markdown, markup.quote.markdown	#bababa	—
entity.name.function.js	#FCB4AE
keyword.operator.new.js	#3FB2FF
variable.other.property.js	#73C1F5
variable.other.readwrite.js, variable.other.object.js	#F0F0F0
punctuation.definition.tag.xml, punctuation.definition.tag.end.xml, punctuation.definition.tag.begin.xml	#888888
entity.name.tag.localname.xml	#3FB2FF
keyword.control.shell, punctuation.separator.statement.and.shell, punctuation.separator.statement.or.shell	#9691FF
punctuation.definition.variable.shell	#FF8F86
punctuation.section.bracket.curly.variable.begin.shell, punctuation.section.bracket.curly.variable.end.shell	#FCB4AE
meta.expression.assignment.shell	#FCB4AE
entity.name.command.shell	#FCB4AE
constant.other.option.shell, constant.other.option.dash.shell	#FFCDA8
string.other.math.shell	#FFFFFF
string.unquoted.argument.shell	#FF8F86
constant.character.escape.shell, constant.numeric.integer.shell	#FF7AB2
punctuation.definition.string.begin.shell, punctuation.definition.string.end.shell, punctuation.definition.evaluation.parens.begin.shell, punctuation.definition.evaluation.parens.end.shell	#9691FF
punctuation.definition.variable.powershell, variable.other.readwrite.powershell, support.variable.drive.powershell	#FF8F86
support.function.powershell	#3FB2FF
keyword.other.hashtable.begin.powershell, keyword.other.hashtable.end.powershell	#9691FF
meta.group.complex.subexpression.powershell, keyword.operator.unary.powershell	#9691FF
variable.parameter.powershell, meta.requires.powershell	#E6E6E6
storage.type.function.powershell	#9691FF
entity.name.function.powershell	#FCB4AE
variable.other.member.powershell	#FCB4AE
constant.character.escape.powershell, support.constant.variable.powershell, support.variable.automatic.powershell	#FF7AB2
log.constant	#3FB2FF
constant.other.database-name.sql	#FF8F86
constant.other.table-name.sql	#F0F0F0
meta.tag.template.value.twig, meta.tag.template.block.twig	#CD5AC5	—
keyword.control.twig	#E05D8C	—
variable.other.twig	#E5A5E0	—
variable.other.property.twig	#FFE1FC	—
constant.language.twig	#FFD2A6	—
constant.numeric.twig	#FFD0FB	—
support.function.twig	#90E7F7	—
meta.function-call.other.twig	#FAB85A	—
meta.function-call.twig	#FAB85A	—
support.other.namespace, entity.name.type.namespace	#FFB2F9	—
support.other.namespace.use-as.php	#8CDAFF	—
variable.language.namespace.php	#D66990	—
punctuation.separator.inheritance.php	#F92672	—

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}!`;
}