Laravel Theme

Name: Laravel Theme
Author: Nuno Souto

Publisher: Nuno SoutoThemes in package: 1

Laravel Color Theme

GitHub

VS Code preview

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

Laravel Theme — Laravel

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.

editor.background#eeeeee
editor.foreground#000000
editor.lineHighlightBackground#f5f5f5
editor.selectionBackground#f8eec7
editorCursor.foreground#555
editorIndentGuide.background#ccc
editorWhitespace.foreground#999
panel.background#eeeeee
panelTitle.activeForeground#000000
panelTitle.inactiveForeground#00000049
terminal.ansiBlack#333333
terminal.ansiBlue#0077aa
terminal.ansiBrightBlack#333333
terminal.ansiBrightBlue#0077aa
terminal.ansiBrightCyan#4ea1df
terminal.ansiBrightGreen#399c3e
terminal.ansiBrightMagenta#aa7900
terminal.ansiBrightRed#da564a
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffb670
terminal.ansiCyan#4ea1df
terminal.ansiGreen#2e7d32
terminal.ansiMagenta#e5c499
terminal.ansiRed#da564a
terminal.ansiWhite#ffffff
terminal.ansiYellow#eebb6e
terminal.background#eeeeee
terminal.foreground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#000000	—
comment, comment.block.documentation.phpdoc.php	#999	italic
string	#2E7D32	—
keyword.other.namespace.php, keyword.other.use.php, keyword.control.php, keyword.other.use-as.php	#07a	—
keyword.operator.assignment.php	#555	—
meta.namespace.php, meta.use.php meta.path.php support.class.php	#000	—
punctuation.terminator.expression.php, punctuation.separator.namespace.php, meta.array.php	#999	—
meta.namespace.php punctuation.separator.namespace.php	#999	—
meta.class.php storage.type.class.php \| storage.modifier \| storage.type, constant.class.php, keyword.operator.type.php, keyword.other.new.php, keyword.other.function.use.php, keyword.operator.logical.php, keyword.operator.comparison.php	#07a	—
constant.other.php	#da654a	—
constant.other.class.php	#555	—
variable.language.php	#000	—
punctuation.section.block.php, punctuation.section.array.begin.php, punctuation.section.array.end.php, punctuation.section.group.begin.php, punctuation.section.group.end.php, punctuation.section.block.begin.php, punctuation.section.block.end.php, punctuation.section.brackets.begin.php, punctuation.section.brackets.end.php	#999	—
variable.other.php, variable.parameter.php	#4ea1df	—
meta.block.php meta.path.php, support.class.php	#da564a	—
constant.numeric.php, constant.language.php, support.constant.std.php	#da564a	—
variable.other.member.php	#da564a	—
variable.function.php, support.function.var.php, support.function.errorfunc.php, support.function.classobj.php, support.function.json.php, support.function.array.php, support.function.network.php, support.function.info.php, support.function.string.php, support.function.math.php, support.function.datetime.php, support.function.file.php	#555	—
support.function.construct.php	#07a	—
meta.block.php punctuation.accessor.php	#555	—
meta.function.php entity.name.function.php	#555	—
meta.function.parameters.php support.class.php \| storage.type.php	#000	—
string.quoted.single.php, string.quoted.double.php	#2e7d32	—
meta.tag.structure.any.html, meta.tag.inline.any.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag.sgml.html	#999	—
entity.name.tag, entity.other.attribute-name	#da564a	—
custom.compiler.blade.php punctuation.section.embedded.php constant.other.inline-data.html	#000	—
custom.compiler.blade.php punctuation.section.embedded.php entity.name.tag.block.any.html	#07a	—
string.quoted.double.html, string.quoted.single.html	#07a	—
constant.character.entity.html	#07a	—
punctuation.separator.key-value, punctuation.separator.php, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.section.embedded.begin.blade, punctuation.section.embedded.end.blade	#999	—
source.php.blade support.function.string.php	#555	—
source.php.blade keyword.operator	#555	—
source.php.blade	#555	—
source.php.blade string.quoted.single.php \| string.quoted.double.php	#2e7d32	—
variable.other.object.js	#000	—
keyword.control.import-export.js, meta.object-literal.key.js, keyword.control.flow.js	#07a	—
entity.name.function.js	#000	—
punctuation.accessor.js, punctuation.section.block.js, punctuation.section.group.js, punctuation.section.group.begin.js, punctuation.section.group.end.js, punctuation.separator.comma.js, punctuation.section.brackets.js, meta.object-literal.js	#999	—
keyword.operator.relational.js	#999	—
variable.language.this.js, support.class.builtin.js, constant.numeric.js, constant.language.null.js	#da564a	—
variable.function.js, variable.parameter.function.js, entity.name.function.js, meta.property.object.js	#555	—
meta.function-call.js variable.function.js, variable.other.readwrite.js	#07a	—
keyword.control.conditional.js	#07a	—
constant.language.boolean.false.js, constant.language.boolean.true.js	#da564a	—
meta.directive.vue entity.other.attribute-name.html	#4ea1df	—
entity.other.attribute-name.class.css, meta.selector.css	#da564a	—
keyword.other.unit.css	#555	—
punctuation.section.property-list.css	#999	—
support.type.property-name.css	#07a	—
meta.property-value.css	#555	—
variable.declaration.less	#07a	—
variable.other.less	#4ea1df	—
variable.declaration.less	#07a	—
source.scss meta.set.variable, keyword.control.at-rule.sass, keyword.control.at-rule.import.scss, variable.parameter.sass	#07a	—
source.scss meta.set.variable variable.scss	#4ea1df	—
variable.parameter.url.sass, variable.parameter.url.scss	#2e7d32	—
constant.other.color.rgb-value.scss, constant.other.rgb-value.sass, punctuation.definition.constant.scss, constant.numeric.scss, constant.numeric.sass, keyword.other.unit.scss, constant.other.unit.sass	#555	—
support.constant.font-name.scss, support.constant.font-name.sass	#4ea1df	—
punctuation.section.dictionary.begin.json, punctuation.section.dictionary.end.json, punctuation.section.array.begin.json, punctuation.section.array.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json	#999	—
constant.language.json	#da564a	—
meta.structure.dictionary.key.json string.quoted.double.json	#07a	—
meta.tag.preprocessor.xml, meta.tag.preprocessor.xml string.quoted.double.xml, meta.tag.xml, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml	#999	—
string.quoted.double.xml	#07a	—
entity.name.tag.localname.xml, entity.other.attribute-name.localname.xml	#da564a	—
source.sql	#07a	—
keyword.operator.star.sql	#da564a	—
punctuation.definition.string.begin.sql, punctuation.definition.string.end.sql	#999	—
punctuation.definition.heading.begin.markdown	#4ea1df	—
markup.heading.1.markdown, markup.heading.2.markdown, markup.heading.markdown	#4ea1df	—
markup.list.unnumbered.bullet.markdown, markup.list.numbered.bullet.markdown	#555	—
punctuation.definition.link.begin.markdown, punctuation.definition.link.end.markdown, punctuation.definition.metadata.begin.markdown, punctuation.definition.metadata.end.markdown, punctuation.definition.image.begin.markdown, punctuation.definition.image.end.markdown	#999	—
markup.underline.link.markdown, markup.underline.link.image.markdown	#07a	—
meta.link.inline.description.markdown, meta.image.inline.description.markdown	#2e7d32	—
markup.italic.markdown	—	italic
markup.bold.markdown	—	bold
markup.bold.markdown markup.italic.markdown	—	bold italic
markup.deleted.git_gutter	#de654a	—
markup.inserted.git_gutter	#2e7d32	—
markup.changed.git_gutter	#4ea1df	—
markup.ignored.git_gutter	#999	—
markup.untracked.git_gutter	#999	—
sublimelinter.mark.error	#da564a	—
sublimelinter.gutter-mark	#FFFFFF	—
sublimelinter.mark.warning	#DDB700	—
source.diff	#555	—
source.diff meta.diff.header.from-file punctuation.definition.from-file.diff	#da654a	bold
source.diff meta.diff.header.from-file	#da654a	—
source.diff meta.diff.header.to-file punctuation.definition.to-file.diff	#2e7d32	bold
source.diff meta.diff.header.to-file	#2e7d32	—
source.diff meta.diff.range	#4ea1df	—
source.diff markup.deleted.diff	#da654a	—
source.diff markup.inserted.diff	#2e7d32	—
source.diff markup.changed.diff	#07a	—

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