PKsThemes

Name: PKsThemes
Author: PKKid

Publisher: PKKidThemes in package: 5

PKsThemes for VSCode

Open in VS Code GitHub

Color themes

VS Code preview

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

PKsThemes — PKsTheme Dracula

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

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.background#252526
activityBar.foreground#ebdbb2
activityBarBadge.background#458588
activityBarBadge.foreground#ebdbb2
breadcrumb.activeSelectionForeground#ebdbb2aa
breadcrumb.focusForeground#ebdbb2aa
breadcrumb.foreground#ebdbb244
button.background#45858880
button.foreground#ebdbb2
button.hoverBackground#45858860
diffEditor.diagonalFill#ddd1
diffEditor.insertedLineBackground#0f01
diffEditor.insertedTextBackground#0f01
diffEditor.removedLineBackground#f001
diffEditor.removedTextBackground#f001
diffEditorGutter.insertedLineBackground#0f02
diffEditorGutter.removedLineBackground#f002
dropdown.background#444
dropdown.foreground#ebdbb2
editor.background#151516
editor.findMatchBackground#83a59870
editor.findMatchHighlightBackground#fe801930
editor.findRangeHighlightBackground#83a59870
editor.hoverHighlightBackground#689d6a50
editor.lineHighlightBackground#8881
editor.selectionBackground#689d6a40
editor.wordHighlightBackground#fff1
editorBracketMatch.background#fff2
editorBracketMatch.border#0000
editorCodeLens.foreground#a8998490
editorCursor.foreground#ebdbb2
editorGutter.addedBackground#66971a
editorGutter.deletedBackground#fb4934
editorGutter.modifiedBackground#458588
editorIndentGuide.activeBackground1#a8998450
editorIndentGuide.background1#a8998400
editorLightBulb.foreground#8886
editorLineNumber.activeForeground#fff5
editorLineNumber.foreground#fff2
editorLink.activeForeground#ebdbb2
editorRuler.foreground#a8998418
editorWhitespace.foreground#a8998420
focusBorder#3c383600
foreground#ebdbb2bb
input.foreground#ebdbb2
input.placeholderForeground#ebdbb260
keybindingLabel.background#444
keybindingLabel.border#22222288
keybindingLabel.bottomBorder#22222288
keybindingLabel.foreground#ebdbb2
list.activeSelectionBackground#555
list.activeSelectionForeground#fdf1c7
list.dropBackground#3c3836
list.focusBackground#3c3836
list.focusForeground#ebdbb2
list.highlightForeground#ebdbb2ee
list.hoverBackground#3c3836
list.hoverForeground#d5c4a1
list.inactiveSelectionBackground#3c383680
progressBar.background#689d6a
sideBar.border#00000000
sideBar.foreground#D6C8ABDD
sideBarSectionHeader.background#333333
sideBarTitle.foreground#D6C8ABDD
statusBar.background#252526
statusBar.border#33333300
statusBar.debuggingBackground#fe8019
statusBar.debuggingBorder#1d202100
statusBar.debuggingForeground#1d2021
statusBar.foreground#ebdbb2bb
statusBar.noFolderBackground#1d2021
statusBar.noFolderBorder#1d202100
tab.activeBackground#151516
tab.activeForeground#ebdbb2
tab.inactiveBackground#252526
tab.inactiveForeground#a89984
terminal.ansiBlack#3c3836
terminal.ansiBlue#58c9cc
terminal.ansiBrightBlack#928374
terminal.ansiBrightBlue#61a9ab
terminal.ansiBrightCyan#90bd80
terminal.ansiBrightGreen#6fbe49
terminal.ansiBrightMagenta#d3869b
terminal.ansiBrightRed#c5282a
terminal.ansiBrightWhite#e9d9b3
terminal.ansiBrightYellow#d39539
terminal.ansiCyan#64ab8a
terminal.ansiGreen#538e37
terminal.ansiMagenta#b16286
terminal.ansiRed#f44a40
terminal.ansiWhite#a69785
terminal.ansiYellow#f7b948
terminal.background#252526
terminal.foreground#79ce50
textLink.activeForeground#ebdbb2
textLink.foreground#ebdbb2
titleBar.activeBackground#252526
titleBar.activeForeground#ebdbb2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#BD93F9	—
meta.diff, meta.diff.header	#6272A4	—
markup.inserted	#50FA7B	—
markup.deleted	#FF5555	—
markup.changed	#FFB86C	—
invalid	#FF5555	underline italic
invalid.deprecated	#F8F8F2	underline italic
entity.name.filename	#F1FA8C	—
markup.error	#FF5555	—
markup.underline	—	underline
markup.bold	#FFB86C	bold
markup.heading	#BD93F9	bold
markup.italic	#F1FA8C	italic
beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext	#8BE9FD	—
markup.inline.raw, markup.raw.restructuredtext	#50FA7B	—
markup.underline.link, markup.underline.link.image	#8BE9FD	—
meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title	#FF79C6	—
entity.name.directive.restructuredtext, markup.quote	#F1FA8C	italic
meta.separator.markdown	#6272A4	—
fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown	#50FA7B	—
punctuation.definition.constant.restructuredtext	#BD93F9	—
markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end	#BD93F9	—
meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end	#F8F8F2	—
markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end	#F1FA8C	—
entity.name.type.class, entity.name.class	#8BE9FD	normal
keyword.expressions-and-types.swift, keyword.other.this, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special	#BD93F9	italic
entity.other.inherited-class	#8BE9FD	italic
comment, punctuation.definition.comment, unused.comment, wildcard.comment	#6272A4	—
comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class	#FF79C6	—
comment.block.documentation entity.name.type	#8BE9FD	italic
comment.block.documentation entity.name.type punctuation.definition.bracket	#8BE9FD	—
comment.block.documentation variable	#FFB86C	italic
constant, variable.other.constant	#BD93F9	—
constant.character.escape, constant.character.string.escape, constant.regexp	#FF79C6	—
entity.name.tag	#FF79C6	—
entity.other.attribute-name.parent-selector	#FF79C6	—
entity.other.attribute-name	#50FA7B	italic
entity.name.function, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix	#50FA7B	—
entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, variable.parameter	#FFB86C	italic
meta.decorator variable.other.readwrite, meta.decorator variable.other.property	#50FA7B	italic
meta.decorator variable.other.object	#50FA7B	—
keyword, punctuation.definition.keyword	#FF79C6	—
keyword.control.new, keyword.operator.new	—	bold
meta.selector	#FF79C6	—
support	#8BE9FD	italic
support.function.magic, support.variable, variable.other.predefined	#BD93F9	regular
support.function, support.type.property-name	—	regular
constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.group.double.toml, meta.group.toml, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.colon.graphql, punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, string.unquoted.heredoc punctuation.definition.string, support.other.chomping-indicator.yaml, punctuation.separator.annotation	#FF79C6	—
keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.round, meta.function-call punctuation, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag.cs, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, punctuation.terminator.expression.php, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor	#F8F8F2	—
meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby, punctuation.definition.variable.makefile	#FF79C6	—
entity.name.function.target.makefile, entity.name.section.toml, entity.name.tag.yaml, variable.other.key.toml	#8BE9FD	—
constant.other.date, constant.other.timestamp	#FFB86C	—
variable.other.alias.yaml	#50FA7B	italic underline
storage, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def	#FF79C6	regular
entity.name.type, keyword.primitive-datatypes.swift, keyword.type.cs, meta.protocol-list.objc, meta.return-type.objc, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name, storage.class.std.rust, storage.type.attribute.swift, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.groovy, storage.type.objc, storage.type.php, storage.type.haskell, storage.type.ocaml	#8BE9FD	italic
entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type	#FFB86C	—
storage.modifier	#FF79C6	—
string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp	#F1FA8C	—
punctuation.definition.group.capture.regexp	#FF79C6	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#FF5555	—
punctuation.definition.character-class.regexp	#8BE9FD	—
punctuation.definition.group.regexp	#FFB86C	—
punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp	#FF5555	—
meta.assertion.look-ahead.regexp	#50FA7B	—
string	#F1FA8C	—
punctuation.definition.string.begin, punctuation.definition.string.end	#E9F284	—
punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end	#8BE9FE	—
string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape	#6272A4	—
variable, constant.other.key.perl, support.variable.property, variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx	#F8F8F2	—
meta.import variable.other.readwrite, meta.variable.assignment.destructured.object.coffee variable	#FFB86C	italic
meta.import variable.other.readwrite.alias, meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable	#F8F8F2	normal
meta.selectionset.graphql variable	#F1FA8C	—
meta.selectionset.graphql meta.arguments variable	#F8F8F2	—
entity.name.fragment.graphql, variable.fragment.graphql	#8BE9FD	—
constant.other.symbol.hashkey.ruby, keyword.operator.dereference.java, keyword.operator.navigation.groovy, meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string, storage.modifier.import, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.separator.list.comma.css, constant.language.empty-list.haskell	#F8F8F2	—
source.shell variable.other	#BD93F9	—
support.constant	#BD93F9	normal
meta.scope.prerequisites.makefile	#F1FA8C	—
meta.attribute-selector.scss	#F1FA8C	—
punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss	#F8F8F2	—
meta.preprocessor.haskell	#6272A4	—
log.error	#FF5555	bold
log.warning	#F1FA8C	bold

