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 Monodark

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#eb5493
activityBar.background#1f1f1f
activityBar.border#1f1f1f
activityBar.foreground#22c0f0
activityBar.inactiveForeground#dbdbdb7c
activityBarBadge.background#eb5493
activityBarBadge.foreground#1f1f1f
breadcrumb.background#1f1f1f
breadcrumb.foreground#b8b8b8
button.background#22C0F04D
checkbox.background#2B2B2BFF
dropdown.background#2B2B2BFF
editor.background#1f1f1f
editor.foreground#cfcfcf
editor.lineHighlightBorder#343434
editorGroup.border#343434
editorGroupHeader.tabsBackground#1f1f1f
editorGutter.background#1f1f1f
editorIndentGuide.activeBackground1#22c0f0
editorIndentGuide.background1#6e6e6e
editorInlayHint.background#2B2B2BFF
editorInlayHint.foreground#6e6e6e
editorInlayHint.parameterForeground#6e6e6e
editorLineNumber.activeForeground#ae5dff
editorLineNumber.foreground#444444FF
editorOverviewRuler.border#1f1f1f
editorRuler.foreground#444444FF
focusBorder#22c0f0
foreground#b8b8b8
input.background#2B2B2BFF
list.activeSelectionBackground#22C0F04D
list.activeSelectionForeground#b8b8b8
list.focusAndSelectionOutline#22c0f0
list.focusBackground#00000000
list.focusOutline#22c0f0
list.hoverBackground#22C0F04D
list.inactiveSelectionBackground#22C0F04D
menu.background#2B2B2BFF
menu.foreground#b8b8b8
menu.selectionBackground#22C0F04D
minimap.background#1f1f1f
panel.background#1f1f1f
panel.border#343434
quickInput.background#1f1f1f
quickInput.foreground#b8b8b8
quickInputList.focusBackground#22C0F04D
scrollbar.shadow#00000000
scrollbarSlider.background#343434
sideBar.background#1f1f1f
sideBar.border#343434
sideBar.foreground#b8b8b8
sideBarSectionHeader.background#1f1f1f
sideBarSectionHeader.border#1f1f1f
sideBarSectionHeader.foreground#b8b8b8
sideBarTitle.foreground#22c0f0
statusBar.background#1f1f1f
statusBar.border#eb5493
statusBar.debuggingForeground#ffffff
statusBar.foreground#22c0f0
statusBar.noFolderForeground#ffffff
statusBar.offlineForeground#ffffff
statusBarItem.remoteBackground#eb5493
statusBarItem.remoteForeground#ffffff
tab.activeBackground#EB54931A
tab.activeBorder#22c0f0
tab.activeBorderTop#22c0f0
tab.activeForeground#b8b8b8
tab.border#00000000
tab.inactiveBackground#1f1f1f
tab.inactiveForeground#b8b8b8
tab.unfocusedActiveForeground#b8b8b8
tab.unfocusedInactiveForeground#b8b8b8
titleBar.activeBackground#1f1f1f
titleBar.activeForeground#b8b8b8
titleBar.border#1f1f1f
titleBar.inactiveBackground#2B2B2BFF
titleBar.inactiveForeground#b8b8b8
tree.indentGuidesStroke#22c0f0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6e6e6e	italic
storage.type	#eb5493	—
storage.modifier	#eb5493	—
keyword, variable.language, keyword.operator.new, keyword.operator.expression	#eb5493	—
keyword.operator	#f69608	—
punctuation, constant.language.import-export-all	#f69608	—
constant.character.escape	#f69608	—
meta.brace	#f69608	—
entity.name.type, entity.other	#22c0f0	—
entity.name.function, meta.method.declaration storage.type, meta.method.declaration meta.block meta.function-call variable.language.super	#56cc1f	—
variable	#cfcfcf	—
meta.object-literal	#cfcfcf	—
support.type	#437fff	—
string	#e6d08e	—
constant.language.boolean, constant.language	#c09ad9	—
constant.numeric	#a9dff0	—
variable.other.property, variable.other.object.property	#ae5dff	—
source.css support.function	#56cc1f	—
source.css variable	#ae5dff	—
entity.name.tag.css	#22c0f0	—
support.constant.media.css	#eb5493	—
source.css keyword.operator	#f69608	—
meta.attribute-selector	#e6d08e	—
support.class.dart	#22c0f0	—
storage.type.numeric.go, storage.type.boolean.go, storage.type.string.go	#437fff	—
support.function.go	#56cc1f	—
entity.name.tag.html	#eb5493	—
storage.modifier.import.java, storage.modifier.package.java	#cfcfcf	—
storage.type.java, storage.type.object	#22c0f0	—
storage.type.primitive.java, storage.type.primitive.array.java	#437fff	—
variable.language.java	#56cc1f	—
source.json meta.structure.dictionary.json support.type.property-name.json	#eb5493	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ae5dff	—
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	#437fff	—
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	#22c0f0	—
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	#56cc1f	—
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	#eb5493	—
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	#ae5dff	—
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	#437fff	—
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	#22c0f0	—
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	#56cc1f	—
entity.name.section.markdown	#eb5493	—
markup.bold.markdown, markup.italic.markdown, markup.strikethrough.markdown	#ae5dff	—
markup.underline.link.markdown, markup.underline.link.image.markdown	#22c0f0	—
markup.fenced_code.block.markdown	#56cc1f	—
keyword.other.type.php	#437fff	—
source.php support.function, support.class.php	#56cc1f	—
variable.parameter.function.language.special.self.python, keyword.operator.logical.python	#eb5493	—
meta.function-call.generic.python, meta.function-call.python support.type.python, support.function.magic.python, support.function.builtin.python	#56cc1f	—
meta.fstring.python punctuation.definition.string string.interpolated.python string.quoted.single.python	#f69608	—
meta.fstring.python	#e6d08e	—
meta.attribute.python, constant.other.caps.python, constant.language.python	#ae5dff	—
entity.name.tag.reference.scss	#f69608	—
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	#22c0f0	—
meta.at-rule.media.scss meta.property-list.media-query.scss meta.property-name.media-query.scss	#ae5dff	—
meta.at-rule.media.scss meta.property-list.media-query.scss	#f69608	—
meta.at-rule.media.scss keyword.control.operator.css.scss	#f69608	—
entity.name.tag.yaml	#22c0f0	—
support.function.any-method.swift	#56cc1f	—
variable.other.swift	#ae5dff	—
variable.parameter.function.swift entity.name.function.swift	#cfcfcf	—
support.variable.swift	#ae5dff	—
variable.language.super.ts	#56cc1f	—
storage.type.ts	#eb5493	—
variable.other.constant.property.ts, support.variable.property.ts	#ae5dff	—

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