Hi, and welcome! This is a self-contained, creative first issue — no deep app knowledge required. darkmap is an ad-free, dark-sky / atmospheric / orbital field-planning map (an above-the-crust tool for astronomers, night-cyclists, and field-sensing folks). It deserves a real visual identity, and right now it doesn't have one.
The problem (concrete): the current favicon is a leftover scaffold mark. static/favicon.svg literally still has aria-label="omux" and an unrelated geometric glyph — that "omux" label is from a different project's template. The web manifest (static/manifest.webmanifest) points both its any and maskable icon slots at that same single SVG, so there are no real touch icons.
What we'd love:
- A logo — a mark + a wordmark ("darkmap"). The vibe: dark sky, atmosphere, a hint of orbit. It's a field instrument, not a consumer app — think precise, quiet, a little technical.
- Favicon + touch icons — a clean
favicon.svg (replacing the omux one) plus PNG touch icons sized for the manifest (e.g. 192/512, and a maskable variant).
- A short brand-color note (a paragraph + hex list) that respects the existing palette rather than reinventing it. The deck is near-black; the warm highlight is amber
#FFD166 (--accent-amber / --accent-amber-rgb: 255, 209, 102 in src/app.css). There are also four per-lens accents already chosen and WCAG-AA-checked in src/lib/lens.ts LENS_ACCENT: Sky amber #FFD166, Air green #4ADE80, Links blue #6BB6FF, Orbit violet #C4A6FF. A good logo will sit comfortably on the near-black deck and not fight these.
Files to look at:
static/favicon.svg — the current (wrong, "omux"-labeled) mark to replacestatic/manifest.webmanifest — PWA name/colors/icon slots (theme_color/background_color are #0c1018)src/app.css (~lines 42–55) — the --accent-amber + --lens-accent token source of truthsrc/lib/lens.ts (LENS_ACCENT) — the four per-lens hues + AA contrast notes
Acceptance criteria:
How to verify it's safe: asset-only + manifest + a new doc. just check (prettier/eslint/svelte-check) should stay green since no app logic changes.
Hi, and welcome! This is a self-contained, creative first issue — no deep app knowledge required. darkmap is an ad-free, dark-sky / atmospheric / orbital field-planning map (an above-the-crust tool for astronomers, night-cyclists, and field-sensing folks). It deserves a real visual identity, and right now it doesn't have one.
The problem (concrete): the current favicon is a leftover scaffold mark.
static/favicon.svgliterally still hasaria-label="omux"and an unrelated geometric glyph — that "omux" label is from a different project's template. The web manifest (static/manifest.webmanifest) points both itsanyandmaskableicon slots at that same single SVG, so there are no real touch icons.What we'd love:
favicon.svg(replacing the omux one) plus PNG touch icons sized for the manifest (e.g. 192/512, and a maskable variant).#FFD166(--accent-amber/--accent-amber-rgb: 255, 209, 102insrc/app.css). There are also four per-lens accents already chosen and WCAG-AA-checked insrc/lib/lens.tsLENS_ACCENT: Sky amber#FFD166, Air green#4ADE80, Links blue#6BB6FF, Orbit violet#C4A6FF. A good logo will sit comfortably on the near-black deck and not fight these.Files to look at:
static/favicon.svg— the current (wrong, "omux"-labeled) mark to replacestatic/manifest.webmanifest— PWA name/colors/icon slots (theme_color/background_colorare#0c1018)src/app.css(~lines 42–55) — the--accent-amber+--lens-accenttoken source of truthsrc/lib/lens.ts(LENS_ACCENT) — the four per-lens hues + AA contrast notesAcceptance criteria:
static/favicon.svgreplaced with the new mark (and the strayaria-label="omux"gone — usearia-label="darkmap").static/manifest.webmanifestupdated to reference real sized icons (not two slots pointing at one SVG).--accent-amber+ the fourLENS_ACCENThues, dark-first.How to verify it's safe: asset-only + manifest + a new doc.
just check(prettier/eslint/svelte-check) should stay green since no app logic changes.