AMOLED Jonny Dark

Name: AMOLED Jonny Dark
Author: Jonathan Hoffman

Publisher: Jonathan HoffmanThemes in package: 2

A colourblind-friendly AMOLED dark theme optimised for readability.

Open in VS Code GitHub

Color themes

VS Code preview

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

AMOLED Jonny Dark — Jonny AMOLED Dark - High Contrast

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

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#000000
activityBar.border#2A2A2A
activityBar.foreground#E6E6E6
activityBar.inactiveForeground#A0A0A0
activityBarBadge.background#6ECFE6
activityBarBadge.foreground#000000
diffEditor.insertedTextBackground#4BCB8A33
diffEditor.removedTextBackground#D37A5C33
editor.background#000000
editor.foreground#D4D4D4
editor.inactiveSelectionBackground#6ECFE626
editor.lineHighlightBackground#141414
editor.selectionBackground#6ECFE64D
editorCursor.foreground#F3B38C
editorError.foreground#FF8A7A
editorGroup.border#2A2A2A
editorGroupHeader.border#2A2A2A
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#2A2A2A
editorGutter.addedBackground#4BCB8A
editorGutter.background#000000
editorGutter.deletedBackground#D37A5C
editorGutter.foldingControlForeground#7E7E7E
editorGutter.modifiedBackground#A0D6FF
editorHint.foreground#A2F2C8
editorIndentGuide.activeBackground#707070
editorIndentGuide.background#333333
editorInfo.foreground#6ECFE6
editorLineNumber.activeForeground#E6E6E6
editorLineNumber.foreground#9A9A9A
editorWarning.foreground#E5B567
editorWhitespace.foreground#333333
errorForeground#FFB15A
focusBorder#6ECFE6
gitDecoration.addedResourceForeground#4BCB8A
gitDecoration.deletedResourceForeground#D37A5C
gitDecoration.ignoredResourceForeground#4E4E4E
gitDecoration.modifiedResourceForeground#A0D6FF
gitDecoration.untrackedResourceForeground#A2F2C8
list.activeSelectionBackground#111111
list.activeSelectionForeground#E6E6E6
list.focusBackground#111111
list.highlightForeground#6ECFE6
list.hoverBackground#1A1A1A
list.inactiveSelectionBackground#0B0B0B
list.inactiveSelectionForeground#C8C8C8
minimap.background#000000
notificationCenterHeader.background#050505
notifications.background#050505
notifications.foreground#D4D4D4
panel.background#050505
panel.border#2A2A2A
panelTitle.activeBorder#6ECFE6
scrollbarSlider.activeBackground#A0A0A0B3
scrollbarSlider.background#7E7E7E66
scrollbarSlider.hoverBackground#7E7E7E99
sideBar.background#050505
sideBar.border#2A2A2A
sideBar.foreground#C8C8C8
sideBarSectionHeader.background#050505
sideBarSectionHeader.border#2A2A2A
sideBarSectionHeader.foreground#E6E6E6
statusBar.background#000000
statusBar.border#2A2A2A
statusBar.debuggingBackground#262626
statusBar.foreground#D4D4D4
statusBar.noFolderBackground#000000
statusBarItem.remoteBackground#111111
statusBarItem.remoteForeground#D4D4D4
tab.activeBackground#111111
tab.activeBorder#2A2A2A
tab.activeBorderTop#6ECFE6
tab.activeForeground#E6E6E6
tab.border#2A2A2A
tab.hoverBackground#1A1A1A
tab.inactiveBackground#000000
tab.inactiveForeground#A0A0A0
tab.unfocusedActiveBackground#0D0D0D
tab.unfocusedInactiveBackground#000000
terminal.background#000000
terminal.border#2A2A2A
titleBar.activeBackground#050505
titleBar.activeForeground#D4D4D4
titleBar.border#2A2A2A
titleBar.inactiveBackground#050505
titleBar.inactiveForeground#7E7E7E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, meta.embedded, variable, meta.object-literal.key	#CCCCCC	—
keyword, keyword.control, keyword.operator, storage.type, storage.modifier	#7FD8E8
entity.name.type, entity.name.class, support.type, support.class	#A2F2C8
entity.name.function, support.function, meta.function-call, meta.method-call	#94E6BE
variable.parameter, meta.parameter, meta.argument	#C8C8C8	—
variable.other.constant, variable.other.enummember, constant.language, constant.character, support.constant	#EBC77E	bold
string, string.quoted, string.template	#EBC77E
string.template meta.embedded, string.interpolated	#7FD8E8	—
constant.numeric, constant.boolean	#D69CA7	—
comment, punctuation.definition.comment	#777777	italic
punctuation, punctuation.separator, punctuation.terminator, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.arguments, meta.brace, meta.bracket, meta.delimiter	#5E5E5E	—
keyword.operator, punctuation.definition.operator	#A0A0A0	—
meta.decorator, entity.other.attribute-name, meta.annotation	#D69CA7	italic
keyword.control.import, keyword.control.export, keyword.control.from	#7FD8E8	—
support.type.property-name, meta.object-literal.key string	#CFCFCF	—
markup.heading, markup.heading entity.name.section	#EBC77E	bold
markup.bold	#CCCCCC	bold
markup.italic	#CCCCCC	italic
markup.underline.link, string.other.link	#7FD8E8	underline
invalid, invalid.illegal	#000000	—
meta.deprecated	#9D5A4C	strikethrough
entity.name.type.ts, entity.name.type.interface.ts, entity.name.type.alias.ts, entity.name.enum.ts, support.type.primitive.ts	#A2F2C8
meta.decorator.ts, meta.decorator punctuation.definition.tag.ts	#D69CA7	italic
keyword.operator.type.annotation.ts, keyword.operator.type.ts, storage.type.type.ts, storage.type.interface.ts	#7FD8E8
variable.language.this.ts, variable.language.super.ts	#C8C8C8	—
entity.name.tag.tsx, support.class.component.tsx	#EBC77E
entity.other.attribute-name.tsx	#D69CA7
support.function.builtin.python, support.type.builtin.python	#94E6BE	—
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python	#C8C8C8	italic
meta.function.decorator.python, entity.name.function.decorator.python	#D69CA7	italic
meta.annotation.type.python, meta.function.parameters.python entity.name.type, meta.generic-name.python	#A2F2C8
string.quoted.single.f.python meta.embedded.line, string.quoted.double.f.python meta.embedded.line, constant.character.format.placeholder.other.python	#7FD8E8	—
comment, punctuation.definition.comment	#595959	italic
punctuation, keyword.operator, storage.type.function.arrow	#444444	—
keyword, storage.type, storage.modifier	#6ECFE6	—
entity.name.function, support.function, meta.function-call, variable.function	#9FE0C2	—
entity.name.type, entity.name.class, support.type, support.class	#E6B2CA	—
variable, meta.parameter, variable.parameter	#D4D4D4	—
constant, constant.numeric, constant.language, variable.other.constant, entity.name.constant, support.constant	#A0D6FF	—
string, string.quoted, string.template, constant.other.symbol	#EBCF87	—
meta.decorator, meta.annotation, entity.name.function.decorator	#D5A5E6	—
support.variable, support.other.variable, variable.language, keyword.other.this	#F3B38C	—
support.type.property-name.json, meta.object-literal.key	#A0D6FF	—