Small marks. Clear signals.
The app icon and favicon stay recognizable at the smallest sizes. The editor themes bring that same contrast discipline to code.
From app tile to browser tab
icon
GolfAPI app icon
Source: archive/source-material/Favicon and Code Theme.dc.html
icon
App icon — PNG
Source: archive/source-material/Favicon and Code Theme.dc.html
favicon
Favicon — SVG
Source: archive/source-material/Favicon and Code Theme.dc.html
favicon
Favicon — 32px PNG
Source: archive/source-material/Favicon and Code Theme.dc.html
favicon
Favicon — ICO
Source: archive/source-material/Favicon and Code Theme.dc.html
Syntax on the scorecard
GolfAPI dark theme
const round = await golf.courses.find({
near: [40.7128, -74.0060],
holes: 18,
status: 'open',
walking: true,
});
GolfAPI light theme
const round = await golf.courses.find({
near: [40.7128, -74.0060],
holes: 18,
status: 'open',
walking: true,
});
Theme files
Dark + light syntax palette
code-theme
Code theme palette
Source: archive/source-material/Favicon and Code Theme.dc.html
#0B0E0C · #22C55E
code-theme
GolfAPI dark editor theme
Source: archive/source-material/Favicon and Code Theme.dc.html
#F7F7F4 · #12833C
code-theme
GolfAPI light editor theme
Source: archive/source-material/Favicon and Code Theme.dc.html
Dark + light · JSON
bundle
Code theme package
Source: archive/source-material/Favicon and Code Theme.dc.html
