WinClassic Theme

Name: WinClassic Theme
Author: disk0

Publisher: disk0Themes in package: 1

Windows Classic flavored theme built around MacClassic Theme's color palette

Open in VS Code GitHub

VS Code preview

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

WinClassic Theme — WinClassic

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#007ACC
activityBar.activeBorder#007ACC
activityBar.activeFocusBorder#DDDDDD
activityBar.background#D4D0C8
activityBar.border#867E6E
activityBar.dropBorder#E0DCD4
activityBar.foreground#EAE8E8CC
activityBar.inactiveForeground#EAE8E8
activityBarBadge.background#007ACC
activityBarBadge.foreground#EDEDED
badge.background#C5060B
badge.foreground#EFEFEF
contrastBorder#4499FF33
editor.background#EFEFEF
editor.findMatchHighlightBackground#FFE6BBBB
editor.findMatchHighlightBorder#FFE6BBBB
editor.findRangeHighlightBackground#B4B4B44B
editor.foldBackground#4499FF10
editor.foreground#000000
editor.lineHighlightBackground#E4E4E490
editor.lineHighlightBorder#E4E4E400
editor.rangeHighlightBackground#66BBFF55
editor.selectionBackground#4499FF55
editor.wordHighlightBackground#44AAFF40
editor.wordHighlightBorder#003E6A40
editor.wordHighlightStrongBackground#4499FF55
editor.wordHighlightStrongBorder#4499FF00
editorCodeLens.foreground#444444
editorCursor.background#EFEFEF
editorCursor.foreground#003E6A
editorIndentGuide.activeBackground#0018A260
editorIndentGuide.background#C6DDFF80
editorLineNumber.foreground#808080
editorOverviewRuler.border#C8C8C8
editorOverviewRuler.wordHighlightStrongForeground#003E6A
editorSuggestWidget.background#F3F3F3
editorSuggestWidget.border#C8C8C8
editorSuggestWidget.focusHighlightForeground#003E6A
editorSuggestWidget.foreground#222222
editorSuggestWidget.highlightForeground#000030
editorSuggestWidget.selectedBackground#0066FF22
editorSuggestWidget.selectedForeground#222222
editorWhitespace.foreground#003E6A20
editorWidget.background#EDEDED
editorWidget.border#40404020
editorWidget.foreground#222222
editorWidget.resizeBorder#00000000
errorForeground#990000
input.background#FFFFFF
input.border#C8C8C8
input.foreground#222222
input.placeholderForeground#C8C8C8
inputOption.activeBackground#66BBFF55
inputOption.activeForeground#867E6E
list.activeSelectionBackground#0066FF
list.activeSelectionForeground#EEEEEE
list.dropBackground#C6DEFF
list.errorForeground#990000
list.focusBackground#0066FF22
list.focusForeground#080707
list.highlightForeground#404040
list.hoverBackground#00000011
list.hoverForeground#404040
list.inactiveFocusBackground#EEEEEE
list.inactiveSelectionBackground#0066FF22
list.inactiveSelectionForeground#404040
list.invalidItemForeground#990000
list.warningForeground#BB8800
listFilterWidget.background#EEEEEE
listFilterWidget.noMatchesOutline#990000
listFilterWidget.outline#808080
menu.background#EEEEEE
menu.foreground#404040
menu.selectionBackground#00000011
menu.selectionForeground#404040
quickInput.background#F3F3F3
quickInput.foreground#222222DD
quickInputList.focusBackground#0066FF22
quickInputList.focusForeground#222222
scrollbar.shadow#00000055
scrollbarSlider.activeBackground#00000020
scrollbarSlider.background#6F6F6F99
scrollbarSlider.hoverBackground#00000010
sideBar.background#EEEEEE
sideBar.border#DEDEDE88
sideBar.dropBackground#C6DEFF
sideBar.foreground#404040
sideBarSectionHeader.background#DEDEDE
sideBarSectionHeader.border#80808000
sideBarSectionHeader.foreground#404040DD
statusBar.background#0000A2
statusBar.foreground#E9E9E9
statusBar.noFolderBackground#0000A2
statusBar.noFolderForeground#E9E9E9
terminal.ansiBlack#000000
terminal.ansiBlue#0451A5
terminal.ansiBrightBlack#666
terminal.ansiBrightBlue#0066FF
terminal.ansiBrightCyan#0598BC
terminal.ansiBrightGreen#14CE14
terminal.ansiBrightMagenta#DB05DB
terminal.ansiBrightRed#D51015
terminal.ansiBrightWhite#EDEDED
terminal.ansiBrightYellow#FF7E00
terminal.ansiCyan#0598BC
terminal.ansiGreen#00BC41
terminal.ansiMagenta#BC05BC
terminal.ansiRed#CD3131
terminal.ansiWhite#BBB
terminal.ansiYellow#CC5500
terminal.background#EDEDED
terminal.border#66666611
terminal.foreground#111111
terminal.selectionBackground#4499FF55
terminalCursor.background#000000AA
terminalCursor.foreground#4499FF55
titleBar.activeBackground#D4D0C8
titleBar.activeForeground#867E6E
tree.indentGuidesStroke#00000011

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#0066FF	italic
keyword, storage	#0000FF	bold
constant.numeric	#0000CD
constant	#C5060B	bold
constant.language	#585CF6	bold
variable.language, variable.other	#318495
string	#036A07
constant.character.escape, string source	#26B31A
meta.preprocessor	#1A921C
keyword.control.import	#0C450D	bold
entity.name.function, support.function.any-method	#1E39F6	bold
entity.name.type	—	underline
entity.other.inherited-class	—	italic
variable.parameter	—	italic
storage.type.method	#70727E
meta.section entity.name.section, declaration.section entity.name.section	—	italic
support.function	#3C4C72	bold
support.class, support.type	#6D79DE	bold
support.constant	#06960E	bold
support.variable	#21439C	bold
keyword.operator.js	#687687	—
invalid	#990000	—
invalid.deprecated.trailing-whitespace	—	—
text source, string.unquoted	—	—
text source string.unquoted, text source text source	—	—
meta.tag.preprocessor.xml	#68685B
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string	#888888
string.quoted.docinfo.doctype.DTD	—	italic
meta.tag, declaration.tag	#1C02FF
entity.name.tag	—	bold
entity.other.attribute-name	—	italic
markup.heading	#0C07FF	bold
markup.quote	#000000	italic
markup.list	#B90690	—
token.info-token	#316BCD	—
token.warn-token	#CD9731	—
token.error-token	#CD3131	—
token.debug-token	#800080	—
comment	#408CFF	—
string	#036A07	—
constant.numeric	#D51015	—
entity.name.type	#CF0E00	—
entity.name.class	#CF0E00	—
support.type	#CF0E00	—
support.class	#CF0E00	—
entity.name.function	#1E39F6	—
support.function	#1E39F6	—
variable.parameter	#D51015	—
meta.class entity.name.type.class.js	#1E39F6	—
meta.method.declaration storage.type.js	#1E39F6
meta.js punctuation.definition.js	#318495	—
entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc	#318495	—
variable.other.jsdoc, variable.other.phpdoc	#318495	—
variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other	#6E79F1	—
variable.parameter.function.js	#B60DFC	—
variable.other.readwrite.js	#D51015	—
variable.other.object.js, variable.other.object.jsx, variable.object.property.js, variable.object.property.jsx	#D51015	—
variable.js, variable.other.js	#318495	—
entity.name.type.js, entity.name.type.module.js	#FF9C31	—
support.class.js	#0000A2	—
support.type.property-name.json	#0000A2	bold
meta.structure.dictionary.json meta.structure.dictionary.value constant.language	#D51015	italic
string.regexp, string.regexp keyword.other	#E18AC7	—
entity.name.tag.yaml	#0000A2	bold
punctuation.definition.comment.shebang, comment.line.number-sign.shebang	#CF0E00	italic bold
entity.other.attribute-name	#B90690	italic
invalid.illegal, invalid.illegal.unrecognized	#F00	italic bold underline
meta.object-literal.key	#262C60
meta.object.member.js meta.object-literal.key.js entity.name.function.js	#172BC0	bold
keyword.control.import.js, meta.function-call.js support.function.js	#1E39F6	bold
meta.function-call.js support.class.console	#125CDC	bold
comment.line.double-dash.lua keyword.other.documentation	#318495	italic bold
keyword.control.import	#1E39F6	bold
keyword.control.import.from	#1E39F6	bold italic
meta.structure.dictionary.json support.type.property-name.json constant.character.escape.json	#26B31A
meta.structure.dictionary.json support.type.property-name.json	#172BC0
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#262C60
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	#172BC0
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	#262C60
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	#1528B4
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	#262C60
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	#0000A2
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	#262C60
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	#0000A2
source.stylus meta.property-list.css variable.stylus, source.stylus meta.property-list.css meta.property-value variable.stylus, source.stylus meta.function variable.stylus	#132BE1
source.stylus variable.stylus	#1121D5	bold italic
source.stylus meta.property-list support.function.mixin.stylus	#1F5279
source.stylus meta.property-list.css meta.property-key.css	#0676A5
source.stylus support.type.property-name	#000044
source.stylus meta.property-value	#0000A2
source.stylus meta.property-value support.constant.property-value	#0000A2	italic
source.stylus meta.property-value punctuation.separator.key-value	#450C0C	bold
source.stylus constant.numeric.css	#D51015	bold
source.stylus constant keyword.other.unit	#C51117
source.stylus entity.other.attribute-name.class	#318495	italic
source.stylus entity.other.attribute-name.id	#D51015
source.stylus entity.name.tag	#0000FF	bold
source.stylus meta.interpolation	#318495	bold underline
source.stylus meta.brace	#000000
source.stylus meta.at-rule punctuation.definition.keyword	#0000FF
entity.other.control.anchors	#FF0000	bold
constant.character.escape.general	—	underline
support.operator.quantifier.regexp	#0000FF	bold
meta.regexp.group string.regexp constant.other.assertion.regexp, meta.group.regexp meta.group.assertion.regexp punctuation.definition.group.assertion.regexp meta.assertion.negative-look-ahead.regexp, meta.group.regexp meta.group.assertion.regexp punctuation.definition.group.regexp, source.js meta.group meta.assertion.negative-look-behind.regexp, source.jsx meta.group meta.assertion.negative-look-behind.regexp, source.js meta.group.regexp punctuation.definition.group.regexp, source.js meta.var.expr.js string.regexp.js meta.group.assertion.regexp punctuation.definition.group.assertion.regexp meta.assertion.negative-look-ahead.regexp, source.js meta.var.expr.js string.regexp.js meta.group.regexp punctuation.definition.group.regexp	#0088AA	bold
meta.regexp.group string constant.other variable.other, source.js string.regexp.js meta.group.regexp punctuation.definition.group.regexp variable.other	#D51015	bold underline
meta.regexp.group keyword.other.subexp-call.regexp	#D51015	bold
meta.regexp.group keyword.other.backref variable.other, meta.regexp.group keyword.other.subexp-call.regexp variable.other, meta.group.regexp meta.group.assertion.regexp keyword.other.back-reference.regexp	#D51015	underline
meta.regexp.group storage.type.regexp.group, punctuation.definition.group.regexp.shell, source.js meta.var.expr.js string.regexp.js meta.group.regexp punctuation.definition.group.regexp	#E18AC7
string.regexp.set, string.regexp.set.js, source.js string.regexp meta.group.assertion constant.other.character-class.set punctuation.definition.character-class.regexp	#6E79F1
source.js string.regexp.js meta.group.assertion.regexp constant.other.character-class.set.regexp, source.js meta.var.expr.js string.regexp.js meta.group.regexp, source.shell meta.var.expr.js string.regexp.js meta.group.regexp	#0000A2
keyword.control.anchor.regexp	#00D	bold
punctuation.definition.group.no-capture.regexp.shell	#D53053	italic
punctuation.definition.character-class.named.regexp.shell	#0000A2	italic
constant.other.character-class.set.regexp.shell constant.other.character-class.range.regexp.shell	#0088AA	bold
punctuation.definition.character-class.regexp.shell, constant.other.character-class.set.regexp.shell keyword.operator.negation.regexp.shell	#C00
constant.other.character-class.set.regexp.shell	#0A0
source.json-tmlanguage meta.definition.error.data.json-tmlanguage	#0000A2
log.debug	#00CC44	—
log.error	—	—
log.exception	—	—
log.info	#2371BB	—
log.string	#036A07	—
log.exceptiontype	#E97305	—
log.warning	#D85306	—
entity.other.captures.yaml-tmlanguage, entity.other.captures.json-tmlanguage, entity.other.captures.tmlanguage	#1F5279	bold
keyword.other.definition.ini	#0000DD
entity.name.function.ruby	#CC0000	bold
source.ini entity.name.section.group-title punctuation.definition.entity, source.ini entity.name.section.group-title	#C5060B	—
source.toml meta.array.table.toml variable.key, source.toml punctuation.definition.array.table.toml, source.toml meta.array.table punctuation.separator.dot.toml	#BB0066	italic
source.toml meta.table.toml punctuation.definition.table.toml, source.toml meta.table.toml punctuation.separator.dot	#C5060B
source.toml meta.table.toml variable.key	#C5060B	bold
source.toml variable.key	#0000A2
source punctuation.decorator	#B90690EE	italic bold
source meta.decorator meta.brace.round	#000000	italic
meta.decorator entity.name.function	#B90690DD	italic
meta.decorator entity.name.function, meta.decorator variable.other.readwrite	#B90690	italic
constant.other.character-class.set.regexp keyword.operator.negation.regexp, constant.other.character-class.set.regexp punctuation.definition.character-class.regexp	#A00
constant.other.character-class.set.regexp	#0C0
constant.other.character-class.set.regexp constant.other.character-class.regexp	#172BC0	bold
constant.other.character-class.set.regexp constant.character.escape.backslash.regexp	#A10000	italic
source.ts meta string.regexp keyword.other.js, source.ts meta string.regexp keyword.other.ts, source.js meta string.regexp keyword.other.ts, source.js meta string.regexp keyword.other.js	#C5060B	italic
markup.bold.markdown	—	bold
markup.italic.markdown	—	italic
markup.italic.markdown markup.bold.markdown, markup.bold.markdown markup.italic.markdown	—	bold italic
markup.italic.markdown punctuation.definition.bold.markdown	—
meta.selector.css entity.other.attribute-name.class.css	#1E39F6
meta.selector.css entity.other.attribute-name.id.css	#CF0E00	italic bold
meta.selector.css entity.name.tag.css	#3C4C72	underline
entity.other.attribute-name.pseudo-element.css	#318495	italic bold
keyword.other.important.css	#1E39F6	italic
meta.property-name.css support.type.property-name.css	#0000A2
support.constant.property-value.css	#06960E
markup.inline.raw.string.markdown	#0000A2	—
markup.quote.markdown	#000050	italic
punctuation.definition.quote.begin.markdown	#00F	italic bold
meta.scope.subshell punctuation.definition.subshell	#145
source.shell string.quoted.double.shell punctuation.definition.variable punctuation.section.bracket.curly.variable.begin.shell, source.shell string.quoted.double.shell punctuation.section.bracket.curly.variable.begin.shell, source.shell string.quoted.double.shell punctuation.section.bracket.curly.variable.end.shell	#B90690
source.shell string.quoted.double.shell keyword.operator.expansion.shell	#B9069080
source.yaml-tmlanguage entity.other.control.anchors.regexp, source.yaml-tmlanguage constant.character.escape.special.regexp	#26B31A	bold
comment.block.documentation.ts markup.fenced_code.block punctuation.definition.markdown, comment.block.documentation.js markup.fenced_code.block punctuation.definition.markdown	#408CFF
comment.block.documentation.ts markup.fenced_code.block, comment.block.documentation.js markup.fenced_code.block	#222
comment.block.documentation.ts markup.fenced_code.block fenced_code.block.language.markdown, comment.block.documentation.js markup.fenced_code.block fenced_code.block.language.markdown	#06A	italic bold
comment.block.documentation.ts markup.fenced_code.block meta.objectliteral, comment.block.documentation.js markup.fenced_code.block meta.objectliteral	#318495
source.svelte source.js entity.name.label.js, source.svelte source.ts entity.name.label.ts	#E00	bold
source.ts meta.namespace.declaration storage.type.internaldeclaration punctuation.decorator.internaldeclaration, source.ts meta.namespace.declaration storage.type.internaldeclaration, source.js meta.namespace.declaration storage.type.internaldeclaration punctuation.decorator.internaldeclaration, source.js meta.namespace.declaration storage.type.internaldeclaration	#B90690	italic bold
source.ts punctuation.accessor.optional.ts, source.js punctuation.accessor.optional.js	#B90690	italic
source.rust meta.attribute.rust	#029A
source.rust entity.name.function.rust	#C00
source.rust keyword.operator.misc	#118
source.rust keyword.operator.sigil.rust	#00D	italic
source.rust entity.name.type	#D00	underline
source.rust meta.type_params	#D00	italic
source.rust storage.type.core	#00D	underline bold
source.rust support.constant.core.rust	#C00	bold underline
source.rust string.quoted.double.raw.rust	#038A07	—
source.ts meta meta.type.tuple entity.name.label	#C00	italic underline
source.ts variable.language.super, source.js variable.language.super	#CC0000	italic underline
text.gitconfig meta.section.header.gitconfig entity.name.section	#C5060B	italic bold
text.gitconfig meta.section.header.gitconfig	#C5060B
text.gitconfig meta.section.header.gitconfig punctuation.section.brace.bracket.square.begin.gitconfig, text.gitconfig meta.section.header.gitconfig punctuation.section.brace.bracket.square.end.gitconfig	#C5060B	—
source.python string.quoted.double.block.python	#036A07A0
source.python string.quoted.double.block.python punctuation.definition.string.begin, source.python string.quoted.double.block.python punctuation.definition.string.end	#036A0780
source.yaml-tmlanguage meta.name-main.yaml-tmlanguage string.other.quoted-or-unquoted.yaml-tmlanguage keyword.other.name.yaml-tmlanguage	#0000CC	bold
source.yaml-tmlanguage meta.name-main.yaml-tmlanguage keyword.control.definition.yaml-tmlanguage	#0000CCAA	—
source.yaml-tmlanguage meta.name-main.yaml-tmlanguage entity.other.name.yaml-tmlanguage	#0000FF	bold underline
source.yaml-tmlanguage meta.repository-block.yaml-tmlanguage string.other.quoted-or-unquoted.yaml-tmlanguage entity.other.repository.yaml-tmlanguage	#0000CC	bold
source.yaml-tmlanguage meta.repository-block.yaml-tmlanguage keyword.control.definition.yaml-tmlanguage	#0000CCAA	—
source.yaml-tmlanguage meta.include.yaml-tmlanguage string.other.quoted-or-unquoted.yaml-tmlanguage keyword.other.include.yaml-tmlanguage	#AA0088	italic
source.yaml-tmlanguage meta.include.yaml-tmlanguage keyword.control.definition.yaml-tmlanguage	#AA0088AA	italic
source.yaml-tmlanguage meta.include.yaml-tmlanguage meta.value.yaml-tmlanguage string.other.quoted-or-unquoted.yaml-tmlanguage, source.yaml-tmlanguage meta.include.yaml-tmlanguage meta.value.yaml-tmlanguage string.other.quoted-or-unquoted.yaml-tmlanguage variable.other.include.yaml-tmlanguage	#CC000033
source.yaml-tmlanguage meta.include.yaml-tmlanguage meta.value.yaml-tmlanguage string.other.quoted-or-unquoted.yaml-tmlanguage variable.other.include.yaml-tmlanguage	#CC0000	bold
source.yaml-tmlanguage meta.repository-block.yaml-tmlanguage meta.match.yaml-tmlanguage punctuation.definition.string.yaml-tmlanguage	#036A07	—
source.yaml-tmlanguage meta.include.yaml-tmlanguage meta.value.yaml-tmlanguage string.other.quoted-or-unquoted.yaml-tmlanguage punctuation.definition.string.yaml-tmlanguage	#036A07	—
source.yaml-tmlanguage meta.repository-block.yaml-tmlanguage meta.name.yaml-tmlanguage meta.value.yaml-tmlanguage string.other.quoted-or-unquoted.yaml-tmlanguage	#000088	—
source.powershell meta.hashtable.powershell meta.scriptblock.powershell keyword.operator.assignment.powershell	#000088	bold
source.powershell punctuation.section.bracket.end.powershell, source.powershell punctuation.section.bracket.begin.powershell	#444	—
source.powershell keyword.operator.other.powershell	#005
meta.import.js variable.other.readwrite.alias.js, meta.import.jsx variable.other.readwrite.alias.jsx	#D00	italic bold
meta.import.js meta.block.js variable.other.readwrite.alias.js, meta.import.jsx meta.block.js variable.other.readwrite.alias.jsx	#03D	italic bold
meta.class.ts entity.other.inherited-class.ts, meta.class.tsx entity.other.inherited-class.tsx, meta.class.js entity.other.inherited-class.js, meta.class.jsx entity.other.inherited-class.jsx	#CF0E00	underline italic
markup.fenced_code.block variable.language.this.ts, markup.fenced_code.block variable.language.this.tsx, markup.fenced_code.block variable.language.this.js, markup.fenced_code.block variable.language.this.jsx	#0000C0	bold italic
markup.fenced_code.block.markdown punctuation.definition.markdown	#26B31A	bold
markup.fenced_code.block.markdown fenced_code.block.language.markdown	#E18AC7	italic underline
source.powershell meta.embedded	#555555
keyword.control.bats	#DD0099	bold underline italic
support.function.bats	#d41515	italic
support.variable.bats	#DD0000	italic
source.m4 meta.scope.logical-expression.shell	#CC2222	italic
source.m4 punctuation.definition.logical-expression.shell	#AA0000	bold
source.shell punctuation.definition.logical-expression.shell	#CC0000	bold
source.shell constant.other.option.shell, source.shell constant.other.option.dash.shell	#0000AA
source.shell keyword.operator.expansion.shell	#CC0000
source.shell punctuation.section.bracket.curly.variable.begin, source.shell punctuation.section.bracket.curly.variable.end	#AA0000	bold
constant.other.placeholder.go	#CC0000	bold italic
source.go punctuation.other, source.go punctuation.definition.begin, source.go punctuation.definition.end	#0000CC
source.go punctuation.definition.begin, source.go punctuation.definition.end	#000088
source.go support.function	#CC0000
source.go entity.name.import	#0000FF	underline
keyword.operator.null-conditional.cs	#B90690	italic bold
variable.css	#AA0000	italic
variable.argument.css	#318495	—
comment.line.double-dash.lua variable.lua	#CC0000	underline
comment.line.double-dash.lua storage.type.generic.lua	#CC0000	bold underline
comment.line.double-dash.lua entity.name.variable.lua	#318495	italic
comment.line.double-dash.lua keyword	#0000DDCC
variable.other.table.property.lua	#1545ac	italic bold
entity.name.function	#D51015	bold
meta.function-call.lua entity.name.function	#1f41b1	bold
comment.line.double-dash variable.lua	#CC0000	bold underline

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