Rajoyish
Publisher: Rajesh BudhathokiThemes in package: 1
A light color theme hand-crafted for PHP/Laravel artisans!
A light color theme hand-crafted for PHP/Laravel artisans!
Full workbench mockup using this variant's colors and tokenColors.
Loading...
Workbench UI color keys from the theme JSON colors map.
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| invalid.illegal | #FF5C56 | — |
| meta.object-literal.key, meta.object-literal.key constant.character.escape, meta.object-literal string, meta.object-literal string constant.character.escape, support.type.property-name, support.type.property-name constant.character.escape | #11658F | — |
| keyword, storage, meta.class storage.type, keyword.operator.expression.import, keyword.operator.new, keyword.operator.expression.delete | #5200E8 | — |
| support.type, meta.type.annotation entity.name.type, new.expr meta.type.parameters entity.name.type, storage.type.primitive, storage.type.built-in.primitive, meta.function.parameter storage.type | #2A8502 | — |
| storage.type.annotation | #BE001C | — |
| keyword.other.unit | #E80022 | — |
| constant.language, support.constant, variable.language | #2A8502 | — |
| variable, support.variable | #1B0273 | — |
| variable.language.this | #0478C0 | — |
| entity.name.function, support.function | #0478C0 | — |
| entity.name.function.decorator | #11658F | — |
| meta.class entity.name.type, new.expr entity.name.type, entity.other.inherited-class, support.class | #2A8502 | — |
| keyword.preprocessor.pragma, keyword.control.directive.include, keyword.other.preprocessor | #11658F | — |
| entity.name.exception | #FF5C56 | — |
| entity.name.section | — | — |
| constant.numeric | #E80022 | — |
| constant, constant.character | #2A8502 | — |
| string | #886F1D | — |
| constant.character.escape | #F5B900 | — |
| string.regexp, string.regexp constant.character.escape | #0478C0 | — |
| keyword.operator.quantifier.regexp, keyword.operator.negation.regexp, keyword.operator.or.regexp, string.regexp punctuation, string.regexp keyword, string.regexp keyword.control, string.regexp constant, variable.other.regexp | #00A39F | — |
| string.regexp keyword.other | #00A39F88 | — |
| constant.other.symbol | #CF9C00 | — |
| comment, punctuation.definition.comment | #ADB1C2 | italic |
| comment.block.preprocessor | #9194A2 | |
| comment.block.documentation entity.name.type | #2A8502 | — |
| comment.block.documentation storage, comment.block.documentation keyword.other, meta.class comment.block.documentation storage.type | #9194A2 | — |
| comment.block.documentation variable | #BE001C | — |
| punctuation | #E80022 | — |
| keyword.operator, keyword.other.arrow, keyword.control.@ | #5200E8 | — |
| meta.tag.metadata.doctype.html entity.name.tag, meta.tag.metadata.doctype.html entity.other.attribute-name.html, meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #9194A2 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #9194A2 | — |
| entity.name.tag | #0478C0 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #0F45E8 | italic |
| constant.character.entity, punctuation.definition.entity | #CF9C00 | — |
| meta.selector.pseudo-element.css, meta.selector.pseudo-class.css, entity.other.attribute-name.css, entity.other.attribute-name.pseudo-element.before.css, entity.other.attribute-name.pseudo-element.after.css, entity.other.attribute-name.pseudo-element.first-letter.css, entity.other.attribute-name.pseudo-element.first-line.css, entity.other.attribute-name.pseudo-element.marker.css, entity.other.attribute-name.pseudo-element.selection.css, entity.other.attribute-name.pseudo-class.active.css, entity.other.attribute-name.pseudo-class.hover.css, entity.other.attribute-name.pseudo-class.focus.css, entity.other.attribute-name.pseudo-class.disabled.css, entity.other.attribute-name.pseudo-class.enabled.css, entity.other.attribute-name.pseudo-class.valid.css, entity.other.attribute-name.pseudo-class.invalid.css, entity.other.attribute-name.pseudo-class.first-child.css, entity.other.attribute-name.pseudo-class.last-child.css, entity.other.attribute-name.pseudo-class.last-child.css, entity.other.attribute-name.pseudo-class.nth-child.css, entity.other.attribute-name.pseudo-class.first-of-type.css, entity.other.attribute-name.pseudo-class.last-of-type.css, entity.other.attribute-name.pseudo-class.nth-of-type.css, entity.other.attribute-name.pseudo-class.checked.css | #2A8502 | italic |
| entity.other.attribute-name.class.css, meta.at-rule.apply.tailwind, meta.property-list.css | #5200E8 | — |
| source.css | #2A8502 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, source.css entity.name.tag | #5200E8 | — |
| keyword.control.at-rule, keyword.control.at-rule punctuation.definition.keyword | #BE001C | — |
| source.css variable | #11658F | — |
| source.css meta.property-name, source.css support.type.property-name | #1B0273 | — |
| source.css support.type.vendored.property-name | #1B0273AA | — |
| meta.property-value, support.constant.property-value | #0478C0 | — |
| source.css support.constant | #2A8502 | — |
| punctuation.definition.entity.css, keyword.operator.combinator.css | #E80022 | — |
| source.css support.function | #0478C0 | — |
| keyword.other.important | #238744 | — |
| source.css.scss | #5200E8 | — |
| source.css.scss entity.other.attribute-name.class.css, source.css.scss entity.other.attribute-name.id.css | #5200E8 | — |
| entity.name.tag.reference.scss | #BE001C | — |
| source.css.scss meta.at-rule keyword, source.css.scss meta.at-rule keyword punctuation, source.css.scss meta.at-rule operator.logical, keyword.control.content.scss, keyword.control.return.scss, keyword.control.return.scss punctuation.definition.keyword | #BE001C | — |
| meta.at-rule.mixin.scss, meta.at-rule.include.scss, source.css.scss meta.at-rule.if, source.css.scss meta.at-rule.else, source.css.scss meta.at-rule.each, source.css.scss meta.at-rule variable.parameter | #ADB1C2 | — |
| source.css.less entity.other.attribute-name.class.css | #5200E8 | — |
| source.stylus meta.brace.curly.css | #ADB1C2 | — |
| source.stylus entity.other.attribute-name.class, source.stylus entity.other.attribute-name.id, source.stylus entity.name.tag | #5200E8 | — |
| source.stylus support.type.property-name | #1B0273 | — |
| source.stylus variable | #11658F | — |
| markup.changed | #888888 | — |
| markup.deleted | #888888 | — |
| markup.italic | — | italic |
| markup.error | #FF5C56 | — |
| markup.inserted | #888888 | — |
| meta.link | #CF9C00 | — |
| string.other.link.title.markdown | #0478C0 | — |
| markup.output, markup.raw | #999999 | — |
| markup.prompt | #999999 | — |
| markup.heading | #2A8502 | — |
| markup.bold | — | bold |
| markup.traceback | #FF5C56 | — |
| markup.underline | — | underline |
| markup.quote | #777985 | — |
| markup.bold, markup.italic | #0478C0 | — |
| markup.inline.raw | #5200E8 | |
| meta.brace.round, meta.brace.square, storage.type.function.arrow | #5200E8 | — |
| storage.type.function.js, keyword.control.flow.js, keyword.control.conditional.js, storage.type.js, keyword.control.loop.js | — | italic |
| constant.language.import-export-all, meta.import keyword.control.default | #BE001C | — |
| support.function.js | #11658F | — |
| string.regexp.js | #0478C0 | — |
| variable.language.super, support.type.object.module.js | #5200E8 | — |
| meta.jsx.children | #686968 | — |
| entity.name.tag.yaml | #11658F | — |
| variable.other.alias.yaml | #2A8502 | — |
| keyword.control.return.php, storage.type.function.php, keyword.control.foreach.php, keyword.control.if.php, keyword.blade | — | italic |
| meta.class entity.name.type | — | bold |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #0478C0 | — |
| meta.use.php entity.other.alias.php | #0478C0 | — |
| source.php support.function.construct, source.php support.function.var | #11658F | — |
| storage.modifier.extends.php, source.php keyword.other, storage.modifier.php | #BF01E0 | italic |
| meta.class.body.php storage.type.php | #5200E8 | — |
| storage.type.php, meta.class.body.php meta.function-call.php storage.type.php, meta.class.body.php meta.function.php storage.type.php | #2A8502 | — |
| source.php keyword.other.DML | #D94E4A | — |
| source.sql.embedded.php keyword.operator | #2A8502 | — |
| source.ini keyword, source.toml keyword, source.env variable | #11658F | — |
| source.ini entity.name.section, source.toml entity.other.attribute-name | #5200E8 | — |
| source.go storage.type | #2A8502 | — |
| keyword.import.go, keyword.package.go | #FF5C56 | — |
| source.reason variable.language string | #1B0273 | — |
| source.reason support.type, source.reason constant.language, source.reason constant.language constant.numeric, source.reason support.type string.regexp | #2A8502 | — |
| source.reason keyword.operator keyword.control, source.reason keyword.control.less, source.reason keyword.control.flow | #ADB1C2 | — |
| source.reason string.regexp | #CF9C00 | — |
| source.reason support.property-value | #11658F | — |
| source.rust support.function.core.rust | #11658F | — |
| source.rust storage.type.core.rust, source.rust storage.class.std | #2A8502 | — |
| source.rust entity.name.type.rust | #0478C0 | — |
| storage.type.function.coffee | #ADB1C2 | — |
| keyword.type.cs, storage.type.cs | #2A8502 | — |
| entity.name.type.namespace.cs | #0478C0 | — |
| meta.diff.header | #11658F | — |
| markup.inserted.diff | #2A8502 | — |
| markup.deleted.diff | #FF5C56 | — |
| meta.diff.range, meta.diff.index, meta.separator | #0478C0 | — |
| source.makefile variable | #11658F | — |
| keyword.control.protocol-specification.objc | #5200E8 | — |
| meta.parens storage.type.objc, meta.return-type.objc support.class, meta.return-type.objc storage.type.objc | #2A8502 | — |
| source.sql keyword | #11658F | — |
| keyword.other.special-method.dockerfile | #0478C0 | — |
| constant.other.symbol.elixir | #11658F | — |
| storage.type.elm, support.module.elm | #0478C0 | — |
| source.elm keyword.other | #ADB1C2 | — |
| source.erlang entity.name.type.class | #0478C0 | — |
| variable.other.field.erlang | #11658F | — |
| source.erlang constant.other.symbol | #2A8502 | — |
| storage.type.haskell | #2A8502 | — |
| meta.declaration.class.haskell storage.type.haskell, meta.declaration.instance.haskell storage.type.haskell | #0478C0 | — |
| meta.preprocessor.haskell | #75798F | — |
| source.haskell keyword.control | #5200E8 | — |
| tag.end.latte, tag.begin.latte | #ADB1C2 | — |
| source.po keyword.control | #11658F | — |
| source.po storage.type | #9194A2 | — |
| constant.language.po | #0478C0 | — |
| meta.header.po string | #0F45E8 | — |
| source.po meta.header.po | #ADB1C2 | — |
| source.ocaml markup.underline | — | |
| source.ocaml punctuation.definition.tag emphasis, source.ocaml entity.name.class constant.numeric, source.ocaml support.type | #5200E8 | — |
| source.ocaml constant.numeric entity.other.attribute-name | #0478C0 | — |
| source.ocaml comment meta.separator | #ADB1C2 | — |
| source.ocaml support.type strong, source.ocaml keyword.control strong | #ADB1C2 | — |
| source.ocaml support.constant.property-value | #11658F | — |
| source.scala entity.name.class | #0478C0 | — |
| storage.type.scala | #2A8502 | — |
| variable.parameter.scala | #11658F | — |
| meta.bracket.scala, meta.colon.scala | #ADB1C2 | — |
| meta.metadata.simple.clojure | #ADB1C2 | — |
| meta.metadata.simple.clojure meta.symbol | #0478C0 | — |
| source.r keyword.other | #ADB1C2 | — |
| source.svelte meta.block.ts entity.name.label | #11658F | — |
| keyword.operator.word.applescript | #5200E8 | — |
| meta.function-call.livescript | #0478C0 | — |
| variable.language.self.lua | #0478C0 | — |
| entity.name.type.class.swift, meta.inheritance-clause.swift, meta.import.swift entity.name.type | #0478C0 | — |
| source.swift punctuation.section.embedded | #B38700 | — |
| variable.parameter.function.swift entity.name.function.swift | #1B0273 | — |
| meta.function-call.twig | #1B0273 | — |
| string.unquoted.tag-string.django | #1B0273 | — |
| entity.tag.tagbraces.django, entity.tag.filter-pipe.django | #ADB1C2 | — |
| meta.section.attributes.haml constant.language, meta.section.attributes.plain.haml constant.other.symbol | #0F45E8 | — |
| meta.prolog.haml | #9194A2 | — |
| support.constant.handlebars | #ADB1C2 | — |
| text.log log.constant | #BE001C | — |
| source.c string constant.other.placeholder, source.cpp string constant.other.placeholder | #B38700 | — |
| constant.other.key.groovy | #11658F | — |
| storage.type.groovy | #0478C0 | — |
| meta.definition.variable.groovy storage.type.groovy | #2A8502 | — |
| storage.modifier.import.groovy | #CF9C00 | — |
| entity.other.attribute-name.class.pug, entity.other.attribute-name.id.pug | #0478C0 | — |
| constant.name.attribute.tag.pug | #ADB1C2 | — |
| entity.name.tag.style.html | #0478C0 | — |
| entity.name.type.wasm | #2A8502 | — |
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...
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}!`;
}
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}!`;
}