XSLT Dark Themes

Name: XSLT Dark Themes
Author: DeltaXignia

Publisher: DeltaXigniaThemes in package: 10

Popular dark color themes enhanced for XSLT/XPath semantic tokens

Open in VS Code GitHub

Color themes

VS Code preview

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

XSLT Dark Themes — X Zenburn

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#313633
activityBarBadge.background#7f9f7f
activityBarBadge.foreground#313633
badge.background#7f9f7f
badge.foreground#313633
editor.background#3f3f3f
editor.foreground#dedede
editor.lineHighlightBackground#303030
editor.selectionBackground#8383839c
editorCursor.foreground#8faf9f
editorGutter.addedBackground#87ae86
editorGutter.deletedBackground#cc9393
editorGutter.modifiedBackground#e7c4a1
editorIndentGuide.activeBackground#a5a5a5b2
editorIndentGuide.background#a5a5a532
editorLineNumber.activeForeground#9e8f68
editorLineNumber.foreground#90907e
editorSuggestWidget.background#2c2e2e
editorSuggestWidget.foreground#9f9f9f
editorSuggestWidget.highlightForeground#dfdfbf
editorSuggestWidget.selectedBackground#242424
editorWhitespace.foreground#a5a5a552
gitDecoration.addedResourceForeground#87ae86
gitDecoration.conflictingResourceForeground#cc9393
gitDecoration.deletedResourceForeground#cc9393
gitDecoration.ignoredResourceForeground#7f9f7f
gitDecoration.modifiedResourceForeground#fffb9d
gitDecoration.submoduleResourceForeground#fffb9d
gitDecoration.untrackedResourceForeground#87ae86
sideBar.background#3a3a3a
statusBar.background#2e3330
statusBar.foreground#87ae86
statusBar.noFolderBackground#2e3330
tab.activeForeground#dcdccc
tab.inactiveBackground#353535
terminal.ansiBlue#8cd0d3
terminal.ansiBrightBlue#8cd0d3
terminal.ansiBrightCyan#8cd0d3
terminal.ansiBrightGreen#7f9f7f
terminal.ansiBrightMagenta#dca3a3
terminal.ansiBrightRed#ecbcbc
terminal.ansiBrightYellow#f0dfaf
terminal.ansiCyan#8cd0d3
terminal.ansiGreen#7f9f7f
terminal.ansiMagenta#dca3a3
terminal.ansiRed#ecbcbc
terminal.ansiYellow#f0dfaf
terminal.foreground#dcdccc
terminal.selectionBackground#686868aa

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#87AE86	—
meta.preprocessor.c	#FD8003	—
keyword.other.phpdoc	#568E4D	—
punctuation.definition.comment, punctuation.whitespace.comment	#A0CFA1	—
punctuation.section.embedded	#898989	—
source.ruby.embedded	#CC9495	—
keyword.other.directive	#DEDEDE	bold
keyword.other.directive.line-number	—	underline
constant.character	#FF8080	—
string, string.unquoted	#D68686	—
string.unquoted.heredoc	#D6D6D6	—
constant.numeric	#87D6D5	—
constant.language, support.constant.core	#D6D6AE	bold
constant.character, constant.other, support.constant	#CC9495	—
keyword, keyword.control , meta.selector.css , entity.other.attribute-name	#FED6AF	—
entity.name.module,support.other.module	#FF8000	bold
keyword.operator	#ECECEC	—
source.ocaml keyword.operator.symbol.infix.floating-point	—	underline
source.ocaml keyword.operator.symbol.prefix.floating-point	—	underline
storage.type , storage.modifier , support.type	#FFFB9D	—
entity.name.class.variant	#4080A0	—
storage	—	—
entity.name.type , entity.other	#D6D6D6	—
entity.other.inherited-class	#D78D1B	—
storage.type.user-defined , meta.property-list	#FFE000	—
entity.name.type , entity.name.type.class , entity.other.attribute-name.class.css , support.class	#F4A020	—
variable.parameter	—	—
invalid	#FF5274	bold italic underline
entity.other.attribute-name.html	#D6D7AF	bold
entity.name.tag	#D6D7AF	—
punctuation.section.embedded.begin.php,punctuation.section.embedded.end.php	#898989	—
variable, variable.parameter, variable.other	#FED6AF	—
support.function.construct	#FED6AF	—
punctuation.definition.variable	#FED6AF	—
support.function,meta.function-name,entity.name.function	#FFFD87	—
support.function	#C7BA18	—
meta.brace	#78CECC80	—
punctuation.definition.string.begin,punctuation.definition.string.end	#D6D6D680	—
punctuation.definition.tag.begin.html,punctuation.definition.tag.end.html,meta.tag.structure.any.html	#FED5AE94	bold
entity.name.tag.yaml	#FED6AF	bold
punctuation.definition.entry	#D6D6D6	—
keyword.other.DML.sql, keyword.other.data-integrity.sql	#B7B7B7	bold
source.sql, constant.other.database-name.sql, constant.other.table-name.sql, keyword.operator.star	#95BFF3	bold
source.diff	#FFFFFF	—
source.diff meta.diff.comment, source.diff meta.toc-list.comment.diff	#FFFFFF	—
meta.diff.header.from-file	#CA7172	bold
meta.diff.header.to-file	#60B38A	bold
meta.diff.range.unified	#8CD0D3	—
markup.inserted.diff	#60B38A	—
markup.deleted.diff	#CA7172	—
string.regexp	#C76F41	—
string.regexp.arbitrary-repitition	#9E6A5F	—
punctuation.definition.arbitrary-repitition	#FFFFFF5E	—
string.regexp.character-class	#CB8E81	—
punctuation.definition.character-class	#FFFFFF5E	—
markup.raw.inline.markdown	#FED6AF	—
markup.heading.markdown,punctuation.definition.heading	#FFFFFF	bold
markup.list	#DEDEDE	—
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—
keyword.other.DML.sql	#E3CEAB
source.sql	#DCDCCC
constant.other.table-name.sql	#DCDCCC
constant.other.database-name.sql	#DCDCCC
beginning.punctuation.definition.list.markdown	#E3CEAB	—
punctuation.definition.heading	#8F8F8F	—
variable.other	#DCDCCC	—
storage.type	#EFDCBC	—
storage.type.type	—	bold
keyword.control.export	—	bold
keyword.control.conditional	—	bold
support.function	#DCDCCC	—
string	#CC9393	—
storage.type.function	#EFEF8F	—
entity.name.function	#DCDCCC	—
keyword.control	#E3CEAB	—
keyword.operator	#F0EFD0	—
entity.name.type	#DCDCCC	—
support.class	#DCDCCC	—
variable.parameter	#DCDCCC	—
punctuation.definition.comment	#7F9F7F	italic
comment	#7F9F7F	italic
entity.name.type.class	#DCDCCC	—
entity.other.inherited-class	#DCDCCC	—
storage.modifier	#F0DFAF	bold
storage.type	#F0DFAF	bold
support.type	#DFDFBF	bold
variable.object.property	#DCDCCC	—
punctuation.definition.string.begin	#CC9393	—
punctuation.definition.string.end	#CC9393	—
meta.tag.sgml.doctype.html	#7F9F7F	—
keyword.other.unit	#87D6D5	—
entity.name.tag.css	#E3CEAB	—
entity.name.tag.structure.any.html	#E3CEAB
punctuation.definition.tag.begin.html	#EFEF8FBB	—
punctuation.definition.tag.end.html	#EFEF8FBB	—
meta.tag.structure.any.html	#EFEF8FBB	—
support.type.property-name.css	#C3BF9F	bold
meta.property-value.css	#DCDCCC	—
meta.property-list.css	#DCDCCC	—
support.constant.property-value.css	#DCA3A3	bold
constant.other	#DCA3A3	bold
entity.other.attribute-name.class.css	#EFEF8F	—
punctuation.section.property-list.begin.bracket.curly.css	#EFEF8F	—
punctuation.section.property-list.end.bracket.curly.css	#EFEF8F	—
storage.type.function	—
keyword.control.flow.python	#C3BF9F	bold
keyword.control.import.python	#DFAF8F	bold
storage.type.function.python	#E3CEAB	bold
entity.name.function.python	#EFEF8F	—
support.function.builtin.python	#EFEF8F	—

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