VS Code preview

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

PKsThemes — PKsTheme Gruvbox

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

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.background#252526
activityBar.foreground#ebdbb2
activityBarBadge.background#458588
activityBarBadge.foreground#ebdbb2
breadcrumb.activeSelectionForeground#ebdbb2aa
breadcrumb.focusForeground#ebdbb2aa
breadcrumb.foreground#ebdbb244
button.background#45858880
button.foreground#ebdbb2
button.hoverBackground#45858860
diffEditor.diagonalFill#ddd1
diffEditor.insertedLineBackground#0f01
diffEditor.insertedTextBackground#0f01
diffEditor.removedLineBackground#f001
diffEditor.removedTextBackground#f001
diffEditorGutter.insertedLineBackground#0f02
diffEditorGutter.removedLineBackground#f002
dropdown.background#444
dropdown.foreground#ebdbb2
editor.background#151516
editor.findMatchBackground#83a59870
editor.findMatchHighlightBackground#fe801930
editor.findRangeHighlightBackground#83a59870
editor.hoverHighlightBackground#689d6a50
editor.lineHighlightBackground#8881
editor.selectionBackground#689d6a40
editor.wordHighlightBackground#fff1
editorBracketMatch.background#fff2
editorBracketMatch.border#0000
editorCodeLens.foreground#a8998490
editorCursor.foreground#ebdbb2
editorGutter.addedBackground#66971a
editorGutter.deletedBackground#fb4934
editorGutter.modifiedBackground#458588
editorIndentGuide.activeBackground1#a8998450
editorIndentGuide.background1#a8998400
editorLightBulb.foreground#8886
editorLineNumber.activeForeground#fff5
editorLineNumber.foreground#fff2
editorLink.activeForeground#ebdbb2
editorRuler.foreground#a8998418
editorWhitespace.foreground#a8998420
focusBorder#3c383600
foreground#ebdbb2bb
input.foreground#ebdbb2
input.placeholderForeground#ebdbb260
keybindingLabel.background#444
keybindingLabel.border#22222288
keybindingLabel.bottomBorder#22222288
keybindingLabel.foreground#ebdbb2
list.activeSelectionBackground#555
list.activeSelectionForeground#fdf1c7
list.dropBackground#3c3836
list.focusBackground#3c3836
list.focusForeground#ebdbb2
list.highlightForeground#ebdbb2ee
list.hoverBackground#3c3836
list.hoverForeground#d5c4a1
list.inactiveSelectionBackground#3c383680
progressBar.background#689d6a
sideBar.border#00000000
sideBar.foreground#D6C8ABDD
sideBarSectionHeader.background#333333
sideBarTitle.foreground#D6C8ABDD
statusBar.background#252526
statusBar.border#33333300
statusBar.debuggingBackground#fe8019
statusBar.debuggingBorder#1d202100
statusBar.debuggingForeground#1d2021
statusBar.foreground#ebdbb2bb
statusBar.noFolderBackground#1d2021
statusBar.noFolderBorder#1d202100
tab.activeBackground#151516
tab.activeForeground#ebdbb2
tab.inactiveBackground#252526
tab.inactiveForeground#a89984
terminal.ansiBlack#3c3836
terminal.ansiBlue#58c9cc
terminal.ansiBrightBlack#928374
terminal.ansiBrightBlue#61a9ab
terminal.ansiBrightCyan#90bd80
terminal.ansiBrightGreen#6fbe49
terminal.ansiBrightMagenta#d3869b
terminal.ansiBrightRed#c5282a
terminal.ansiBrightWhite#e9d9b3
terminal.ansiBrightYellow#d39539
terminal.ansiCyan#64ab8a
terminal.ansiGreen#538e37
terminal.ansiMagenta#b16286
terminal.ansiRed#f44a40
terminal.ansiWhite#a69785
terminal.ansiYellow#f7b948
terminal.background#252526
terminal.foreground#79ce50
textLink.activeForeground#ebdbb2
textLink.foreground#ebdbb2
titleBar.activeBackground#252526
titleBar.activeForeground#ebdbb2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#ebdbb2	—
emphasis	—	italic
strong	—	bold
header	#458588	—
comment, punctuation.definition.comment	#928374	italic
constant, support.constant, variable.arguments	#d3869b	—
constant.rgb-value	#ebdbb2	—
entity.name.selector	#8ec07c	—
entity.other.attribute-name	#fabd2f	—
entity.name.tag, punctuation.tag	#8ec07c	—
invalid, invalid.illegal	#cc241d	—
invalid.deprecated	#b16286	—
meta.selector	#8ec07c	—
meta.preprocessor	#fe8019	—
meta.preprocessor.string	#b8bb26	—
meta.preprocessor.numeric	#b8bb26	—
meta.header.diff	#fe8019	—
storage	#fb4934	—
storage.type, storage.modifier	#fe8019	—
string	#b8bb26	—
string.tag	#b8bb26	—
string.value	#b8bb26	—
string.regexp	#fe8019	—
string.escape	#fb4934	—
string.quasi	#8ec07c	—
string.entity	#b8bb26	—
object	#ebdbb2	—
module.node	#83a598	—
support.type.property-name	#689d6a	—
keyword	#fb4934	—
keyword.control	#fb4934	—
keyword.control.module	#8ec07c	—
keyword.control.less	#d79921	—
keyword.operator	#8ec07c	—
keyword.operator.new	#fe8019	—
keyword.other.unit	#b8bb26	—
metatag.php	#fe8019	—
support.function.git-rebase	#689d6a	—
constant.sha.git-rebase	#b8bb26	—
meta.type.name, meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, storage.type.cs, variable.class	#fabd2f	—
variable.this, support.variable	#d3869b	—
entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class, entity.name.type	#fabd2f	—
entity.function, entity.name.function.static	#8ec07c	—
entity.name.function.function-call	#8ec07c	—
support.function.builtin	#fe8019	—
entity.name.method, entity.name.method.function-call, entity.name.static.function-call	#689d6a	—
brace	#d5c4a1	—
meta.parameter.type.variable, variable.parameter, variable.name, variable.other, variable, string.constant.other.placeholder	#83a598	—
prototype	#d3869b	—
punctuation	#a89984	—
punctuation.quoted	#ebdbb2	—
punctuation.quasi	#fb4934	—
url, link, uri	—	underline
meta.function.python, entity.name.function.python	#8ec07c	—
storage.type.function.python, storage.modifier.declaration, storage.type.class.python, storage.type.string.python	#fb4934	—
storage.type.function.async.python	#fb4934	—
meta.function-call.generic	#83a598	—
meta.function-call.arguments	#d5c4a1	—
entity.name.function.decorator	#fabd2f	bold
constant.other.caps	—	bold
keyword.operator.logical	#fb4934	—
punctuation.definition.logical-expression	#fe8019	—
string.interpolated.dollar.shell, string.interpolated.backtick.shell	#8ec07c	—
keyword.control.directive	#8ec07c	—
support.function.C99	#fabd2f	—
meta.function.cs, entity.name.function.cs, entity.name.type.namespace.cs	#b8bb26	—
keyword.other.using.cs, entity.name.variable.field.cs, entity.name.variable.local.cs, variable.other.readwrite.cs	#8ec07c	—
keyword.other.this.cs, keyword.other.base.cs	#d3869b	—
meta.scope.prerequisites	#fabd2f	—
entity.name.function.target	#b8bb26	bold
storage.modifier.import.java, storage.modifier.package.java	#bdae93	—
keyword.other.import.java, keyword.other.package.java	#8ec07c	—
storage.type.java	#fabd2f	—
storage.type.annotation	#83a598	bold
keyword.other.documentation.javadoc	#8ec07c	—
comment.block.javadoc variable.parameter.java	#b8bb26	bold
source.java variable.other.object, source.java variable.other.definition.java	#ebdbb2	—
meta.function-parameters.lisp	#fabd2f	—
markup.underline	—	underline
string.other.link.title.markdown	#928374	underline
markup.underline.link	#d3869b	—
markup.bold	#fe8019	bold
markup.heading	#fe8019	bold
markup.italic	—	italic
markup.inserted	#b8bb26	—
markup.deleted	#d65d0e	—
markup.changed	#fe8019	—
markup.punctuation.quote.beginning	#98971a	—
markup.punctuation.list.beginning	#83a598	—
markup.inline.raw, markup.fenced_code.block	#8ec07c	—
string.quoted.double.json	#83a598	—
entity.other.attribute-name.css	#fe8019	—
source.css meta.selector	#ebdbb2	—
support.type.property-name.css	#fe8019	—
entity.other.attribute-name.class	#b8bb26	—
source.css support.function.transform, source.css support.function.timing-function, source.css support.function.misc	#fb4934	—
support.property-value, constant.rgb-value, support.property-value.scss, constant.rgb-value.scss	#d65d0e	—
entity.name.tag.css	—
punctuation.definition.tag	#83a598	—
text.html entity.name.tag, text.html punctuation.tag	#8ec07c	bold
source.js variable.language	#fe8019	—
source.ts variable.language	#fe8019	—
source.go storage.type	#fabd2f	—
source.go entity.name.import	#b8bb26	—
source.go keyword.package, source.go keyword.import	#8ec07c	—
source.go keyword.interface, source.go keyword.struct	#83a598	—
source.go entity.name.type	#ebdbb2	—
source.go entity.name.function	#d3869b	—
keyword.control.cucumber.table	#83a598	—
source.reason string.double, source.reason string.regexp	#b8bb26	—
source.reason keyword.control.less	#8ec07c	—
source.reason entity.name.function	#83a598	—
source.reason support.property-value, source.reason entity.name.filename	#fe8019	—
source.powershell variable.other.member.powershell	#fe8019	—
source.powershell support.function.powershell	#fabd2f	—
source.powershell support.function.attribute.powershell	#bdae93	—
source.powershell meta.hashtable.assignment.powershell variable.other.readwrite.powershell	#fe8019	—

