Menu ▾ ▴

#429 Port the WhatsApp, Teams and Google Chat themes

open
nobody
6 days ago
7 days ago
Anonymous
No

Originally created by: kristofferR

Goal

Port WhatsApp, Teams and Google Chat into the catalog (#426), on Chatpane's hooks (#424).

Sources (MIT)

  • WhatsApp, Teams: https://github.com/toanbku/fmess at 0cc6ecf, src-tauri/themes/{whatsapp,teams}.css (sources and build scripts in themes/). Author: toanbku.
  • Google Chat: toanbku/fmess#50 at e9978db, src-tauri/themes/gchat.css. Authors: toanbku & Hlong-Dev.

Port

  • Rename every fMess hook to Chatpane's (data-fmess-ui → data-chatpane-ui, data-fmess-chats → data-chatpane-chats, …). #fmess-account anchors become [data-chatpane-ui="list-header"].
  • Remove all fake app chrome and brand art:
  • WhatsApp: the left icon rail, its unread badge, the strip under the window buttons, the "WhatsApp" wordmark (keep the list title as text).
  • Teams: the 48px title band with its search box, "…" and avatar; the app bar and its sidebar fold; the macOS drag-strip rules; the Teams logo and Copilot art; the quick-reaction row in the hover card (react, reply and more stay).
  • Google Chat: the 64px Google bar, the status pill, the search pill and "Ask Gemini", the right-hand app panel, the left rail (New chat stays in the list header).
  • Anything relying on --fmess-title-bar, --fmess-buttons, --fmess-window-buttons, --fmess-search-box, --fmess-quick-reactions or .fmess-pane-edge.
  • Header: /* Chatpane theme, name, author, five preview colours. Keep the bundled fonts and emoji that are themselves MIT/OFL/Apache, with their notices.
  • No infinite animations.

Testing

Light and dark: chat list, a 1:1 and a group chat, replying, editing, voice recording, reactions, details pane, menus, tooltips, toasts, photo viewer. An English and a non-English Facebook.

Part of [#434].

Related

Tickets: #434

Discussion


Log in to post a comment.