Cobalt2 Generic Fork

Name: Cobalt2 Generic Fork
Author: Augusto

Publisher: AugustoThemes in package: 1

A Cobalt2 Fork to be more generic in terms of language support

Open in VS Code GitHub

VS Code preview

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

Cobalt2 Generic Fork — Cobalt2-Fork

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#122738
activityBar.border#0d3a58
activityBar.dropBackground#0d3a58
activityBar.foreground#fff
activityBarBadge.background#ffc600
activityBarBadge.foreground#000
badge.background#ffc600
badge.foreground#000
button.background#0088ff
button.foreground#fff
button.hoverBackground#ff9d00
contrastBorder#ffffff00
debugExceptionWidget.background#193549
debugExceptionWidget.border#aaa
debugToolBar.background#2a465a
descriptionForeground#aaa
diffEditor.insertedTextBackground#3ad90033
diffEditor.insertedTextBorder#3ad90055
diffEditor.removedTextBackground#ee3a4333
diffEditor.removedTextBorder#ee3a4355
dropdown.background#193549
dropdown.border#15232d
dropdown.foreground#fff
editor.background#193549
editor.findMatchBackground#FF7200
editor.findMatchHighlightBackground#CAD40F66
editor.findRangeHighlightBackground#243E51
editor.foreground#fff
editor.hoverHighlightBackground#ffc60033
editor.inactiveSelectionBackground#193549
editor.lineHighlightBackground#1F4662
editor.lineHighlightBorder#234E6D
editor.rangeHighlightBackground#1F4662
editor.selectionBackground#0050A4
editor.selectionHighlightBackground#2427e45d
editor.wordHighlightBackground#FFFFFF0D
editor.wordHighlightStrongBackground#FFFFFF0D
editorBracketMatch.background#0d3a58
editorBracketMatch.border#ffc60080
editorCodeLens.foreground#aaa
editorCursor.foreground#ffc600
editorError.border#0d3a58
editorError.foreground#A22929
editorGroup.background#A22929
editorGroup.border#122738
editorGroup.dropBackground#12273899
editorGroupHeader.noTabsBackground#193549
editorGroupHeader.tabsBackground#193549
editorGroupHeader.tabsBorder#15232d
editorGutter.addedBackground#3C9F4A
editorGutter.background#12273866
editorGutter.deletedBackground#A22929
editorGutter.modifiedBackground#26506D
editorHoverWidget.background#15232d
editorHoverWidget.border#0d3a58
editorIndentGuide.activeBackground#fff
editorIndentGuide.background#3B5364
editorLineNumber.foreground#aaa
editorLink.activeForeground#aaa
editorMarkerNavigation.background#3B536433
editorMarkerNavigationError.background#A22929
editorMarkerNavigationWarning.background#ffc600
editorOverviewRuler.border#0d3a58
editorOverviewRuler.commonContentForeground#ffc60055
editorOverviewRuler.currentContentForeground#ee3a4355
editorOverviewRuler.incomingContentForeground#3ad90055
editorRuler.foreground#1F4662
editorSuggestWidget.background#15232d
editorSuggestWidget.border#15232d
editorSuggestWidget.foreground#aaa
editorSuggestWidget.highlightForeground#ffc600
editorSuggestWidget.selectedBackground#193549
editorWarning.border#ffffff00
editorWarning.foreground#ffc600
editorWhitespace.foreground#ffffff1a
editorWidget.background#15232d
editorWidget.border#0d3a58
errorForeground#A22929
extensionButton.prominentBackground#0088ff
extensionButton.prominentForeground#fff
extensionButton.prominentHoverBackground#ff9d00
focusBorder#0d3a58
foreground#aaa
gitDecoration.conflictingResourceForeground#FF7200
gitDecoration.deletedResourceForeground#ff628c
gitDecoration.ignoredResourceForeground#ff628c
gitDecoration.modifiedResourceForeground#ffc600
gitDecoration.untrackedResourceForeground#3ad900
input.background#193549
input.border#0d3a58
input.foreground#ffc600
input.placeholderForeground#aaa
inputOption.activeBorder#8dffff
inputValidation.errorBackground#193549
inputValidation.errorBorder#ffc600
inputValidation.infoBackground#193549
inputValidation.infoBorder#0D3A58
inputValidation.warningBackground#193549
inputValidation.warningBorder#ffc600
list.activeSelectionBackground#193549
list.activeSelectionForeground#aaa
list.dropBackground#0d3a58
list.focusBackground#0d3a58
list.focusForeground#aaa
list.highlightForeground#ffc600
list.hoverBackground#193549
list.hoverForeground#aaa
list.inactiveSelectionBackground#0d3a58
list.inactiveSelectionForeground#aaa
merge.border#ffffff00
merge.commonContentBackground#c97d0c
merge.commonHeaderBackground#c97d0c
merge.currentContentBackground#2F7366
merge.currentHeaderBackground#2F7366
merge.incomingContentBackground#185294
merge.incomingHeaderBackground#185294
panel.background#122738
panel.border#ffc600
panelTitle.activeBorder#ffc600
panelTitle.activeForeground#ffc600
panelTitle.inactiveForeground#aaa
peekView.border#ffc600
peekViewEditor.background#193549
peekViewEditor.matchHighlightBackground#19354900
peekViewEditorGutter.background#122738
peekViewResult.background#15232d
peekViewResult.fileForeground#aaa
peekViewResult.lineForeground#fff
peekViewResult.matchHighlightBackground#0d3a58
peekViewResult.selectionBackground#0d3a58
peekViewResult.selectionForeground#fff
peekViewTitle.background#15232d
peekViewTitleDescription.foreground#aaa
peekViewTitleLabel.foreground#ffc600
pickerGroup.border#0d3a58
pickerGroup.foreground#aaa
progressBar.background#ffc600
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#355166cc
scrollbarSlider.background#1F466280
scrollbarSlider.hoverBackground#406179cc
selection.background#027dff
sideBar.background#15232d
sideBar.border#0d3a58
sideBar.foreground#aaa
sideBarSectionHeader.background#193549
sideBarSectionHeader.foreground#aaaaaa
sideBarTitle.foreground#aaaaaa
statusBar.background#15232d
statusBar.border#0d3a58
statusBar.debuggingBackground#ffc600
statusBar.debuggingForeground#15232d
statusBar.foreground#aaa
statusBar.noFolderBackground#15232d
statusBar.noFolderForeground#aaa
statusBarItem.activeBackground#0088ff
statusBarItem.prominentBackground#15232d
statusBarItem.prominentHoverBackground#0d3a58
tab.activeBackground#122738
tab.activeBorder#ffc600
tab.activeForeground#fff
tab.border#15232D
tab.inactiveBackground#193549
tab.inactiveForeground#aaa
tab.unfocusedActiveForeground#aaa
tab.unfocusedInactiveForeground#aaa
terminal.ansiBlack#000000
terminal.ansiBlue#0088ff
terminal.ansiBrightBlack#0050A4
terminal.ansiBrightBlue#0088ff
terminal.ansiBrightCyan#80fcff
terminal.ansiBrightGreen#3ad900
terminal.ansiBrightMagenta#fb94ff
terminal.ansiBrightRed#ff628c
terminal.ansiBrightWhite#193549
terminal.ansiBrightYellow#ffc600
terminal.ansiCyan#80fcff
terminal.ansiGreen#3ad900
terminal.ansiMagenta#fb94ff
terminal.ansiRed#ff628c
terminal.ansiWhite#ffffff
terminal.ansiYellow#ffc600
terminal.background#122738
terminal.foreground#ffffff
terminalCursor.background#ffc600
terminalCursor.foreground#ffc600
textBlockQuote.background#193549
textBlockQuote.border#0088ff
textCodeBlock.background#193549
textLink.activeForeground#0088ff
textLink.foreground#0088ff
textPreformat.foreground#ffc600
textSeparator.foreground#0d3a58
titleBar.activeBackground#15232D
titleBar.activeForeground#ffffff
titleBar.inactiveBackground#193549
titleBar.inactiveForeground#ffffff33
walkThrough.embeddedEditorBackground#0d3a58
welcomePage.buttonBackground#193549
welcomePage.buttonHoverBackground#0d3a58
widget.shadow#00000026

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.block, comment.block.documentation, comment.line, punctuation.definition.comment	#0088ff	italic
invalid	#f44542	—
meta.block, meta.cast, meta.function, meta.function-call, meta.preprocessor, meta.return-type, meta.selector, meta.type, meta.type.annotation	#9effff	—
storage.modifier, entity.name.function, support.function	#ffc600	—
constant	#ff628c	—
keyword	#ff9d00	—
string, punctuation.definition.string.begin, punctuation.definition.string.end	#a5ff90	—
string.template, string.interpolated	#3ad900	—
meta.tag, markup	#9effff	—
variable, meta.class, text	#e1efff	—
storage.type	#80ffbb	—
punctuation	#e1efff	—
emphasis	—	bold
text.html.basic entity.other	#ffc600	italic
text.html.basic entity.name	#9effff	—
source.json support	#ffc600	—
source.json string, source.json punctuation.definition.string	#e1efff	—

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