VS Code preview

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

PKsThemes — PKsTheme Monokai

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

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.background#252526
activityBar.foreground#ebdbb2
activityBarBadge.background#458588
activityBarBadge.foreground#ebdbb2
breadcrumb.activeSelectionForeground#ebdbb2aa
breadcrumb.focusForeground#ebdbb2aa
breadcrumb.foreground#ebdbb244
button.background#45858880
button.foreground#ebdbb2
button.hoverBackground#45858860
diffEditor.diagonalFill#ddd1
diffEditor.insertedLineBackground#0f01
diffEditor.insertedTextBackground#0f01
diffEditor.removedLineBackground#f001
diffEditor.removedTextBackground#f001
diffEditorGutter.insertedLineBackground#0f02
diffEditorGutter.removedLineBackground#f002
dropdown.background#444
dropdown.foreground#ebdbb2
editor.background#151516
editor.findMatchBackground#83a59870
editor.findMatchHighlightBackground#fe801930
editor.findRangeHighlightBackground#83a59870
editor.hoverHighlightBackground#689d6a50
editor.lineHighlightBackground#8881
editor.selectionBackground#689d6a40
editor.wordHighlightBackground#fff1
editorBracketMatch.background#fff2
editorBracketMatch.border#0000
editorCodeLens.foreground#a8998490
editorCursor.foreground#ebdbb2
editorGutter.addedBackground#66971a
editorGutter.deletedBackground#fb4934
editorGutter.modifiedBackground#458588
editorIndentGuide.activeBackground1#a8998450
editorIndentGuide.background1#a8998400
editorLightBulb.foreground#8886
editorLineNumber.activeForeground#fff5
editorLineNumber.foreground#fff2
editorLink.activeForeground#ebdbb2
editorRuler.foreground#a8998418
editorWhitespace.foreground#a8998420
focusBorder#3c383600
foreground#ebdbb2bb
input.foreground#ebdbb2
input.placeholderForeground#ebdbb260
keybindingLabel.background#444
keybindingLabel.border#22222288
keybindingLabel.bottomBorder#22222288
keybindingLabel.foreground#ebdbb2
list.activeSelectionBackground#555
list.activeSelectionForeground#fdf1c7
list.dropBackground#3c3836
list.focusBackground#3c3836
list.focusForeground#ebdbb2
list.highlightForeground#ebdbb2ee
list.hoverBackground#3c3836
list.hoverForeground#d5c4a1
list.inactiveSelectionBackground#3c383680
progressBar.background#689d6a
sideBar.border#00000000
sideBar.foreground#D6C8ABDD
sideBarSectionHeader.background#333333
sideBarTitle.foreground#D6C8ABDD
statusBar.background#252526
statusBar.border#33333300
statusBar.debuggingBackground#fe8019
statusBar.debuggingBorder#1d202100
statusBar.debuggingForeground#1d2021
statusBar.foreground#ebdbb2bb
statusBar.noFolderBackground#1d2021
statusBar.noFolderBorder#1d202100
tab.activeBackground#151516
tab.activeForeground#ebdbb2
tab.inactiveBackground#252526
tab.inactiveForeground#a89984
terminal.ansiBlack#3c3836
terminal.ansiBlue#58c9cc
terminal.ansiBrightBlack#928374
terminal.ansiBrightBlue#61a9ab
terminal.ansiBrightCyan#90bd80
terminal.ansiBrightGreen#6fbe49
terminal.ansiBrightMagenta#d3869b
terminal.ansiBrightRed#c5282a
terminal.ansiBrightWhite#e9d9b3
terminal.ansiBrightYellow#d39539
terminal.ansiCyan#64ab8a
terminal.ansiGreen#538e37
terminal.ansiMagenta#b16286
terminal.ansiRed#f44a40
terminal.ansiWhite#a69785
terminal.ansiYellow#f7b948
terminal.background#252526
terminal.foreground#79ce50
textLink.activeForeground#ebdbb2
textLink.foreground#ebdbb2
titleBar.activeBackground#252526
titleBar.activeForeground#ebdbb2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text	#6e7066	italic
comment storage.type	#6e7066	—
comment entity.name.type	#c0c1b5	—
comment variable, comment variable.other	#c0c1b5	—
comment keyword, comment entity.name.tag, entity.name.tag.documentation	#c0c1b5	—
comment keyword.codetag.notation	#ae81ff	—
comment.git-status.header.remote	#f92672	—
comment.git-status.header.local	#66d9ef	—
comment.other.git-status.head	#fdfff1	—
string.quoted.docstring, string.quoted.docstring punctuation.definition	#6e7066	—
constant	#ae81ff	—
constant.other	#fdfff1	—
constant.other.caps	#ae81ff	—
constant.other.placeholder	#fd971f	—
constant.other.property	#ae81ff	—
constant.other.citation.latex	#ae81ff	—
constant.other.color	#ae81ff	—
constant.other.character-class.escape	#ae81ff	—
constant.other.key	#ae81ff	—
constant.other.symbol	#fd971f	—
constant.other.elm	#66d9ef	—
constant.numeric	#ae81ff	—
constant.language	#ae81ff	—
constant.character.escape	#ae81ff	—
constant.numeric.line-number.find-in-files	#57584f	—
constant.numeric.line-number.match.find-in-files	#e6db74	—
entity.name.section	#e6db74	—
entity.name.function, entity.name.function.templated, entity.name.function.member.static	#a6e22e	—
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace	#66d9ef	—
entity.name.label	#ae81ff	—
entity.name.function.preprocessor	#66d9ef	—
entity.name	#a6e22e	—
entity.name.class	#66d9ef	—
entity.name.constant	#ae81ff	—
entity.name.namespace	#fdfff1	—
entity.other.inherited-class	#66d9ef	italic
entity.name.function	#a6e22e	—
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component	#f92672	—
source.ansible entity.name.tag	#66d9ef	—
entity.name.function.operator	#f92672	—
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator	#919288	—
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value	#66d9ef	—
entity.other.attribute-name	#66d9ef	italic
entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, entity.other.animation-name.css	#a6e22e	—
entity.other.attribute-name.id.css	#fd971f	—
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css	#66d9ef	italic
entity.name.function, support.function	#a6e22e	—
entity.other.git-status.hex	#ae81ff	—
entity.other.jinja2.delimiter	#919288	—
entity.name.operator.custom-literal	#fdfff1	—
entity.name.operator.custom-literal.string	#e6db74	—
entity.name.operator.custom-literal.number	#ae81ff	—
entity.name.type.rust	#66d9ef	—
entity.name.lifetime.rust	#f92672	—
invalid	#f92672	italic underline
invalid.deprecated	#fd971f	italic underline
keyword	#f92672	—
keyword.control	#f92672	—
keyword.control.directive	#f92672	—
keyword.operator, keyword.operator.member, keyword.operator.new	#f92672	—
keyword.other.substitution	#919288	—
keyword.other.template.begin, keyword.other.template.end	#f92672	—
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext	#919288	—
keyword.other.parenthesis.elm	#919288	—
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust	#66d9ef	—
keyword.control.rust, keyword.operator.misc.rust	#f92672	—
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby	#f92672	—
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#e6db74	—
markup.raw	#fd971f	—
markup.underline	—	underline
markup.underline.link	#a6e22e	—
markup.inserted, markup.inserted punctuation.definition.inserted	#a6e22e	—
markup.deleted, markup.deleted punctuation.definition.deleted	#f92672	—
markup.changed, markup.changed punctuation.definition.changed	#e6db74	—
markup.ignored, markup.ignored punctuation.definition.ignored	#919288	—
markup.untracked	#919288	—
markup.quote	—	italic
meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js	#919288	—
meta.function-call.generic.python, support.function.builtin.python	#a6e22e	—
meta.function-call.python meta.function-call.arguments.python	#fdfff1	—
meta.interpolation	#fd971f	—
meta.instance.constructor	#a6e22e	—
meta.attribute-with-value.class string, meta.attribute.class.html string	#a6e22e	—
meta.attribute-with-value.id string, meta.attribute.id.html string	#fd971f	—
source.json meta.mapping.key string	#fdfff1	—
source.yaml meta.mapping.key string	#f92672	—
meta.object.member	#fdfff1	—
meta.property-list.css variable.other	#fd971f	—
entity.name.constant.preprocessor, meta.preprocessor	#ae81ff	—
meta.diff.git-diff.header	#e6db74	—
meta.type_params.rust	#fdfff1	—
meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string	#c0c1b5	—
meta.type variable, meta.type variable.other.readwrite	#ae81ff	—
punctuation	#919288	—
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css, punctuation.definition.block, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.separator.parameter, punctuation.accessor, punctuation.terminator	#919288	—
punctuation.definition.group	#fdfff1	—
punctuation.definition.comment	#6e7066	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#c0c1b5	—
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin	#fd971f	—
punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#f92672	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
markup.underline.link punctuation	#a6e22e	—
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array	#919288	—
region.redish	#f92672	—
region.orangish	#fd971f	—
region.yellowish	#e6db74	—
region.greenish	#a6e22e	—
region.bluish	#66d9ef	—
region.purplish	#ae81ff	—
region.pinkish	#f92672	—
region.whitish	#FFFFFF	—
source	#fdfff1	—
source.scss, source.sass	#919288	—
source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less	#fd971f	italic
source.git-show.commit.sha	#ae81ff	—
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file	#919288	—
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha	#ae81ff	—
source.git-show meta.diff.range.unified	#fd971f	—
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file	#919288	—
storage	#f92672	—
storage.type	#66d9ef	italic
storage.type.extends	#f92672	normal
storage.type.function.arrow	#f92672	normal
storage.modifier, storage.type.modifier	#f92672	italic
storage.class.restructuredtext.ref	#ae81ff	—
storage.modifier.visibility.rust, storage.modifier.lifetime.rust	#f92672	—
storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust	#66d9ef	—
storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust	#f92672	—
storage.modifier.import.java	#fdfff1	—
string	#e6db74	—
string.unquoted.label	#fdfff1	—
string source	#fdfff1	—
string source punctuation.section.embedded, string punctuation.definition.string source	#919288	—
string.other.link.title, string.other.link.description	#f92672	—
string.other.link.description.title	#66d9ef	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#f92672	—
string.other.ref, string.other.restructuredtext.ref	#a6e22e	—
string.other.git-status.help.key	#c0c1b5	—
string.other.git-status.remote	#f92672	—
support.constant	#66d9ef	—
support.constant.handlebars	#919288	—
support.type.vendor-prefix.css	#c0c1b5	—
support.function	#a6e22e	—
support.macro	#a6e22e	—
support.function.delimiter.elm	#919288	—
support.type, entity.name.type.object.console	#66d9ef	italic
support.variable, support.variable.property	#66d9ef	—
support.type.property-name	#fdfff1	normal
support.class	#66d9ef	—
support.constant.core.rust	#ae81ff	—
comment support, comment support.class	#6e7066	—
text	#fdfff1	—
text.find-in-files	#fdfff1	—
variable, variable.other	#fdfff1	—
variable.parameter, parameters variable.function	#fd971f	italic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python	#c0c1b5	italic
variable.language.arguments	#ae81ff	—
variable.other.class	#66d9ef	—
variable.other.constant	#ae81ff	—
variable.other.readwrite	#fdfff1	—
variable.other.member	#fdfff1	—
variable.other.enummember	#ae81ff	—
variable.other.property, variable.other.property.static, variable.other.event	#fdfff1	—
variable.function	#a6e22e	—
variable.other.substitution	#fd971f	—
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby	#ae81ff	—
source.jinja2 variable.other.jinja2.block	#a6e22e	—
source.jinja2 variable.other.jinja2	#fd971f	—

