Limelight Studios Dark

Name: Limelight Studios Dark
Author: limelightstudios

Publisher: limelightstudiosThemes in package: 1

A dark theme made for Visual Studio Code, currently supports HTML, CSS, Javascript and C#

Open in VS Code GitHub

VS Code preview

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

Limelight Studios Dark — Limelight Studios Dark

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#171a22
activityBar.dropBackground#6c6f9380
activityBar.foreground#666666
activityBarBadge.background#ff557a
activityBarBadge.foreground#06060c
badge.background#171a22
badge.foreground#d5d8da
breadcrumbPicker.background#232530
button.background#171a22
button.foreground#666666
button.hoverBackground#20232f
debugToolBar.background#1c1e26
diffEditor.insertedTextBackground#09f7a01a
diffEditor.removedTextBackground#f43e5c1a
dropdown.background#232530
dropdown.listBackground#2e303e
editor.background#20232f
editor.findMatchBackground#6c6f9380
editor.findMatchHighlightBackground#6c6f934d
editor.findRangeHighlightBackground#6c6f931a
editor.hoverHighlightBackground#6c6f934d
editor.lineHighlightBackground#2e303e4d
editor.rangeHighlightBackground#2e303e80
editor.selectionBackground#464a6bb3
editor.selectionHighlightBackground#6c6f934d
editor.wordHighlightBackground#6c6f9380
editor.wordHighlightStrongBackground#6c6f9380
editorBracketMatch.background#6c6f9380
editorBracketMatch.border#6c6f9300
editorCodeLens.foreground#6c6f9380
editorCursor.background#1c1e26
editorCursor.foreground#ff557a
editorError.foreground#f43e5c
editorGroup.border#1a1c23
editorGroup.dropBackground#6c6f934d
editorGroupHeader.tabsBackground#171a22
editorGutter.addedBackground#09f7a0b3
editorGutter.deletedBackground#f43e5cb3
editorGutter.modifiedBackground#21bfc2b3
editorIndentGuide.activeBackground#2e303e
editorIndentGuide.background#2e303e80
editorLineNumber.activeForeground#d5d8da80
editorLineNumber.foreground#4d4d4d
editorOverviewRuler.addedForeground#09f7a080
editorOverviewRuler.border#2e303eb3
editorOverviewRuler.bracketMatchForeground#d5d8da80
editorOverviewRuler.deletedForeground#f43e5c80
editorOverviewRuler.errorForeground#f43e5ce6
editorOverviewRuler.findMatchForeground#6c6f93
editorOverviewRuler.modifiedForeground#21bfc280
editorOverviewRuler.warningForeground#27d79780
editorRuler.foreground#6c6f934d
editorSuggestWidget.highlightForeground#ff557a
editorWarning.foreground#27d797b3
editorWidget.background#171a22
editorWidget.border#2c2c2c
errorForeground#f43e5c
extensionButton.prominentBackground#ff557a
extensionButton.prominentHoverBackground#e9436d
focusBorder#1a1c23
foreground#d5d8da
gitDecoration.addedResourceForeground#27d797b3
gitDecoration.deletedResourceForeground#f43e5c
gitDecoration.ignoredResourceForeground#d5d8da4d
gitDecoration.modifiedResourceForeground#fab38e
gitDecoration.untrackedResourceForeground#27d797
input.background#2e303e
inputOption.activeBorder#e9436d80
inputValidation.errorBackground#f43e5c80
inputValidation.errorBorder#f43e5c00
list.activeSelectionBackground#2e303e80
list.activeSelectionForeground#d5d8da
list.dropBackground#6c6f9380
list.errorForeground#f43e5ce6
list.focusBackground#2e303e80
list.focusForeground#d5d8da
list.highlightForeground#ff557a
list.hoverBackground#2e303e80
list.hoverForeground#d5d8da
list.inactiveFocusBackground#2e303e80
list.inactiveSelectionBackground#2e303e4d
list.inactiveSelectionForeground#d5d8da
list.warningForeground#27d797b3
panelTitle.activeBorder#ff557a
peekView.border#1a1c23
peekViewEditor.background#232530
peekViewEditor.matchHighlightBackground#6c6f9380
peekViewResult.background#232530
peekViewResult.matchHighlightBackground#6c6f9380
peekViewResult.selectionBackground#2e303e80
peekViewTitle.background#232530
pickerGroup.foreground#ff557ae6
progressBar.background#ff557a
scrollbar.shadow#16161c
scrollbarSlider.activeBackground#6c6f9380
scrollbarSlider.background#6c6f931a
scrollbarSlider.hoverBackground#6c6f934d
selection.background#6c6f9380
sideBar.background#1b1f29
sideBar.dropBackground#6c6f934d
sideBar.foreground#818181
sideBarSectionHeader.background#20232f
sideBarSectionHeader.foreground#c0c0c0b3
statusBar.background#1c1e26
statusBar.debuggingBackground#1c1e26
statusBar.debuggingForeground#818181
statusBar.foreground#818181
statusBar.noFolderBackground#1c1e26
statusBarItem.hoverBackground#20232f
statusBarItem.prominentBackground#2e303e
statusBarItem.prominentHoverBackground#6c6f93
tab.activeBorder#ff557a
tab.border#1c1e2600
tab.inactiveBackground#171a22
terminal.ansiBlue#26bbd9
terminal.ansiBrightBlue#3fc4de
terminal.ansiBrightCyan#6be4e6
terminal.ansiBrightGreen#3fdaa4
terminal.ansiBrightMagenta#f075b5
terminal.ansiBrightRed#ec6a88
terminal.ansiBrightYellow#fbc3a7
terminal.ansiCyan#59e1e3
terminal.ansiGreen#29d398
terminal.ansiMagenta#ee64ac
terminal.ansiRed#e95678
terminal.ansiYellow#fab795
terminal.foreground#d5d8da
terminal.selectionBackground#6c6f934d
terminalCursor.background#d5d8da
terminalCursor.foreground#6c6f9380
textLink.activeForeground#e9436d
textLink.foreground#cacaca
titleBar.activeBackground#171a22
titleBar.inactiveBackground#171a22
walkThrough.embeddedEditorBackground#232530
widget.shadow#16161c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword.other.using.cs, keyword.other.namespace.cs, storage.modifier.cs, keyword.other.class.cs, constant.language.null.cs, keyword.other.new.cs, keyword.other.this.cs, entity.name.variable.field.cs, variable.other.readwrite.cs, entity.name.type.enum.cs, entity.name.type.struct.cs	#B877DBE6	—
entity.name.type.namespace.cs	#FAC29AE6	—
entity.name.type.class.cs, entity.name.variable.enum-member.cs	#FAC29AE6	—
storage.type.cs, entity.name.type.interface.cs	#e4b992	—
entity.name.function.cs, entity.name.variable.event.cs	#ff88a2	—
punctuation.curlybrace.open.cs, punctuation.curlybrace.close.cs, punctuation.squarebracket.open.cs, punctuation.squarebracket.close.cs, punctuation.parenthesis.open.cs, punctuation.parenthesis.close.cs, punctuation.definition.typeparameters.begin.cs, punctuation.definition.typeparameters.end.cs, punctuation.terminator.statement.cs, punctuation.separator.colon.cs, punctuation.separator.comma.cs, entity.name.variable.property.cs, keyword.control.flow.break.cs, keyword.operator.logical.cs, keyword.operator.relational.cs, keyword.operator.increment.cs, keyword.operator.decrement.cs, keyword.operator.assignment.cs, keyword.operator.arrow.cs, keyword.operator.arithmetic.cs	#6A8799	—
keyword.control.conditional.if.cs, keyword.control.conditional.else.cs, keyword.control.loop.foreach.cs, keyword.control.loop.in.cs, keyword.control.loop.while.cs, keyword.control.loop.for.cs, keyword.control.loop.do.cs, keyword.operator.comparison.cs, keyword.control.flow.yield.cs, punctuation.accessor.cs, keyword.control.switch.cs, keyword.type.cs, constant.language.boolean.true.cs, constant.language.boolean.false.cs, keyword.control.flow.return.cs, keyword.other.var.cs, keyword.other.interface.cs, keyword.other.enum.cs, keyword.other.typeof.cs, keyword.other.struct.cs, keyword.other.event.cs, keyword.control.case.cs, keyword.control.default.cs, keyword.operator.assignment.compound.cs	#5CADBF	—
string.quoted.double.cs, string.quoted.single.cs	#909D63	—
entity.name.variable.local.cs, entity.name.variable.parameter.cs, variable.other.object.property.cs	#b8b8b8	—
variable.other.object.cs	#bca3ff	—
constant.language.boolean.cs	#D9D9D9	—
constant.numeric.decimal.cs	#FAC29AE6	—
comment.line.double-slash.cs, punctuation.definition.comment.cs, comment.block.cs, punctuation.definition.tag.cs, entity.name.tag.localname.cs, comment.block.documentation.cs	#525252	—
keyword.control.import.js, keyword.control.export.js, storage.type.function.js	#B877DBE6	—
storage.type.js	#5CADBF	—
entity.name.function.js	#ff88a2	—
keyword.operator.new.js	#bca3ff	—
storage.modifier.js, variable.other.object.js	#B877DBE6	—
entity.name.type.js	#FAC29AE6	—
keyword.control.conditional.js, keyword.control.loop.js	#6A8799	—
constant.numeric.decimal.js, variable.language.this.js, variable.other.property.js	#FAC29AE6	—
comment.line.double-slash.js	#686868	—
string.quoted.single.js, string.quoted.double.js, string.template.js	#909D63	—
variable.other.readwrite.js	#FAC29AE6	—
punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, punctuation.definition.block.js, meta.brace.round.js	#7EAAC7	—
entity.name.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html	#6A8799	—
entity.other.attribute-name.html, constant.character.entity.numeric.decimal.html, string.quoted.double.html	#F09483E6	—
string.quoted.double.html	#909D63	—
text.html.derivative, source.css	#b8b8b8	—
comment.block.html	#686868	—
source.css	#909D63	—
entity.other.attribute-name.class.css	#F09483E6	—
entity.other.attribute-name.id.css, support.constant.property-value.css	#FAC29AE6	—
entity.name.tag.css	#ff88a2	—
support.type.property-name.css	#b8b8b8	—
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css	#B877DBE6	—
punctuation.section.property-list.end.bracket.curly.css, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.separator.key-value.css, punctuation.separator.list.comma.css, punctuation.terminator.rule.css	#6A8799	—
constant.other.color.rgb-value.hex.css, support.constant.color.w3c-standard-color-name.css, support.function.misc.css, constant.numeric.css	#F09483E6	—
support.function.calc.css, support.function.transform.css	#5CADBF	—
comment.block.css	#686868	—
string.quoted.single.css, string.quoted.double.css, support.constant.font-name.css	#909D63	—
support.type.property-name.json	#5CADBF	—
string.quoted.double.json	#B8B8B8	—
constant.language.json	#FAC29AE6	—
punctuation.separator.dictionary.pair.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json.comments	#6A8799	—
constant.language.json	#FAC29AE6	—
meta.function-call.generic.python, entity.name.function.python	#ff88a2	—
keyword.control.flow.python, keyword.control.import.python	#B877DBE6	—
storage.type.function.python, meta.item-access.python, punctuation.separator.colon.python, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.separator.period.python, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python	#6A8799	—
keyword.operator.comparison.python, keyword.operator.assignment.python	#5CADBF	—
storage.type.class.python, keyword.operator.logical.python, meta.item-access.arguments.python	#FAC29AE6	—
entity.name.type.class.python	#F09483E6	—
support.function.builtin.python	#5CADBF	—
string.quoted.single.python, string.quoted.double.python	#909D63	—
support.type.python, punctuation.definition.decorator.python	#909D63	—
comment.line.number-sign.python	#686868	—

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