Core Theme

Name: Core Theme
Author: miqh

Publisher: miqhThemes in package: 1

Minimal environment aesthetics for maximum focus.

Open in VS Code GitHub

VS Code preview

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

Core Theme — Core

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.activeBorder#0000
activityBar.background#1f1f1f
activityBar.foreground#c0c0c0
activityBar.inactiveForeground#444444
activityBarBadge.background#0000
activityBarBadge.foreground#c0c0c0
activityBarTop.activeBorder#0000
activityBarTop.foreground#c0c0c0
activityBarTop.inactiveForeground#444444
badge.background#1f1f1f
badge.foreground#c0c0c0
breadcrumb.foreground#c0c0c0
breadcrumbPicker.background#2a2a2a
button.background#444444
button.foreground#c0c0c0
button.hoverBackground#444444
checkbox.background#808080
checkbox.disabled.background#444444
checkbox.disabled.foreground#1f1f1f
checkbox.foreground#1f1f1f
commandCenter.activeBackground#2a2a2a
commandCenter.activeBorder#0000
commandCenter.background#2a2a2a
commandCenter.border#0000
commandCenter.foreground#c0c0c0
commandCenter.inactiveBorder#0000
debugIcon.breakpointCurrentStackframeForeground#c0c0c0
debugIcon.breakpointDisabledForeground#444444
debugIcon.breakpointForeground#c0c0c0
debugIcon.breakpointStackframeForeground#c0c0c0
debugIcon.breakpointUnverifiedForeground#808080
debugIcon.continueForeground#c0c0c0
debugIcon.disconnectForeground#c0c0c0
debugIcon.pauseForeground#c0c0c0
debugIcon.restartForeground#c0c0c0
debugIcon.startForeground#c0c0c0
debugIcon.stepBackForeground#c0c0c0
debugIcon.stepIntoForeground#c0c0c0
debugIcon.stepOutForeground#c0c0c0
debugIcon.stepOverForeground#c0c0c0
debugIcon.stopForeground#c0c0c0
diffEditor.diagonalFill#c0c0c01a
diffEditor.insertedLineBackground#0000
diffEditor.insertedTextBackground#c0c0c05f
diffEditor.removedLineBackground#0000
diffEditor.removedTextBackground#c0c0c01a
editor.background#1f1f1f
editor.findMatchBackground#c0c0c0
editor.findMatchForeground#1f1f1f
editor.findMatchHighlightBackground#808080
editor.findMatchHighlightForeground#1f1f1f
editor.findRangeHighlightBackground#c0c0c01a
editor.foreground#c0c0c0
editor.hoverHighlightBackground#c0c0c01a
editor.lineHighlightBackground#c0c0c01a
editor.lineHighlightBorder#0000
editor.rangeHighlightBackground#0000
editor.selectionBackground#c0c0c01a
editor.wordHighlightBackground#c0c0c01a
editor.wordHighlightStrongBackground#c0c0c01a
editor.wordHighlightTextBackground#c0c0c01a
editorActionList.foreground#c0c0c0
editorBracketMatch.background#c0c0c01a
editorBracketMatch.border#0000
editorError.foreground#c0c0c0
editorGroup.border#0000
editorGroupHeader.tabsBackground#1f1f1f
editorGutter.addedBackground#444444
editorGutter.deletedBackground#444444
editorGutter.foldingControlForeground#c0c0c0
editorGutter.itemGlyphForeground#c0c0c0
editorGutter.modifiedBackground#444444
editorHint.foreground#444444
editorHoverWidget.background#363636
editorHoverWidget.border#0000
editorHoverWidget.foreground#c0c0c0
editorInfo.foreground#444444
editorLightBulb.foreground#c0c0c0
editorLightBulbAi.foreground#c0c0c0
editorLightBulbAutoFix.foreground#c0c0c0
editorLineNumber.activeForeground#c0c0c0
editorLineNumber.foreground#444444
editorLink.activeForeground#c0c0c0
editorOverviewRuler.addedForeground#c0c0c01a
editorOverviewRuler.border#0000
editorOverviewRuler.bracketMatchForeground#c0c0c040
editorOverviewRuler.deletedForeground#c0c0c01a
editorOverviewRuler.errorForeground#808080
editorOverviewRuler.findMatchForeground#c0c0c040
editorOverviewRuler.modifiedForeground#c0c0c01a
editorOverviewRuler.warningForeground#808080
editorOverviewRuler.wordHighlightForeground#0000
editorOverviewRuler.wordHighlightStrongForeground#0000
editorOverviewRuler.wordHighlightTextForeground#0000
editorRuler.foreground#c0c0c01a
editorStickyScroll.shadow#0000
editorStickyScrollHover.background#c0c0c01a
editorSuggestWidget.background#2a2a2a
editorSuggestWidget.focusHighlightForeground#c0c0c0
editorSuggestWidget.foreground#808080
editorSuggestWidget.highlightForeground#c0c0c0
editorSuggestWidget.selectedBackground#c0c0c01a
editorSuggestWidget.selectedForeground#c0c0c0
editorSuggestWidget.selectedIconForeground#c0c0c0
editorWarning.foreground#808080
editorWhitespace.foreground#c0c0c01a
editorWidget.background#2a2a2a
editorWidget.foreground#c0c0c0
editorWidget.resizeBorder#0000
errorForeground#c0c0c0
extensionButton.prominentBackground#808080
extensionIcon.preReleaseForeground#808080
extensionIcon.privateForeground#808080
extensionIcon.sponsorForeground#c0c0c0
extensionIcon.starForeground#c0c0c0
extensionIcon.verifiedForeground#c0c0c0
focusBorder#444444
foreground#c0c0c0
git.blame.editorDecorationForeground#444444
gitDecoration.addedResourceForeground#c0c0c0
gitDecoration.conflictingResourceForeground#c0c0c0
gitDecoration.deletedResourceForeground#c0c0c0
gitDecoration.ignoredResourceForeground#444444
gitDecoration.modifiedResourceForeground#c0c0c0
gitDecoration.renamedResourceForeground#c0c0c0
gitDecoration.stageDeletedResourceForeground#c0c0c0
gitDecoration.stageModifiedResourceForeground#c0c0c0
gitDecoration.submoduleResourceForeground#c0c0c0
gitDecoration.untrackedResourceForeground#c0c0c0
icon.foreground#c0c0c0
input.background#2a2a2a
input.border#0000
input.placeholderForeground#444444
inputOption.activeBackground#c0c0c01a
inputOption.activeBorder#0000
inputOption.activeForeground#c0c0c0
inputOption.hoverBackground#0000
list.activeSelectionBackground#c0c0c01a
list.activeSelectionForeground#c0c0c0
list.errorForeground#c0c0c0
list.focusOutline#0000
list.highlightForeground#c0c0c0
list.hoverBackground#0000
list.inactiveSelectionBackground#c0c0c01a
list.inactiveSelectionForeground#c0c0c0
list.warningForeground#c0c0c0
listFilterWidget.shadow#0000
menu.background#2a2a2a
menu.foreground#c0c0c0
menu.selectionBackground#c0c0c01a
menu.selectionForeground#c0c0c0
menu.separatorBackground#0000
menubar.selectionBackground#0000
menubar.selectionForeground#c0c0c0
merge.currentContentBackground#c0c0c01a
merge.currentHeaderBackground#0000
merge.incomingContentBackground#c0c0c05f
merge.incomingHeaderBackground#0000
mergeEditor.change.background#0000
mergeEditor.change.word.background#c0c0c05f
mergeEditor.changeBase.background#0000
mergeEditor.changeBase.word.background#c0c0c01a
mergeEditor.conflict.handledFocused.border#0000
mergeEditor.conflict.handledUnfocused.border#0000
mergeEditor.conflict.unhandled.minimapOverViewRuler#c0c0c0
mergeEditor.conflict.unhandledFocused.border#0000
mergeEditor.conflict.unhandledUnfocused.border#0000
minimap.errorHighlight#c0c0c040
minimap.findMatchHighlight#c0c0c01a
minimap.selectionHighlight#c0c0c01a
minimap.selectionOccurrenceHighlight#c0c0c01a
minimap.warningHighlight#c0c0c040
notificationLink.foreground#c0c0c0
notifications.background#2a2a2a
notifications.foreground#c0c0c0
notificationsErrorIcon.foreground#c0c0c0
notificationsInfoIcon.foreground#c0c0c0
notificationsWarningIcon.foreground#c0c0c0
panel.border#0000
panelStickyScroll.shadow#0000
panelTitle.activeBorder#0000
panelTitle.activeForeground#c0c0c0
panelTitle.inactiveForeground#444444
peekView.border#2a2a2a
peekViewTitle.background#2a2a2a
peekViewTitleDescription.foreground#808080
peekViewTitleLabel.foreground#c0c0c0
pickerGroup.border#0000
pickerGroup.foreground#c0c0c0
quickInput.background#2a2a2a
quickInput.foreground#808080
quickInputList.focusBackground#c0c0c01a
quickInputList.focusForeground#c0c0c0
quickInputList.focusIconForeground#c0c0c0
sash.hoverBorder#c0c0c01a
scmGraph.foreground1#c0c0c0
scmGraph.foreground2#a0a0a0
scmGraph.foreground3#808080
scmGraph.foreground4#444444
scmGraph.foreground5#363636
scmGraph.historyItemHoverAdditionsForeground#a0a0a0
scmGraph.historyItemHoverDeletionsForeground#808080
scmGraph.historyItemRefColor#c0c0c0
scmGraph.historyItemRemoteRefColor#444444
scrollbar.shadow#0000
scrollbarSlider.background#c0c0c01a
selection.background#c0c0c01a
settings.checkboxBackground#2a2a2a
settings.checkboxBorder#0000
settings.checkboxForeground#c0c0c0
settings.dropdownBackground#2a2a2a
settings.dropdownBorder#0000
settings.dropdownForeground#c0c0c0
settings.dropdownListBorder#0000
settings.headerForeground#c0c0c0
settings.modifiedItemIndicator#c0c0c0
settings.numberInputBackground#2a2a2a
settings.numberInputBorder#0000
settings.numberInputForeground#c0c0c0
settings.textInputBackground#2a2a2a
settings.textInputBorder#0000
settings.textInputForeground#c0c0c0
sideBar.background#1f1f1f
sideBarSectionHeader.background#0000
sideBarSectionHeader.foreground#c0c0c0
sideBarStickyScroll.shadow#0000
simpleFindWidget.sashBorder#0000
statusBar.background#1f1f1f
statusBar.debuggingBackground#808080
statusBar.debuggingForeground#1f1f1f
statusBar.foreground#a0a0a0
statusBarItem.hoverBackground#0000
statusBarItem.hoverForeground#a0a0a0
symbolIcon.arrayForeground#808080
symbolIcon.booleanForeground#808080
symbolIcon.classForeground#808080
symbolIcon.colorForeground#808080
symbolIcon.constantForeground#808080
symbolIcon.constructorForeground#808080
symbolIcon.enumeratorForeground#808080
symbolIcon.enumeratorMemberForeground#808080
symbolIcon.eventForeground#808080
symbolIcon.fieldForeground#808080
symbolIcon.fileForeground#808080
symbolIcon.folderForeground#808080
symbolIcon.functionForeground#808080
symbolIcon.interfaceForeground#808080
symbolIcon.keyForeground#808080
symbolIcon.keywordForeground#808080
symbolIcon.methodForeground#808080
symbolIcon.moduleForeground#808080
symbolIcon.namespaceForeground#808080
symbolIcon.nullForeground#808080
symbolIcon.numberForeground#808080
symbolIcon.objectForeground#808080
symbolIcon.operatorForeground#808080
symbolIcon.packageForeground#808080
symbolIcon.propertyForeground#808080
symbolIcon.referenceForeground#808080
symbolIcon.snippetForeground#808080
symbolIcon.stringForeground#808080
symbolIcon.structForeground#808080
symbolIcon.textForeground#808080
symbolIcon.typeParameterForeground#808080
symbolIcon.unitForeground#808080
symbolIcon.variableForeground#808080
tab.activeBackground#c0c0c01a
tab.activeForeground#c0c0c0
tab.border#0000
tab.inactiveBackground#0000
tab.inactiveForeground#444444
tab.unfocusedHoverForeground#444444
tab.unfocusedInactiveForeground#444444
terminalCommandDecoration.errorBackground#c0c0c0
terminalCommandDecoration.successBackground#444444
terminalStickyScrollHover.background#c0c0c01a
textBlockQuote.background#c0c0c01a
textBlockQuote.border#a0a0a0
textCodeBlock.background#2a2a2a
textLink.activeForeground#a0a0a0
textLink.foreground#a0a0a0
textPreformat.background#c0c0c01a
textPreformat.foreground#a0a0a0
titleBar.activeBackground#1f1f1f
titleBar.activeForeground#c0c0c0
titleBar.inactiveBackground#1f1f1f
titleBar.inactiveForeground#c0c0c0
toolbar.hoverBackground#0000
widget.shadow#0000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword.control.directive.fsharp, keyword.control.ternary, keyword.operator.logical.rust, source.css constant.numeric, source.css storage.modifier, source.css string.quoted, source.go keyword.operator, source.java storage.type, source.json constant.numeric, source.json string.quoted, source.yaml constant.language.boolean, source.yaml constant.language.null, source.yaml constant.numeric, source.yaml keyword.control, source.yaml storage.type, source.yaml string.quoted, storage.modifier.import.java, storage.modifier.package.java, storage.type.function.arrow, string.quoted.single.fsharp	#c0c0c0	—
constant.language.bool, constant.language.boolean, constant.language.infinity, constant.language.nan, constant.language.null, constant.language.python, constant.language.undefined, constant.numeric, constant.numeric entity.name.type.numeric.rust, constant.numeric storage.type, markup.inline.raw, markup.quote.markdown, punctuation.definition.list.begin.markdown, source.css variable, source.go keyword.other.unit, storage.type.string.python, string.quoted, string.regexp, string.regexp keyword.control, string.regexp.quoted	#a0a0a0	—
entity.name.type.numeric.rust, entity.name.type.primitive.rust, keyword.control, keyword.fsharp, keyword.operator.expression, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.new, keyword.other.fn, keyword.other.import, keyword.other.package, keyword.other.rust, keyword.type, markup.underline.link.markdown, source.cs keyword.other.directive, source.go keyword, source.sql keyword.other, storage.modifier, storage.type, storage.type.local, storage.type.primitive, support.type.builtin, support.type.primitive, variable.language.super, variable.language.this	#808080	—
comment, comment storage.type, comment string.quoted, string.other.link.description.title.markdown	#444444	—
markup.bold.markdown, markup.heading.markdown, markup.list.numbered.markdown punctuation, markup.list.unnumbered.markdown punctuation, meta.separator.markdown	—	bold
markup.italic.markdown	—	italic
markup.strikethrough.markdown	—	strikethrough

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