VS Code preview

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

PKsThemes — PKsTheme OneDark Pro

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

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.background#252526
activityBar.foreground#ebdbb2
activityBarBadge.background#458588
activityBarBadge.foreground#ebdbb2
breadcrumb.activeSelectionForeground#ebdbb2aa
breadcrumb.focusForeground#ebdbb2aa
breadcrumb.foreground#ebdbb244
button.background#45858880
button.foreground#ebdbb2
button.hoverBackground#45858860
diffEditor.diagonalFill#ddd1
diffEditor.insertedLineBackground#0f01
diffEditor.insertedTextBackground#0f01
diffEditor.removedLineBackground#f001
diffEditor.removedTextBackground#f001
diffEditorGutter.insertedLineBackground#0f02
diffEditorGutter.removedLineBackground#f002
dropdown.background#444
dropdown.foreground#ebdbb2
editor.background#151516
editor.findMatchBackground#83a59870
editor.findMatchHighlightBackground#fe801930
editor.findRangeHighlightBackground#83a59870
editor.hoverHighlightBackground#689d6a50
editor.lineHighlightBackground#8881
editor.selectionBackground#689d6a40
editor.wordHighlightBackground#fff1
editorBracketMatch.background#fff2
editorBracketMatch.border#0000
editorCodeLens.foreground#a8998490
editorCursor.foreground#ebdbb2
editorGutter.addedBackground#66971a
editorGutter.deletedBackground#fb4934
editorGutter.modifiedBackground#458588
editorIndentGuide.activeBackground1#a8998450
editorIndentGuide.background1#a8998400
editorLightBulb.foreground#8886
editorLineNumber.activeForeground#fff5
editorLineNumber.foreground#fff2
editorLink.activeForeground#ebdbb2
editorRuler.foreground#a8998418
editorWhitespace.foreground#a8998420
focusBorder#3c383600
foreground#ebdbb2bb
input.foreground#ebdbb2
input.placeholderForeground#ebdbb260
keybindingLabel.background#444
keybindingLabel.border#22222288
keybindingLabel.bottomBorder#22222288
keybindingLabel.foreground#ebdbb2
list.activeSelectionBackground#555
list.activeSelectionForeground#fdf1c7
list.dropBackground#3c3836
list.focusBackground#3c3836
list.focusForeground#ebdbb2
list.highlightForeground#ebdbb2ee
list.hoverBackground#3c3836
list.hoverForeground#d5c4a1
list.inactiveSelectionBackground#3c383680
progressBar.background#689d6a
sideBar.border#00000000
sideBar.foreground#D6C8ABDD
sideBarSectionHeader.background#333333
sideBarTitle.foreground#D6C8ABDD
statusBar.background#252526
statusBar.border#33333300
statusBar.debuggingBackground#fe8019
statusBar.debuggingBorder#1d202100
statusBar.debuggingForeground#1d2021
statusBar.foreground#ebdbb2bb
statusBar.noFolderBackground#1d2021
statusBar.noFolderBorder#1d202100
tab.activeBackground#151516
tab.activeForeground#ebdbb2
tab.inactiveBackground#252526
tab.inactiveForeground#a89984
terminal.ansiBlack#3c3836
terminal.ansiBlue#58c9cc
terminal.ansiBrightBlack#928374
terminal.ansiBrightBlue#61a9ab
terminal.ansiBrightCyan#90bd80
terminal.ansiBrightGreen#6fbe49
terminal.ansiBrightMagenta#d3869b
terminal.ansiBrightRed#c5282a
terminal.ansiBrightWhite#e9d9b3
terminal.ansiBrightYellow#d39539
terminal.ansiCyan#64ab8a
terminal.ansiGreen#538e37
terminal.ansiMagenta#b16286
terminal.ansiRed#f44a40
terminal.ansiWhite#a69785
terminal.ansiYellow#f7b948
terminal.background#252526
terminal.foreground#79ce50
textLink.activeForeground#ebdbb2
textLink.foreground#ebdbb2
titleBar.activeBackground#252526
titleBar.activeForeground#ebdbb2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded	#abb2bf	—
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison	#e06c75	—
variable.other.generic-type.haskell	#c678dd	—
storage.type.haskell	#d19a66	—
support.variable.magic.python	#e06c75	—
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python	#abb2bf	—
variable.parameter.function.language.special.self.python	#e5c07b	—
variable.parameter.function.language.special.cls.python	#e5c07b	—
storage.modifier.lifetime.rust	#abb2bf	—
support.function.std.rust	#61afef	—
entity.name.lifetime.rust	#e5c07b	—
variable.language.rust	#e06c75	—
support.constant.edge	#c678dd	—
constant.other.character-class.regexp	#e06c75	—
keyword.operator.word	#c678dd	—
keyword.operator.quantifier.regexp	#d19a66	—
variable.parameter.function	#abb2bf	—
comment markup.link	#5c6370	—
markup.changed.diff	#e5c07b	—
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff	#61afef	—
markup.inserted.diff	#98c379	—
markup.deleted.diff	#e06c75	—
meta.function.c,meta.function.cpp	#e06c75	—
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c	#abb2bf	—
punctuation.separator.key-value	#abb2bf	—
keyword.operator.expression.import	#61afef	—
support.constant.math	#e5c07b	—
support.constant.property.math	#d19a66	—
variable.other.constant	#e5c07b	—
storage.type.annotation.java, storage.type.object.array.java	#e5c07b	—
source.java	#e06c75	—
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java	#abb2bf	—
meta.method.java	#61afef	—
storage.modifier.import.java,storage.type.java,storage.type.generic.java	#e5c07b	—
keyword.operator.instanceof.java	#c678dd	—
meta.definition.variable.name.java	#e06c75	—
keyword.operator.logical	#56b6c2	—
keyword.operator.bitwise	#56b6c2	—
keyword.operator.channel	#56b6c2	—
support.constant.property-value.scss,support.constant.property-value.css	#d19a66	—
keyword.operator.css,keyword.operator.scss,keyword.operator.less	#56b6c2	—
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss	#d19a66	—
punctuation.separator.list.comma.css	#abb2bf	—
support.constant.color.w3c-standard-color-name.css	#d19a66	—
support.type.vendored.property-name.css	#56b6c2	—
support.module.node,support.type.object.module,support.module.node	#e5c07b	—
entity.name.type.module	#e5c07b	—
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node	#e06c75	—
support.constant.json	#d19a66	—
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof	#c678dd	—
support.type.object.console	#e06c75	—
support.variable.property.process	#d19a66	—
entity.name.function,support.function.console	#61afef	—
keyword.operator.misc.rust	#abb2bf	—
keyword.operator.sigil.rust	#c678dd	—
keyword.operator.delete	#c678dd	—
support.type.object.dom	#56b6c2	—
support.variable.dom,support.variable.property.dom	#e06c75	—
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational	#56b6c2	—
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp	#c678dd	—
punctuation.separator.delimiter	#abb2bf	—
punctuation.separator.c,punctuation.separator.cpp	#c678dd	—
support.type.posix-reserved.c,support.type.posix-reserved.cpp	#56b6c2	—
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp	#c678dd	—
variable.parameter.function.language.python	#d19a66	—
support.type.python	#56b6c2	—
keyword.operator.logical.python	#c678dd	—
variable.parameter.function.python	#d19a66	—
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python	#abb2bf	—
meta.function-call.generic.python	#61afef	—
constant.character.format.placeholder.other.python	#d19a66	—
keyword.operator	#abb2bf	—
keyword.operator.assignment.compound	#c678dd	—
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts	#56b6c2	—
keyword	#c678dd	—
entity.name.namespace	#e5c07b	—
variable	#e06c75	—
variable.c	#abb2bf	—
variable.language	#e5c07b	—
token.variable.parameter.java	#abb2bf	—
import.storage.java	#e5c07b	—
token.package.keyword	#c678dd	—
token.package	#abb2bf	—
entity.name.function, meta.require, support.function.any-method, variable.function	#61afef	—
entity.name.type.namespace	#e5c07b	—
support.class, entity.name.type.class	#e5c07b	—
entity.name.class.identifier.namespace.type	#e5c07b	—
entity.name.class, variable.other.class.js, variable.other.class.ts	#e5c07b	—
variable.other.class.php	#e06c75	—
entity.name.type	#e5c07b	—
keyword.control	#c678dd	—
control.elements, keyword.operator.less	#d19a66	—
keyword.other.special-method	#61afef	—
storage	#c678dd	—
token.storage	#c678dd	—
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void	#c678dd	—
token.storage.type.java	#e5c07b	—
support.function	#56b6c2	—
support.type.property-name	#abb2bf	—
support.type.property-name.toml, support.type.property-name.table.toml, support.type.property-name.array.toml	#e06c75	—
support.constant.property-value	#abb2bf	—
support.constant.font-name	#d19a66	—
meta.tag	#abb2bf	—
string	#98c379	—
constant.other.symbol	#56b6c2	—
constant.numeric	#d19a66	—
constant	#d19a66	—
punctuation.definition.constant	#d19a66	—
entity.name.tag	#e06c75	—
entity.other.attribute-name	#d19a66	—
entity.other.attribute-name.id	#61afef	—
entity.other.attribute-name.class.css	#d19a66	—
meta.selector	#c678dd	—
markup.heading	#e06c75	—
markup.heading punctuation.definition.heading, entity.name.section	#61afef	—
keyword.other.unit	#e06c75	—
markup.bold,todo.bold	#d19a66	—
punctuation.definition.bold	#e5c07b	—
markup.italic, punctuation.definition.italic,todo.emphasis	#c678dd	—
emphasis md	#c678dd	—
entity.name.section.markdown	#e06c75	—
punctuation.definition.heading.markdown	#e06c75	—
punctuation.definition.list.begin.markdown	#e5c07b	—
markup.heading.setext	#abb2bf	—
punctuation.definition.bold.markdown	#d19a66	—
markup.inline.raw.markdown	#98c379	—
markup.inline.raw.string.markdown	#98c379	—
punctuation.definition.raw.markdown	#e5c07b	—
punctuation.definition.list.markdown	#e5c07b	—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown	#e06c75	—
beginning.punctuation.definition.list.markdown	#e06c75	—
punctuation.definition.metadata.markdown	#e06c75	—
markup.underline.link.markdown,markup.underline.link.image.markdown	#c678dd	—
string.other.link.title.markdown,string.other.link.description.markdown	#61afef	—
markup.raw.monospace.asciidoc	#98c379	—
punctuation.definition.asciidoc	#e5c07b	—
markup.list.asciidoc	#e5c07b	—
markup.link.asciidoc,markup.other.url.asciidoc	#c678dd	—
string.unquoted.asciidoc,markup.other.url.asciidoc	#61afef	—
string.regexp	#56b6c2	—
punctuation.section.embedded, variable.interpolation	#e06c75	—
punctuation.section.embedded.begin,punctuation.section.embedded.end	#c678dd	—
invalid.illegal	#ffffff	—
invalid.illegal.bad-ampersand.html	#abb2bf	—
invalid.illegal.unrecognized-tag.html	#e06c75	—
invalid.broken	#ffffff	—
invalid.deprecated	#ffffff	—
invalid.deprecated.entity.other.attribute-name.html	#d19a66	—
invalid.unimplemented	#ffffff	—
source.json meta.structure.dictionary.json > string.quoted.json	#e06c75	—
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string	#e06c75	—
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation	#98c379	—
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json	#56b6c2	—
support.type.property-name.json	#e06c75	—
support.type.property-name.json punctuation	#e06c75	—
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade	#c678dd	—
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade	#c678dd	—
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php	#e5c07b	—
keyword.operator.error-control.php	#c678dd	—
keyword.operator.type.php	#c678dd	—
punctuation.section.array.begin.php	#abb2bf	—
punctuation.section.array.end.php	#abb2bf	—
invalid.illegal.non-null-typehinted.php	#f44747	—
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php	#e5c07b	—
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php	#61afef	—
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php	#abb2bf	—
support.constant.core.rust	#d19a66	—
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php	#d19a66	—
entity.name.goto-label.php,support.other.php	#61afef	—
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php	#56b6c2	—
keyword.operator.regexp.php	#c678dd	—
keyword.operator.comparison.php	#56b6c2	—
keyword.operator.heredoc.php,keyword.operator.nowdoc.php	#c678dd	—
meta.function.decorator.python	#61afef	—
support.token.decorator.python,meta.function.decorator.identifier.python	#56b6c2	—
function.parameter	#abb2bf	—
function.brace	#abb2bf	—
function.parameter.ruby, function.parameter.cs	#abb2bf	—
constant.language.symbol.ruby	#56b6c2	—
constant.language.symbol.hashkey.ruby	#56b6c2	—
rgb-value	#56b6c2	—
inline-color-decoration rgb-value	#d19a66	—
less rgb-value	#d19a66	—
selector.sass	#e06c75	—
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx	#e5c07b	—
block.scope.end,block.scope.begin	#abb2bf	—
storage.type.cs	#e5c07b	—
entity.name.variable.local.cs	#e06c75	—
token.info-token	#61afef	—
token.warn-token	#d19a66	—
token.error-token	#f44747	—
token.debug-token	#c678dd	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#c678dd	—
meta.template.expression	#abb2bf	—
keyword.operator.module	#c678dd	—
support.type.type.flowtype	#61afef	—
support.type.primitive	#e5c07b	—
meta.property.object	#e06c75	—
variable.parameter.function.js	#e06c75	—
keyword.other.template.begin	#98c379	—
keyword.other.template.end	#98c379	—
keyword.other.substitution.begin	#98c379	—
keyword.other.substitution.end	#98c379	—
keyword.operator.assignment	#56b6c2	—
keyword.operator.assignment.go	#e5c07b	—
keyword.operator.arithmetic.go, keyword.operator.address.go	#c678dd	—
keyword.operator.arithmetic.c, keyword.operator.arithmetic.cpp	#c678dd	—
entity.name.package.go	#e5c07b	—
support.type.prelude.elm	#56b6c2	—
support.constant.elm	#d19a66	—
punctuation.quasi.element	#c678dd	—
constant.character.entity	#e06c75	—
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class	#56b6c2	—
entity.global.clojure	#e5c07b	—
meta.symbol.clojure	#e06c75	—
constant.keyword.clojure	#56b6c2	—
meta.arguments.coffee, variable.parameter.function.coffee	#e06c75	—
source.ini	#98c379	—
meta.scope.prerequisites.makefile	#e06c75	—
source.makefile	#e5c07b	—
storage.modifier.import.groovy	#e5c07b	—
meta.method.groovy	#61afef	—
meta.definition.variable.name.groovy	#e06c75	—
meta.definition.class.inherited.classes.groovy	#98c379	—
support.variable.semantic.hlsl	#e5c07b	—
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl	#c678dd	—
text.variable, text.bracketed	#e06c75	—
support.type.swift, support.type.vb.asp	#e5c07b	—
entity.name.function.xi	#e5c07b	—
entity.name.class.xi	#56b6c2	—
constant.character.character-class.regexp.xi	#e06c75	—
constant.regexp.xi	#c678dd	—
keyword.control.xi	#56b6c2	—
invalid.xi	#abb2bf	—
beginning.punctuation.definition.quote.markdown.xi	#98c379	—
beginning.punctuation.definition.list.markdown.xi	#7f848e	—
constant.character.xi	#61afef	—
accent.xi	#61afef	—
wikiword.xi	#d19a66	—
constant.other.color.rgb-value.xi	#ffffff	—
punctuation.definition.tag.xi	#5c6370	—
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition	#e5c07b	—
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown	#e06c75	—
meta.brace.square	#abb2bf	—
comment, punctuation.definition.comment	#7f848e	—
markup.quote.markdown	#5c6370	—
punctuation.definition.block.sequence.item.yaml	#abb2bf	—
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir	#56b6c2	—
entity.name.variable.parameter.cs	#e5c07b	—
entity.name.variable.field.cs	#e06c75	—
markup.deleted	#e06c75	—
markup.inserted	#98c379	—
markup.underline	—	underline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#BE5046	—
support.other.namespace.php	#abb2bf	—
variable.parameter.function.latex	#e06c75	—
variable.other.object	#e5c07b	—
variable.other.constant.property	#e06c75	—
entity.other.inherited-class	#e5c07b	—
variable.other.readwrite.c	#e06c75	—
entity.name.variable.parameter.php,punctuation.separator.colon.php,constant.other.php	#abb2bf	—
constant.numeric.decimal.asm.x86_64	#c678dd	—
support.other.parenthesis.regexp	#d19a66	—
constant.character.escape	#56b6c2	—
string.regexp	#e06c75	—
log.info	#98c379	—
log.warning	#e5c07b	—
log.error	#e06c75	—
keyword.operator.expression.is	#c678dd	—
entity.name.label	#e06c75	—
support.class.math.block.environment.latex, constant.other.general.math.tex	#61afef	—
constant.character.math.tex	#98c379	—