Celticbytes Themes Pack

Name: Celticbytes Themes Pack
Author: CelticBytes

Publisher: CelticBytesThemes in package: 3

Pack of various dark and light themes.

GitHub

Color themes

VS Code preview

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

Celticbytes Themes Pack — CelticBytes Monolight

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#cf2c70
activityBar.background#CACACAFF
activityBar.border#CACACAFF
activityBar.foreground#00a2d3
activityBar.inactiveForeground#939393
activityBarBadge.background#cf2c70
activityBarBadge.foreground#111111
breadcrumb.background#e0e0e0
breadcrumb.foreground#111111
button.background#00A2D34D
checkbox.background#F6F6F6FF
dropdown.background#F6F6F6FF
editor.background#e0e0e0
editor.foreground#111111
editor.lineHighlightBorder#D9D9D9FF
editorGroup.border#CACACAFF
editorGroupHeader.tabsBackground#e0e0e0
editorGutter.background#e0e0e0
editorIndentGuide.activeBackground1#00a2d3
editorIndentGuide.background1#00a2d3
editorInlayHint.background#D9D9D9FF
editorInlayHint.foreground#9D9D9DFF
editorInlayHint.parameterForeground#9D9D9DFF
editorLineNumber.activeForeground#cf2c70
editorLineNumber.foreground#bdbdbd
editorOverviewRuler.border#e0e0e0
editorRuler.foreground#bdbdbd
focusBorder#00a2d3
foreground#111111
input.background#F6F6F6FF
list.activeSelectionBackground#00A2D34D
list.activeSelectionForeground#111111
list.focusAndSelectionOutline#00a2d3
list.focusBackground#00000000
list.focusOutline#00a2d3
list.hoverBackground#00A2D34D
list.inactiveSelectionBackground#00A2D34D
menu.background#B3B3B3FF
menu.foreground#111111
menu.selectionBackground#00A2D34D
minimap.background#e0e0e0
panel.background#CACACAFF
panel.border#CACACAFF
quickInput.background#CACACAFF
quickInput.foreground#111111
quickInputList.focusBackground#00A2D34D
scrollbar.shadow#00000000
scrollbarSlider.background#CACACAFF
sideBar.background#CACACAFF
sideBar.border#e0e0e0
sideBar.foreground#111111
sideBarSectionHeader.background#CACACAFF
sideBarSectionHeader.border#CACACAFF
sideBarSectionHeader.foreground#111111
sideBarTitle.foreground#00a2d3
statusBar.background#e0e0e0
statusBar.border#cf2c70
statusBar.debuggingForeground#111111
statusBar.foreground#111111
statusBar.noFolderForeground#111111
statusBar.offlineForeground#111111
statusBarItem.hoverBackground#00A2D34D
tab.activeBackground#CF2C701A
tab.activeBorder#00a2d3
tab.activeBorderTop#00a2d3
tab.activeForeground#111111
tab.border#00000000
tab.inactiveBackground#e0e0e0
tab.inactiveForeground#111111
tab.unfocusedActiveForeground#111111
tab.unfocusedInactiveForeground#111111
titleBar.activeBackground#CACACAFF
titleBar.activeForeground#111111
titleBar.border#CACACAFF
titleBar.inactiveBackground#e0e0e0
titleBar.inactiveForeground#111111
tree.indentGuidesStroke#00a2d3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#9D9D9DFF	italic
storage.type	#cf2c70	—
storage.modifier	#cf2c70	—
keyword, variable.language, keyword.operator.new, keyword.operator.expression	#cf2c70	—
keyword.operator	#ca7900	—
punctuation, constant.language.import-export-all	#ca7900	—
constant.character.escape	#ca7900	—
meta.brace	#ca7900	—
entity.name.type, entity.other	#00a2d3	—
entity.name.function, meta.method.declaration storage.type, meta.method.declaration meta.block meta.function-call variable.language.super	#389e08	—
variable	#111111	—
meta.object-literal	#111111	—
support.type	#0048E2	—
string	#8C7300	—
constant.language.boolean, constant.language	#0091A6	—
constant.numeric	#9C00A6	—
variable.other.property, variable.other.object.property	#9b36ff	—
source.css support.function	#389e08	—
source.css variable	#9b36ff	—
entity.name.tag.css	#00a2d3	—
support.constant.media.css	#cf2c70	—
source.css keyword.operator	#ca7900	—
meta.attribute-selector	#8C7300	—
support.class.dart	#00a2d3	—
storage.type.numeric.go, storage.type.boolean.go, storage.type.string.go	#0048E2	—
support.function.go	#389e08	—
entity.name.tag.html	#cf2c70	—
storage.modifier.import.java, storage.modifier.package.java	#111111	—
storage.type.java, storage.type.object	#00a2d3	—
storage.type.primitive.java, storage.type.primitive.array.java	#0048E2	—
variable.language.java	#389e08	—
source.json meta.structure.dictionary.json support.type.property-name.json	#cf2c70	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#9b36ff	—
source.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	#0048E2	—
source.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	#00a2d3	—
source.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	#389e08	—
source.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	#cf2c70	—
source.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	#9b36ff	—
source.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	#0048E2	—
source.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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#00a2d3	—
source.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 meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json string.json support.type.property-name.json	#389e08	—
entity.name.section.markdown	#cf2c70	—
markup.bold.markdown, markup.italic.markdown, markup.strikethrough.markdown	#9b36ff	—
markup.underline.link.markdown, markup.underline.link.image.markdown	#00a2d3	—
markup.fenced_code.block.markdown	#389e08	—
keyword.other.type.php	#0048E2	—
source.php support.function, support.class.php	#389e08	—
variable.parameter.function.language.special.self.python, keyword.operator.logical.python	#cf2c70	—
meta.function-call.generic.python, meta.function-call.python support.type.python, support.function.magic.python, support.function.builtin.python	#389e08	—
meta.fstring.python punctuation.definition.string string.interpolated.python string.quoted.single.python	#ca7900	—
meta.fstring.python	#8C7300	—
meta.attribute.python, constant.other.caps.python, constant.language.python	#9b36ff	—
entity.name.tag.reference.scss	#ca7900	—
punctuation.definition.entity.css, meta.at-rule.keyframes.scss entity.name.function.scss, meta.at-rule.media.scss meta.property-list.media-query.scss meta.property-name.media-query.scss	#00a2d3	—
meta.at-rule.media.scss meta.property-list.media-query.scss meta.property-name.media-query.scss	#9b36ff	—
meta.at-rule.media.scss meta.property-list.media-query.scss	#ca7900	—
meta.at-rule.media.scss keyword.control.operator.css.scss	#ca7900	—
entity.name.tag.yaml	#00a2d3	—
support.function.any-method.swift	#389e08	—
variable.other.swift	#9b36ff	—
variable.parameter.function.swift entity.name.function.swift	#111111	—
support.variable.swift	#9b36ff	—
variable.language.super.ts	#389e08	—
storage.type.ts	#cf2c70	—
variable.other.constant.property.ts, support.variable.property.ts	#9b36ff	—

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