gedit Oblivion x Atom One Light

Name: gedit Oblivion x Atom One Light
Author: tpower21

Publisher: tpower21Themes in package: 1

Dark syntax theme ported from gedit Oblivion, with a light UI like Atom One Light

GitHub

VS Code preview

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

gedit Oblivion x Atom One Light — gedit Oblivion x Atom One Light

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#FAFAFA
activityBar.foreground#121417
activityBarBadge.background#526FFF
activityBarBadge.foreground#FFFFFF
badge.background#526FFF
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#424243
breadcrumb.background#EAEAEB
breadcrumb.focusForeground#424243
breadcrumb.foreground#424243
breadcrumbPicker.background#EAEAEB
button.background#5871EF
button.foreground#FFFFFF
button.hoverBackground#6B83ED
checkbox.background#ffffff
checkbox.foreground#121417
diffEditor.insertedTextBackground#00809B33
dropdown.background#303030
dropdown.border#f7f4f4e3
dropdown.foreground#f7f4f4e3
dropdown.listBackground#303030
editor.background#303030
editor.foreground#d3d7cf
editor.lineHighlightBackground#3a3e40
editor.selectionBackground#555753
editorBracketMatch.background#9F5A2B
editorBracketMatch.border#3a3e40
editorCursor.foreground#d3d7cf
editorGhostText.foreground#e6e9f080
editorGroup.border#DBDBDC
editorGroupHeader.tabsBackground#EAEAEB
editorGutter.foldingControlForeground#555753
editorHoverWidget.background#303030
editorHoverWidget.border#DBDBDC
editorHoverWidget.foreground#EAEAEB
editorLineNumber.activeForeground#e6e9f080
editorLineNumber.foreground#747D9180
editorLink.activeForeground#FFFFFF
editorSuggestWidget.background#EAEAEB
editorSuggestWidget.border#DBDBDC
editorSuggestWidget.foreground#121417
editorSuggestWidget.selectedBackground#FFFFFF
editorWhitespace.foreground#3b3a32
editorWidget.background#EAEAEB
editorWidget.border#E5E5E6
editorWidget.foreground#121417
extensionButton.prominentBackground#3BBA54
extensionButton.prominentHoverBackground#4CC263
focusBorder#526FFF
foreground#d3d7cf
icon.foreground#737a6b
input.background#FFFFFF
input.border#DBDBDC
input.foreground#121417
input.placeholderForeground#88898b80
list.activeSelectionBackground#DBDBDC
list.activeSelectionForeground#232324
list.activeSelectionIconForeground#232324
list.deemphasizedForeground#232324
list.focusBackground#DBDBDC
list.highlightForeground#121417
list.hoverBackground#DBDBDC66
list.inactiveSelectionBackground#DBDBDC
list.inactiveSelectionForeground#232324
list.inactiveSelectionIconForeground#232324
panel.background#303030
panel.border#EAEAEB
panel.dropBorder#EAEAEB
panelInput.border#EAEAEB
panelSection.border#EAEAEB
panelSection.dropBackground#303030
panelSectionHeader.background#EAEAEB
panelSectionHeader.border#EAEAEB
panelSectionHeader.foreground#EAEAEB
panelTitle.activeBorder#EAEAEB
panelTitle.activeForeground#EAEAEB
panelTitle.inactiveForeground#EAEAEB
peekView.border#526FFF
peekViewEditor.background#424243
peekViewEditor.matchHighlightBackground#424243
peekViewEditor.matchHighlightBorder#424243
peekViewEditorGutter.background#424243
peekViewEditorStickyScroll.background#424243
peekViewResult.background#424243
peekViewResult.fileForeground#ffffff
peekViewResult.lineForeground#ffffff
peekViewResult.matchHighlightBackground#424243
peekViewResult.selectionBackground#424243
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#424243
peekViewTitleDescription.foreground#ffffff
peekViewTitleLabel.foreground#ffffff
pickerGroup.border#526FFF
scrollbar.shadow#ffffff00
scrollbarSlider.activeBackground#747D9180
scrollbarSlider.background#4E566680
scrollbarSlider.hoverBackground#5A637580
selection.background#6B83ED
settings.focusedRowBackground#232324
settings.headerForeground#ffffff
settings.rowHoverBackground#232324
settings.settingsHeaderHoverForeground#ffffff
sideBar.background#EAEAEB
sideBar.foreground#121417
sideBarSectionHeader.background#FAFAFA
statusBar.background#EAEAEB
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#424243
statusBar.noFolderBackground#EAEAEB
statusBarItem.hoverBackground#DBDBDC
symbolIcon.arrayForeground#424243
symbolIcon.booleanForeground#424243
symbolIcon.classForeground#424243
symbolIcon.colorForeground#424243
symbolIcon.constantForeground#424243
symbolIcon.constructorForeground#424243
symbolIcon.enumeratorForeground#424243
symbolIcon.enumeratorMemberForeground#424243
symbolIcon.eventForeground#424243
symbolIcon.fieldForeground#424243
symbolIcon.fileForeground#424243
symbolIcon.folderForeground#424243
symbolIcon.functionForeground#424243
symbolIcon.interfaceForeground#424243
symbolIcon.keyForeground#424243
symbolIcon.keywordForeground#424243
symbolIcon.methodForeground#424243
symbolIcon.moduleForeground#424243
symbolIcon.namespaceForeground#424243
symbolIcon.nullForeground#424243
symbolIcon.numberForeground#424243
symbolIcon.objectForeground#424243
symbolIcon.operatorForeground#424243
symbolIcon.packageForeground#424243
symbolIcon.propertyForeground#424243
symbolIcon.referenceForeground#424243
symbolIcon.snippetForeground#424243
symbolIcon.stringForeground#424243
symbolIcon.structForeground#424243
symbolIcon.textForeground#424243
symbolIcon.typeParameterForeground#424243
symbolIcon.unitForeground#424243
symbolIcon.variableForeground#424243
tab.activeBackground#FAFAFA
tab.activeForeground#121417
tab.border#DBDBDC
tab.inactiveBackground#EAEAEB
terminal.background#303030
terminal.foreground#f7f4f4e3
testing.message.error.decorationForeground#ffffff
testing.message.error.lineBackground#ffffff
testing.message.info.decorationForeground#ffffff
testing.message.info.lineBackground#ffffff
textBlockQuote.background#424243
textBlockQuote.border#444d56
textCodeBlock.background#2f363d
textLink.activeForeground#c8e1ff
textPreformat.foreground#C4AA75
textSeparator.foreground#586069
titleBar.activeBackground#EAEAEB
titleBar.activeForeground#424243
titleBar.inactiveBackground#EAEAEB
titleBar.inactiveForeground#424243
widget.shadow#ffffff00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#B0B0B0	italic
string	#EDD400	—
constant.numeric	#CE5A10	—
constant.language	#CE5C00	bold
constant.character, constant.other	#90C12E	—
constant.character.escape.line-continuation	#d3d7cf	—
variable	#FFFFFF
meta.object-literal.key, variable.other.property, variable.other.object.property	#6290C5
meta.indexed-name, meta.attribute, variable.language.special.self, variable.other.object.property	#6290C5
meta.function-call	#FFFFFF	bold
variable.other.normal	#6290C5
keyword	#FFFFFF	bold
storage	#FFFFFF	bold
storage.type	#FFFFFF	italic bold
storage.modifier	#FFFFFF	italic bold
entity.name.class	#FFFFFF	underline
entity.other.inherited-class	#A6E22E	italic underline
entity.name.function	#FFFFFF	bold
variable.parameter	#FD971F	italic bold
entity.name.tag, punctuation.definition.tag	#729FCF
entity.name.tag.css	#F92672	bold
entity.other.attribute-name	#A6E22E
support.function	#FFFFFF	bold
support.function.construct	#73D216	bold
support.constant	#66D9EF
support.type, support.class	#66D9EF	italic
support.other.variable	—
invalid	#F8F8F0
invalid.deprecated	#F8F8F0	—
remark.todo	#FFFFAA	—
remark.done	#DDDDDD	—
remark.wait	#CCFFCC	—
remark.note	#AAAAAA	—
remark.fixme	#FFAAAA	—
remark.warning	#FF9900	—
remark.info	#FFFFAA	—
remark.exception	#FFAAAA	—
remark.error	#FF3366	—
meta.diff, meta.diff.header	#75715E	—
markup.deleted	#A40000	—
markup.inserted	#4E9A06	—
markup.changed	#204A87	—
text.html.markdown meta.dummy.line-break	#E0EDDD	—
text.html.markdown markup.raw.inline	#269186	—
punctuation.definition.raw.markdown	#269186	—
markup.heading	#CB4B16	bold
markup.italic	#839496	italic
markup.bold	#586E75	bold
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown	#586E75	—
markup.underline	#839496	underline
markup.quote	#268BD2	italic
meta.separator	#268BD2	bold
storage.type.ts, storage.type.js, storage.type.tsx	#FFFFFF	italic
keyword.operator	#FFFFFF	bold
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—

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