Pell d'estil client de correu d'escriptori clàssic per a Outlook web, amb la imatge de la Comunitat EduTicTac
  • JavaScript 54.3%
  • CSS 41.7%
  • HTML 3.3%
  • Shell 0.7%
Find a file
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Samuel Soriano 5bbfce7cd4 Add addons.mozilla.org listing notes
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-03 11:58:17 +02:00
_locales Warn to select a message when Outlook's button is disabled (v0.2.9) 2026-10-02 23:47:16 +02:00
assets Add classic toolbars that drive Outlook's own buttons (v0.2.0) 2026-10-02 23:18:37 +02:00
content Paint Outlook's title bar row with the toolbar colour instead of clearing it (v0.3.6) 2026-10-03 00:12:50 +02:00
icons Primera versió de la pell clàssica per a Outlook web 2026-10-02 23:04:04 +02:00
popup Add classic toolbars that drive Outlook's own buttons (v0.2.0) 2026-10-02 23:18:37 +02:00
scripts Primera versió de la pell clàssica per a Outlook web 2026-10-02 23:04:04 +02:00
store Add addons.mozilla.org listing notes 2026-10-03 11:58:17 +02:00
.gitignore Primera versió de la pell clàssica per a Outlook web 2026-10-02 23:04:04 +02:00
LICENSE Primera versió de la pell clàssica per a Outlook web 2026-10-02 23:04:04 +02:00
manifest.json Declare Firefox data collection consent for AMO (v0.3.7) 2026-10-03 11:57:52 +02:00
PRIVACY.md Add Chrome Web Store listing material and privacy policy 2026-10-03 00:17:19 +02:00
README.md Add classic toolbars that drive Outlook's own buttons (v0.2.0) 2026-10-02 23:18:37 +02:00

EduTicTac Correu Clàssic

Extensió per a navegador que vist Outlook web amb l'aspecte d'un client de correu d'escriptori clàssic (tres panells, llista compacta en forma de taula, barres d'eines planes), amb la imatge de la Comunitat EduTicTac.

És un projecte per a divertir-se: no llig el correu ni parla amb cap servidor. Canvia com es veu Outlook i hi afig barres d'eines que premen els botons d'Outlook de sempre.

Tema clar Tema fosc
Tema clar Tema fosc

Captures sobre una maqueta amb l'estructura d'Outlook web.

Què fa

  • Recoloreja Outlook amb la paleta EduTicTac (indi i verd de la marca) sobreescrivint els tokens de color de Fluent UI i del tema d'Outlook.
  • Tema automàtic (segueix el sistema), clar o fosc.
  • Panell de carpetes gris, selecció plena, llista amb separadors fins i capçaleres de columna de taula, opció de files alternes.
  • Marca EduTicTac a la barra superior.
  • Barres d'eines clàssiques (des de la v0.2):
    • Barra unificada al costat de la marca: Rep, Redacta, Llibreta d'adreces, Calendari i Filtre ràpid.
    • Barra d'accions dalt del missatge obert: Respon, Respon a tots, Reenvia, Arxiva, Brossa i Suprimeix.
    • Cada botó busca el botó real d'Outlook (per identificador o per etiqueta en valencià, castellà o anglés) i el prem. Si no el troba, fa servir la drecera de teclat d'Outlook; si tampoc n'hi ha, avisa.
    • Opció per a amagar la cinta d'Outlook quan les barres pròpies basten.
  • Diagnòstic al popup: indica quins elements d'Outlook ha reconegut i com es resoldria cada botó de les barres, per a ajustar-ho quan Microsoft canvia l'estructura.

Funciona a outlook.office.com, outlook.office365.com, outlook.cloud.microsoft i outlook.live.com.

Instal·lació (mode desenvolupador)

Chrome / Chromium / Edge: chrome://extensions → activa Mode de desenvolupador → Carrega desempaquetada → tria esta carpeta.

Firefox: about:debugging#/runtime/this-firefox → Carrega un complement temporal → tria manifest.json.

Perquè quede més clàssic

A Outlook: Configuració › Correu › Disseny:

  • Panell de lectura: a baix.
  • Disseny de la llista de missatges: una sola línia.
  • Densitat: compacta.

Empaquetar

./scripts/package.sh

Com funciona

Tot l'aspecte és CSS (content/theme.css), dins de la classe html.ett-classic, que content/content.js posa o lleva segons la configuració. Per això desactivar-la torna Outlook a l'estat original sense recarregar. Els selectors fan servir atributs estables (role, id, aria-*) i no les classes generades d'Outlook, que canvien a cada desplegament. Les files de la llista no canvien d'alçada perquè la llista és virtualitzada.

Les barres d'eines (content/toolbars.js) no implementen cap acció pròpia: content/actions.js localitza el botó equivalent d'Outlook i en simula el clic, de manera que Outlook continua fent tota la feina.

Marques

No està afiliat a Microsoft ni a Mozilla. Outlook és una marca de Microsoft. L'estètica s'inspira en els clients de correu d'escriptori clàssics, sense fer servir logotips ni noms d'altres projectes.

Llicència

MIT. Logotip i imatge: Comunitat EduTicTac.