Replace remaining Mattermost logo assets with Slash branding #9

Merged

mohlec merged 5 commits from branding/favicon-regen into slash/main

2026-07-07 16:08:10 +00:00

mohlec commented

2026-07-07 15:15:52 +00:00

Owner

Closes slash-server #8 (re-tracking of the Logo assets TODO left outstanding when #1 was closed).

All 26 favicon PNGs regenerated from NCW-Branding-KIT's slash-logo-transparent.svg (purple circle/square + flattened white mark; mentions/unread corner badges match original proportions)
api/v4/html/static/favicon.ico replaced (multi-res)
Animated compass-needle loading screen (visible on every page load, incl. the login page) replaced with a simple rotating ring + small embedded Slash badge
Verified: check-branding.sh passes, modified template is well-formed XML, and the specific animationend/class-name contract that initial_loading_screen_class.ts depends on (to avoid a stuck-forever loading screen) is preserved exactly

Closes slash-server #8 (re-tracking of the Logo assets TODO left outstanding when #1 was closed). - All 26 favicon PNGs regenerated from NCW-Branding-KIT's slash-logo-transparent.svg (purple circle/square + flattened white mark; mentions/unread corner badges match original proportions) - api/v4/html/static/favicon.ico replaced (multi-res) - Animated compass-needle loading screen (visible on every page load, incl. the login page) replaced with a simple rotating ring + small embedded Slash badge - Verified: check-branding.sh passes, modified template is well-formed XML, and the specific animationend/class-name contract that initial_loading_screen_class.ts depends on (to avoid a stuck-forever loading screen) is preserved exactly

mohlec added 5 commits

2026-07-07 15:15:52 +00:00

wip: favicon regen preview (will be removed/replaced before final commit) 0eedbab831

wip: v2 flat white mark 666c765def

wip: mentions/unread/square previews a925ad7e8d

wip: v2 smaller mentions dot f3109be0c0

Replace remaining Mattermost logo assets with Slash branding

Build Slash Webapp / branding-audit (pull_request) Successful in 33s

Details

Build Slash Webapp / build-webapp (pull_request) Has been skipped

Details

16ff32457b

Closes the 'Logo assets (TODO)' item in BRANDING_CHANGES.md, left
outstanding when issue #1 was closed. Blocked at the time on missing
NCW/Slash SVG assets -- now available in NCW-Branding-KIT.

- Regenerated all 26 favicon PNGs (default/mentions/unread x 5 sizes,
  plus apple-touch-icon x7, android-chrome, 3 unreferenced legacy
  sizes) from logos/slash-logo-transparent.svg. The source mark has
  internal 3D shading that doesn't survive scaling to 16x16, so it was
  flattened to a flat white silhouette (alpha-extract onto solid fill)
  before compositing onto an NCW purple (#990066) circle/square.
  Mentions/unread corner badges (red #DC3545 / plum #5B1A40) match the
  original's size and position proportions.
- Replaced api/v4/html/static/favicon.ico (multi-res 16/32/48).
- Replaced the animated compass-needle loading-screen spinner
  (initial_loading_screen_template.html) -- this is what rendered
  Mattermost's logo on every page load before React hydrates, visible
  on the login page. New version: a simple rotating ring (reuses the
  existing generic .LoadingAnimation__spinner CSS animation, not
  compass-specific) plus a small embedded Slash badge (~8KB base64).
  The large decorative background texture in the same file was left
  untouched -- it uses currentColor/CSS variables, never Mattermost-
  specific.
- initial_loading_screen.css: --colour changed from Mattermost blue
  #1E325C to NCW purple #990066 (dark mode: #FF95B9).
- Preserved exactly: #initialPageLoadingAnimation id, the
  LoadingAnimation/--loading/--loaded class names, and the
  LoadingAnimation__shrink keyframe -- initial_loading_screen_class.ts
  listens for that specific animationend event name to remove the
  loading screen from the DOM; breaking it would leave the loading
  screen stuck on-screen forever.

Reopens tracking as slash-server issue #8 (issue #1 was closed with
this item still outstanding).