From e667843b593d0b5d1aa32aa55a87abb734e2dabd Mon Sep 17 00:00:00 2001
From: Lucas Rayan <lucas.guerra@pop-pe.rnp.br>
Date: Thu, 22 Oct 2026 22:33:15 -0300
Subject: [PATCH] feat(webmail): the new interface - logo, dark and light
 themes, command menu

A mark (a lambda on an ultramarine tile with the flap of an envelope), the
favicon, home-screen icons and an install manifest. Every colour is a variable
defined once per theme, and the Tailwind scales the screens already use read
them, so dark (the default) and light are a change of values and not of
classes. Geist is served by the app itself. Ctrl+K opens a command menu for
folders, actions, accounts and appearance, and typing something that matches no
command searches the mail; c writes a message and / goes to the search field.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 services/webmail/messages/en.json             |  22 ++
 services/webmail/messages/es.json             |  22 ++
 services/webmail/messages/pt-BR.json          |  22 ++
 services/webmail/package-lock.json            |  10 +
 services/webmail/package.json                 |   1 +
 services/webmail/public/icons/icon-192.png    | Bin 0 -> 8417 bytes
 services/webmail/public/icons/icon-512.png    | Bin 0 -> 26817 bytes
 .../webmail/public/icons/maskable-512.png     | Bin 0 -> 19364 bytes
 .../webmail/src/app/(admin)/admin/layout.tsx  |  27 +-
 .../src/app/(admin)/admin/mailboxes/page.tsx  |   8 +-
 .../src/app/(admin)/admin/queue/page.tsx      |   4 +-
 .../src/app/(admin)/admin/tests/page.tsx      |   4 +-
 .../src/app/(auth)/admin/login/page.tsx       |   9 +-
 .../src/app/(auth)/admin/step-up/page.tsx     |   2 +-
 .../src/app/(auth)/user/login/page.tsx        |   9 +-
 .../webmail/src/app/(user)/user/layout.tsx    |  44 ++-
 .../app/(user)/user/mail/[folder]/page.tsx    |  15 +-
 .../src/app/(user)/user/settings/page.tsx     |  18 +-
 services/webmail/src/app/apple-icon.png       | Bin 0 -> 6210 bytes
 services/webmail/src/app/favicon.ico          | Bin 0 -> 4177 bytes
 services/webmail/src/app/globals.css          | 337 ++++++++++++------
 services/webmail/src/app/icon.svg             |  14 +
 services/webmail/src/app/layout.tsx           |  31 +-
 services/webmail/src/app/manifest.ts          |  23 ++
 .../src/components/AccountSwitcher.tsx        |  15 +-
 .../webmail/src/components/CommandPalette.tsx | 310 ++++++++++++++++
 services/webmail/src/components/Composer.tsx  |  16 +-
 services/webmail/src/components/Logo.tsx      |  36 ++
 .../webmail/src/components/MessageFrame.tsx   |   2 +-
 .../webmail/src/components/MessageReader.tsx  |  28 +-
 .../webmail/src/components/RecipientInput.tsx |   4 +-
 .../webmail/src/components/ThemeToggle.tsx    |  37 ++
 .../webmail/src/components/ThreadReader.tsx   |  22 +-
 .../webmail/src/components/TotpEnrolment.tsx  |   6 +-
 services/webmail/src/components/ui/Button.tsx |   6 +-
 services/webmail/src/lib/theme.ts             |  94 +++++
 services/webmail/src/theme-integrity.test.ts  | 146 ++++++++
 services/webmail/tailwind.config.js           | 133 +++----
 38 files changed, 1161 insertions(+), 316 deletions(-)
 create mode 100644 services/webmail/public/icons/icon-192.png
 create mode 100644 services/webmail/public/icons/icon-512.png
 create mode 100644 services/webmail/public/icons/maskable-512.png
 create mode 100644 services/webmail/src/app/apple-icon.png
 create mode 100644 services/webmail/src/app/favicon.ico
 create mode 100644 services/webmail/src/app/icon.svg
 create mode 100644 services/webmail/src/app/manifest.ts
 create mode 100644 services/webmail/src/components/CommandPalette.tsx
 create mode 100644 services/webmail/src/components/Logo.tsx
 create mode 100644 services/webmail/src/components/ThemeToggle.tsx
 create mode 100644 services/webmail/src/lib/theme.ts
 create mode 100644 services/webmail/src/theme-integrity.test.ts

diff --git a/services/webmail/messages/en.json b/services/webmail/messages/en.json
index ebf1590..aabb645 100644
--- a/services/webmail/messages/en.json
+++ b/services/webmail/messages/en.json
@@ -564,5 +564,27 @@
     "draftDiscarded": "Reply discarded",
     "sentReply": "Reply sent",
     "moreMessages": "Show {count} earlier messages"
+  },
+  "appearance": {
+    "title": "Appearance",
+    "dark": "Dark",
+    "light": "Light",
+    "system": "System"
+  },
+  "palette": {
+    "placeholder": "Type a command, a folder or something to search for",
+    "empty": "Nothing matches. Press Enter to search your mail for this.",
+    "searchFor": "Search mail for \"{query}\"",
+    "goTo": "Go to {name}",
+    "actions": "Actions",
+    "navigate": "Go to",
+    "theme": "Appearance",
+    "accounts": "Accounts",
+    "switchTo": "Switch to {email}",
+    "hintMove": "move",
+    "hintOpen": "open",
+    "hintClose": "close",
+    "open": "Command menu",
+    "signOut": "Sign out"
   }
 }
diff --git a/services/webmail/messages/es.json b/services/webmail/messages/es.json
index 3adcd61..db81fb9 100644
--- a/services/webmail/messages/es.json
+++ b/services/webmail/messages/es.json
@@ -564,5 +564,27 @@
     "draftDiscarded": "Respuesta descartada",
     "sentReply": "Respuesta enviada",
     "moreMessages": "Mostrar {count} mensajes anteriores"
+  },
+  "appearance": {
+    "title": "Apariencia",
+    "dark": "Oscuro",
+    "light": "Claro",
+    "system": "Sistema"
+  },
+  "palette": {
+    "placeholder": "Escribe un comando, una carpeta o algo que buscar",
+    "empty": "Sin resultados. Pulsa Enter para buscar esto en tu correo.",
+    "searchFor": "Buscar \"{query}\" en el correo",
+    "goTo": "Ir a {name}",
+    "actions": "Acciones",
+    "navigate": "Ir a",
+    "theme": "Apariencia",
+    "accounts": "Cuentas",
+    "switchTo": "Cambiar a {email}",
+    "hintMove": "mover",
+    "hintOpen": "abrir",
+    "hintClose": "cerrar",
+    "open": "Menú de comandos",
+    "signOut": "Cerrar sesión"
   }
 }
diff --git a/services/webmail/messages/pt-BR.json b/services/webmail/messages/pt-BR.json
index 9b35718..6c9ecd6 100644
--- a/services/webmail/messages/pt-BR.json
+++ b/services/webmail/messages/pt-BR.json
@@ -564,5 +564,27 @@
     "draftDiscarded": "Resposta descartada",
     "sentReply": "Resposta enviada",
     "moreMessages": "Mostrar {count} mensagens anteriores"
+  },
+  "appearance": {
+    "title": "Aparência",
+    "dark": "Escuro",
+    "light": "Claro",
+    "system": "Sistema"
+  },
+  "palette": {
+    "placeholder": "Digite um comando, uma pasta ou algo para buscar",
+    "empty": "Nada encontrado. Pressione Enter para buscar este texto nos seus e-mails.",
+    "searchFor": "Buscar \"{query}\" nos e-mails",
+    "goTo": "Ir para {name}",
+    "actions": "Ações",
+    "navigate": "Ir para",
+    "theme": "Aparência",
+    "accounts": "Contas",
+    "switchTo": "Trocar para {email}",
+    "hintMove": "mover",
+    "hintOpen": "abrir",
+    "hintClose": "fechar",
+    "open": "Menu de comandos",
+    "signOut": "Sair"
   }
 }
diff --git a/services/webmail/package-lock.json b/services/webmail/package-lock.json
index 188b692..53f0856 100644
--- a/services/webmail/package-lock.json
+++ b/services/webmail/package-lock.json
@@ -8,6 +8,7 @@
       "name": "@lambdamail/webmail",
       "version": "0.1.0",
       "dependencies": {
+        "@fontsource-variable/geist": "^5.3.0",
         "clsx": "^2.1.1",
         "dompurify": "^3.4.14",
         "framer-motion": "^11.18.2",
@@ -718,6 +719,15 @@
         }
       }
     },
+    "node_modules/@fontsource-variable/geist": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/geist/-/geist-5.3.0.tgz",
+      "integrity": "sha512-j0m+vLQuG5XAYoHtGCVu0spvlGreR3EzpECUVzkFmI1mTVnAO38l/NEPDCFgZ177JxzYJCLSmTQibIiYPilGrA==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@img/colour": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
diff --git a/services/webmail/package.json b/services/webmail/package.json
index 6768627..ab4be0a 100644
--- a/services/webmail/package.json
+++ b/services/webmail/package.json
@@ -10,6 +10,7 @@
     "lint": "tsc --noEmit"
   },
   "dependencies": {
+    "@fontsource-variable/geist": "^5.3.0",
     "clsx": "^2.1.1",
     "dompurify": "^3.4.14",
     "framer-motion": "^11.18.2",
diff --git a/services/webmail/public/icons/icon-192.png b/services/webmail/public/icons/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..cfb73b0adc2e23f336c700c9451561cfe233a9d4
GIT binary patch
literal 8417
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
Dl6u8&

literal 0
HcmV?d00001

diff --git a/services/webmail/public/icons/icon-512.png b/services/webmail/public/icons/icon-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..dbfbea36cf92b4a08bd2354caf3c7306bc4f2650
GIT binary patch
literal 26817
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
ah1_k;i?jQ!`vLq7L`zNgLD~H$A^#5yH!zw2

literal 0
HcmV?d00001

diff --git a/services/webmail/public/icons/maskable-512.png b/services/webmail/public/icons/maskable-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..afe85536736b246e3c819e35432d88907cab1da9
GIT binary patch
literal 19364
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%0A0NS<E=4wF3MJfXYd
zfY30Kr7KT_AF0%}MWgU=bf*uc%Rk$JxI7NvU{bp4E7=tOo<kE+6jsn%ET~&;1u3~c
zBOTw1P{P@~%5+vZ&*v7PrM-T~YdP5toFFQpDtUk!>#H`YXI_k)x9mMe^JtLSY>FXS
z?}DYl_V9x^cnD&CugXlIST8;;6Xz}>eH(Vx&h{&9H`yCt=8l=98q??Vo{+QB)^2Fu
zdL6CUVJbh^=7qWzu7R`5oZFxLfO|?Z%H_UbAm&6-*R=*O>%i^OK(z2pyU-(-3EqZW
ztY<CP_u5P9o_0Q$g=!S~S4>pA0f3darHN1TZyL-WH#>2--_VIBZG$59;8LMoJ{m|R
z&*c6Q6H7Y|_T1kHW&$UN8jy-uy_(@529-QhGp4QmqsK)UdEL<9s5cGa_uxu_%|##~
z+5{6X&9-gOAaJmYrrcNu(vmIG=o4g{M*TSd222;8Ov6vcs5gJ(kx}QEbm&04y`c4Z
zGb-jn4g219pi!`KlhSA6X-pn<X|OJ|!tN0ovimd9cWmevSl#Yn<*$KJ@Lu%HP6~A5
z=0^YfF5^BPbUwk>JHib@2Mlr<y*U^p51QpEUgo*!N^FCGCj&3I*;s;bUWR=r#$Tl0
zVXt1#lyC*tn(Yha%;KebXRO(Wa%jwPAjg$}bEIWuNmVs)zi)xF#EmzR$7_ovTdBa1
z!|~s@Y%}OQMd4pTYA%1-)D&&j&DA(QhNfTTv3Mb{h81*3b%aoW5ZD*SrR2PqX-o2e
zbI3Cg@=fac8~xWrgk}yHKiDyPM-A(RAi~CZ@NF8#_xgE+RMO^6dUrT=K}|nyFfSoJ
zIe!o5q6YYf0h2kN@6gS-O2dCbzW8I(Tl`nI-Gr6NK?$Txl+!=XW?ESHRc<MIO*6t`
zoEek5^b+Jp#n*;h9@S(wp7ZJu``PFnZ==^@%6-JRRZ~4xdsmjD^ZwdYzT<UM<;$ir
zxay>f{k$mZt^dNXW|t1Z#Qr9NL6mp$v9HH2Y0^>X`0v<sghSFehsa+&p*YAg_=EMJ
z_BLqpUGTu#9eXAURQjyrwXB`{Ro6H01_R5$P%ICVAJ3Ck?P2EptW@lDW)__A&k}87
z(J8_%##!->&clg0r4HSl<XzH{ks9TZ+0zMeo;N}PVUqNE>V5Fgg?N?TJ-jDbQPIbY
zvexXw*=w~z<1@)+Z0zD?6z%EhzP+N|j@5}o7tuiEFh4ge>tWTDbgrZn{q3}bBrd!8
zIc_Dyr|4ph8u=3^pgwIkbq5?TAGQkaGakRUOtNa@1SGCF3+|v3;;YhJCHZQfj~9_~
zvPe_QmHObzlZTMj9M`*u@j)2mhcO%iw?O~TwoCuBIn`!5Sb?{;Tu+(7&$N)0<)aw^
X1zD@FD@%nbpal9NFqGDMBChB^b(4T-

literal 0
HcmV?d00001

diff --git a/services/webmail/src/app/(admin)/admin/layout.tsx b/services/webmail/src/app/(admin)/admin/layout.tsx
index fdb40bf..55fd12e 100644
--- a/services/webmail/src/app/(admin)/admin/layout.tsx
+++ b/services/webmail/src/app/(admin)/admin/layout.tsx
@@ -22,6 +22,8 @@ import { useTranslations } from "../../../i18n/provider";
 import { LanguageSwitcher } from "../../../i18n/LanguageSwitcher";
 import { useAccount } from "../../../lib/useAccount";
 import { initialsFor } from "../../../lib/initials";
+import { Logo } from "../../../components/Logo";
+import { ThemeToggle } from "../../../components/ThemeToggle";
 
 export default function AdminLayout({ children }: { children: React.ReactNode }) {
   const t = useTranslations();
@@ -52,12 +54,10 @@ export default function AdminLayout({ children }: { children: React.ReactNode })
   const SidebarContent = (
     <div className="flex h-full flex-col gap-4 p-3">
       <div className="flex items-center gap-2.5 px-2 py-1">
-        <div className="flex h-8 w-8 flex-none items-center justify-center rounded-[10px] bg-dark-card text-[17px] leading-none text-indigo-500 shadow-[inset_0_0_0_1px_#9184d9]">
-          {"\u03bb"}
-        </div>
+        <Logo size={32} className="flex-none" />
         <div className="min-w-0">
           <div className="text-[15px] font-medium leading-tight">LambdaMail</div>
-          <div className="text-[10.5px] uppercase tracking-[0.08em] text-indigo-500">
+          <div className="text-[11.5px] text-slate-400">
             {t("common.adminPortal")}
           </div>
         </div>
@@ -91,7 +91,7 @@ export default function AdminLayout({ children }: { children: React.ReactNode })
         <div className="flex gap-[3px] rounded-[10px] bg-dark-panel p-[3px] shadow-edge">
           <Link
             href="/user/mail/inbox"
-            className="flex flex-1 items-center justify-center gap-1.5 rounded-[8px] px-2 py-1.5 text-[12px] leading-snug text-slate-400 transition-colors hover:bg-white/[0.05] hover:text-slate-100"
+            className="flex flex-1 items-center justify-center gap-1.5 rounded-[8px] px-2 py-1.5 text-[12px] leading-snug text-slate-400 transition-colors hover:bg-ink/[0.05] hover:text-slate-100"
           >
             <Mail className="h-3.5 w-3.5 flex-none" />
             <span className="min-w-0 truncate">{t("admin.backToWebmail")}</span>
@@ -103,7 +103,7 @@ export default function AdminLayout({ children }: { children: React.ReactNode })
         </div>
 
         <div className="flex items-center gap-2.5 rounded-xl bg-dark-panel p-2.5 shadow-edge">
-          <span className="flex h-[30px] w-[30px] flex-none items-center justify-center rounded-full bg-indigo-900 text-[12px] uppercase text-indigo-300 shadow-[inset_0_0_0_1px_#5d5294]">
+          <span className="flex h-[30px] w-[30px] flex-none items-center justify-center rounded-full bg-indigo-900 text-[12px] uppercase text-indigo-300 shadow-[inset_0_0_0_1px_rgb(var(--a-700))]">
             {initialsFor(account?.email)}
           </span>
           <span className="min-w-0 flex-1">
@@ -122,12 +122,13 @@ export default function AdminLayout({ children }: { children: React.ReactNode })
 
         <div className="flex items-center gap-1.5">
           <LanguageSwitcher />
+          <ThemeToggle />
           <button
             type="button"
             onClick={handleLogout}
             title={t("settings.signOut")}
             aria-label={t("settings.signOut")}
-            className="flex h-8 w-8 flex-none items-center justify-center rounded-[9px] border border-white/[0.14] text-slate-300 transition-colors hover:bg-white/[0.07] hover:text-rose-400"
+            className="flex h-8 w-8 flex-none items-center justify-center rounded-[9px] border border-ink/[0.14] text-slate-300 transition-colors hover:bg-ink/[0.07] hover:text-rose-400"
           >
             <LogOut className="h-[15px] w-[15px]" />
           </button>
@@ -139,11 +140,9 @@ export default function AdminLayout({ children }: { children: React.ReactNode })
   return (
     <div className="flex h-screen overflow-hidden bg-dark-bg text-slate-100">
       {/* Mobile Top Header */}
-      <div className="fixed left-0 top-0 z-20 flex w-full items-center justify-between bg-dark-rail px-4 py-3 shadow-[inset_0_-1px_0_0_rgba(233,233,237,0.09)] md:hidden">
+      <div className="fixed left-0 top-0 z-20 flex w-full items-center justify-between bg-dark-rail px-4 py-3 shadow-[inset_0_-1px_0_0_rgb(var(--ink)/0.09)] md:hidden">
         <div className="flex min-w-0 items-center gap-2.5">
-          <div className="flex h-8 w-8 flex-none items-center justify-center rounded-[10px] bg-dark-card text-[17px] leading-none text-indigo-500 shadow-[inset_0_0_0_1px_#9184d9]">
-            {"\u03bb"}
-          </div>
+          <Logo size={32} className="flex-none" />
           <span className="min-w-0 truncate font-medium text-slate-100">
             {t("common.appName")} {t("common.adminPortal")}
           </span>
@@ -152,14 +151,14 @@ export default function AdminLayout({ children }: { children: React.ReactNode })
           onClick={() => setMobileOpen(!mobileOpen)}
           aria-label={t("ui.toggleMenu")}
           aria-expanded={mobileOpen}
-          className="flex h-9 w-9 flex-none items-center justify-center rounded-[10px] text-slate-300 transition-colors hover:bg-white/[0.07] hover:text-slate-100"
+          className="flex h-9 w-9 flex-none items-center justify-center rounded-[10px] text-slate-300 transition-colors hover:bg-ink/[0.07] hover:text-slate-100"
         >
           {mobileOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
         </button>
       </div>
 
       {/* Desktop rail */}
-      <aside className="hidden w-[244px] flex-none flex-col bg-dark-rail xl:w-[268px] shadow-[inset_-1px_0_0_0_rgba(233,233,237,0.09)] md:flex">
+      <aside className="hidden w-[244px] flex-none flex-col bg-dark-rail xl:w-[268px] shadow-[inset_-1px_0_0_0_rgb(var(--ink)/0.09)] md:flex">
         {SidebarContent}
       </aside>
 
@@ -171,7 +170,7 @@ export default function AdminLayout({ children }: { children: React.ReactNode })
             animate={{ x: 0 }}
             exit={{ x: "-100%" }}
             transition={{ type: "spring", damping: 25, stiffness: 200 }}
-            className="fixed inset-y-0 left-0 z-30 w-[280px] overflow-y-auto bg-dark-rail pt-14 shadow-[inset_-1px_0_0_0_rgba(233,233,237,0.09)] md:hidden"
+            className="fixed inset-y-0 left-0 z-30 w-[280px] overflow-y-auto bg-dark-rail pt-14 shadow-[inset_-1px_0_0_0_rgb(var(--ink)/0.09)] md:hidden"
           >
             {SidebarContent}
           </motion.aside>
diff --git a/services/webmail/src/app/(admin)/admin/mailboxes/page.tsx b/services/webmail/src/app/(admin)/admin/mailboxes/page.tsx
index 2cfe6b1..cab795b 100644
--- a/services/webmail/src/app/(admin)/admin/mailboxes/page.tsx
+++ b/services/webmail/src/app/(admin)/admin/mailboxes/page.tsx
@@ -483,7 +483,7 @@ export default function AdminMailboxesPage() {
     "w-full min-h-[36px] rounded-[10px] bg-dark-card px-3 py-2 text-[13.5px] text-slate-100 placeholder-slate-500 shadow-edge transition-shadow focus:outline-none focus-visible:shadow-edge-accent";
   const fieldLabel = "mb-1.5 block text-xs text-slate-400";
   const iconButton =
-    "flex h-[30px] w-[30px] flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-white/[0.07] hover:text-slate-100";
+    "flex h-[30px] w-[30px] flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-ink/[0.07] hover:text-slate-100";
 
   return (
     <div className="mx-auto flex w-full max-w-[1060px] flex-col gap-[18px] px-5 pb-11 pt-7 sm:px-8">
@@ -650,14 +650,14 @@ export default function AdminMailboxesPage() {
                 onChange={(e) => setSearch(e.target.value)}
                 placeholder={t("ui.searchPlaceholder")}
                 aria-label={t("ui.searchPlaceholder")}
-                className="w-full rounded-[10px] border border-white/[0.14] bg-transparent py-2 pl-9 pr-3 text-[13px] text-slate-100 placeholder:text-slate-500"
+                className="w-full rounded-[10px] border border-ink/[0.14] bg-transparent py-2 pl-9 pr-3 text-[13px] text-slate-100 placeholder:text-slate-500"
               />
             </div>
             <select
               value={roleFilter}
               onChange={(e) => setRoleFilter(e.target.value)}
               aria-label={t("ui.role")}
-              className="rounded-[10px] border border-white/[0.14] bg-dark-panel px-3 py-2 text-[13px] text-slate-100"
+              className="rounded-[10px] border border-ink/[0.14] bg-dark-panel px-3 py-2 text-[13px] text-slate-100"
             >
               <option value="">{t("ui.all")}</option>
               <option value="USER">{roleLabel(t, "USER")}</option>
@@ -668,7 +668,7 @@ export default function AdminMailboxesPage() {
               value={activeFilter}
               onChange={(e) => setActiveFilter(e.target.value)}
               aria-label={t("ui.accountStatus")}
-              className="rounded-[10px] border border-white/[0.14] bg-dark-panel px-3 py-2 text-[13px] text-slate-100"
+              className="rounded-[10px] border border-ink/[0.14] bg-dark-panel px-3 py-2 text-[13px] text-slate-100"
             >
               <option value="">{t("ui.all")}</option>
               <option value="true">{t("ui.active")}</option>
diff --git a/services/webmail/src/app/(admin)/admin/queue/page.tsx b/services/webmail/src/app/(admin)/admin/queue/page.tsx
index 8014c9c..6699dba 100644
--- a/services/webmail/src/app/(admin)/admin/queue/page.tsx
+++ b/services/webmail/src/app/(admin)/admin/queue/page.tsx
@@ -167,14 +167,14 @@ export default function AdminQueuePage() {
             onChange={(e) => setSearch(e.target.value)}
             placeholder={t("ui.searchPlaceholder")}
             aria-label={t("ui.searchPlaceholder")}
-            className="w-full rounded-[10px] border border-white/[0.14] bg-transparent py-2 pl-9 pr-3 text-[13px] text-slate-100 placeholder:text-slate-500"
+            className="w-full rounded-[10px] border border-ink/[0.14] bg-transparent py-2 pl-9 pr-3 text-[13px] text-slate-100 placeholder:text-slate-500"
           />
         </div>
         <select
           value={status}
           onChange={(e) => setStatus(e.target.value)}
           aria-label={t("common.status")}
-          className="rounded-[10px] border border-white/[0.14] bg-dark-panel px-3 py-2 text-[13px] text-slate-100"
+          className="rounded-[10px] border border-ink/[0.14] bg-dark-panel px-3 py-2 text-[13px] text-slate-100"
         >
           <option value="">{t("ui.all")}</option>
           {/* Taken from the aggregate, so the choices are the states this
diff --git a/services/webmail/src/app/(admin)/admin/tests/page.tsx b/services/webmail/src/app/(admin)/admin/tests/page.tsx
index 02c6fb5..6d74f3c 100644
--- a/services/webmail/src/app/(admin)/admin/tests/page.tsx
+++ b/services/webmail/src/app/(admin)/admin/tests/page.tsx
@@ -180,14 +180,14 @@ export default function AdminTestsPage() {
               onChange={(e) => setSearch(e.target.value)}
               placeholder={t("ui.searchPlaceholder")}
               aria-label={t("ui.searchPlaceholder")}
-              className="w-full rounded-[10px] border border-white/[0.14] bg-transparent py-2 pl-9 pr-3 text-[13px] text-slate-100 placeholder:text-slate-500"
+              className="w-full rounded-[10px] border border-ink/[0.14] bg-transparent py-2 pl-9 pr-3 text-[13px] text-slate-100 placeholder:text-slate-500"
             />
           </div>
           <select
             value={selected}
             onChange={(e) => setSelected(e.target.value)}
             aria-label={t("admin.userChecks")}
-            className="min-w-[220px] rounded-[10px] border border-white/[0.14] bg-dark-panel px-3 py-2 text-[13px] text-slate-100"
+            className="min-w-[220px] rounded-[10px] border border-ink/[0.14] bg-dark-panel px-3 py-2 text-[13px] text-slate-100"
           >
             <option value="">{t("ui.selectUser")}</option>
             {users.map((u) => (
diff --git a/services/webmail/src/app/(auth)/admin/login/page.tsx b/services/webmail/src/app/(auth)/admin/login/page.tsx
index 6570ec0..a2b8c5f 100644
--- a/services/webmail/src/app/(auth)/admin/login/page.tsx
+++ b/services/webmail/src/app/(auth)/admin/login/page.tsx
@@ -5,6 +5,8 @@ import Link from "next/link";
 import { useTranslations } from "../../../../i18n/provider";
 import { TotpEnrolment, RecoveryCodes } from "../../../../components/TotpEnrolment";
 import { Button } from "../../../../components/ui/Button";
+import { Logo } from "../../../../components/Logo";
+import { ThemeToggle } from "../../../../components/ThemeToggle";
 
 export default function AdminLoginPage() {
   const t = useTranslations();
@@ -101,15 +103,14 @@ export default function AdminLoginPage() {
   const fieldLabel = "mb-1.5 block text-xs text-slate-400";
 
   return (
-    <div className="flex min-h-screen items-center justify-center bg-dark-bg px-4">
+    <div className="relative flex min-h-screen items-center justify-center bg-dark-bg px-4">
+      <ThemeToggle className="absolute right-4 top-4" />
       <div className="w-full max-w-[400px] rounded-2xl bg-dark-panel p-7 shadow-edge">
         {/* The console sign-in wears the same mark as the webmail. It used to be
             green over green, which made the second surface look like a
             different product. */}
         <div className="mb-6 flex items-center gap-3">
-          <div className="flex h-10 w-10 flex-none items-center justify-center rounded-xl bg-dark-card text-xl leading-none text-indigo-500 shadow-[inset_0_0_0_1px_#9184d9]">
-            {"\u03bb"}
-          </div>
+          <Logo size={40} className="flex-none" />
           <div className="min-w-0">
             <h1 className="text-lg font-medium leading-tight text-slate-100">{t("auth.adminLoginTitle")}</h1>
             <p className="mt-0.5 text-[12.5px] leading-relaxed text-slate-400">{t("auth.adminStepUpNote")}</p>
diff --git a/services/webmail/src/app/(auth)/admin/step-up/page.tsx b/services/webmail/src/app/(auth)/admin/step-up/page.tsx
index e589d74..5d7bedf 100644
--- a/services/webmail/src/app/(auth)/admin/step-up/page.tsx
+++ b/services/webmail/src/app/(auth)/admin/step-up/page.tsx
@@ -96,7 +96,7 @@ export default function AdminStepUpPage() {
     <div className="flex min-h-screen items-center justify-center bg-dark-bg px-4">
       <div className="w-full max-w-[400px] rounded-2xl bg-dark-panel p-7 shadow-edge">
         <div className="mb-6 flex items-center gap-3">
-          <div className="flex h-10 w-10 flex-none items-center justify-center rounded-xl bg-dark-card text-indigo-500 shadow-[inset_0_0_0_1px_#9184d9]">
+          <div className="flex h-10 w-10 flex-none items-center justify-center rounded-xl bg-dark-card text-indigo-500 shadow-[inset_0_0_0_1px_rgb(var(--a-500))]">
             <Sliders className="h-5 w-5" />
           </div>
           <div className="min-w-0">
diff --git a/services/webmail/src/app/(auth)/user/login/page.tsx b/services/webmail/src/app/(auth)/user/login/page.tsx
index 8b254ce..adb2be6 100644
--- a/services/webmail/src/app/(auth)/user/login/page.tsx
+++ b/services/webmail/src/app/(auth)/user/login/page.tsx
@@ -4,6 +4,8 @@ import React, { useState } from "react";
 import { Mail, Lock, AlertCircle } from "lucide-react";
 import { useTranslations } from "../../../../i18n/provider";
 import { Button } from "../../../../components/ui/Button";
+import { Logo } from "../../../../components/Logo";
+import { ThemeToggle } from "../../../../components/ThemeToggle";
 
 export default function UserLoginPage() {
   const t = useTranslations();
@@ -55,12 +57,11 @@ export default function UserLoginPage() {
     /* No ambient glow behind the card any more: two blurred coloured circles
        under a sign-in form are decoration that costs a full-viewport paint and
        says nothing. Nocturne's depth is the surface and its edge. */
-    <div className="flex min-h-screen items-center justify-center bg-dark-bg px-4">
+    <div className="relative flex min-h-screen items-center justify-center bg-dark-bg px-4">
+      <ThemeToggle className="absolute right-4 top-4" />
       <div className="w-full max-w-[400px] rounded-2xl bg-dark-panel p-7 shadow-edge">
         <div className="mb-6 flex items-center gap-3">
-          <div className="flex h-10 w-10 flex-none items-center justify-center rounded-xl bg-dark-card text-xl leading-none text-indigo-500 shadow-[inset_0_0_0_1px_#9184d9]">
-            {"\u03bb"}
-          </div>
+          <Logo size={40} className="flex-none" />
           <div className="min-w-0">
             <h1 className="text-lg font-medium leading-tight text-slate-100">{t("auth.userLoginTitle")}</h1>
             <p className="mt-0.5 text-[12.5px] text-slate-400">
diff --git a/services/webmail/src/app/(user)/user/layout.tsx b/services/webmail/src/app/(user)/user/layout.tsx
index 8e59258..04f0cfe 100644
--- a/services/webmail/src/app/(user)/user/layout.tsx
+++ b/services/webmail/src/app/(user)/user/layout.tsx
@@ -20,6 +20,7 @@ import {
   ShieldAlert,
   SlidersHorizontal,
   Menu,
+  Search,
   X,
 } from "lucide-react";
 import { useTranslations } from "../../../i18n/provider";
@@ -28,6 +29,8 @@ import { useAccount, isAdminRole } from "../../../lib/useAccount";
 import { useFolders } from "../../../lib/useFolders";
 import { folderBadge, customFolders } from "../../../lib/mailCounts";
 import { AccountSwitcher } from "../../../components/AccountSwitcher";
+import { Logo } from "../../../components/Logo";
+import { CommandPalette } from "../../../components/CommandPalette";
 
 export default function UserWebmailLayout({ children }: { children: React.ReactNode }) {
   const t = useTranslations();
@@ -87,12 +90,10 @@ export default function UserWebmailLayout({ children }: { children: React.ReactN
       {/* The brand mark. One mark for both surfaces - the line underneath is
           the only thing that says which one you are in. */}
       <div className="flex items-center gap-2.5 px-2 py-1">
-        <div className="flex h-8 w-8 flex-none items-center justify-center rounded-[10px] bg-dark-card text-[17px] leading-none text-indigo-500 shadow-[inset_0_0_0_1px_#9184d9]">
-          {"\u03bb"}
-        </div>
+        <Logo size={32} className="flex-none" />
         <div className="min-w-0">
           <div className="text-[15px] font-medium leading-tight">LambdaMail</div>
-          <div className="text-[10.5px] uppercase tracking-[0.08em] text-indigo-500">
+          <div className="text-[11.5px] text-slate-400">
             {t("common.userPortal")}
           </div>
         </div>
@@ -101,12 +102,24 @@ export default function UserWebmailLayout({ children }: { children: React.ReactN
       <Link
         href="/user/compose"
         onClick={() => setMobileOpen(false)}
-        className="flex w-full items-center justify-center gap-2 rounded-[10px] border border-indigo-500 px-3 py-2.5 text-sm font-medium text-indigo-500 transition-colors hover:bg-indigo-500/[0.12] active:bg-indigo-500/[0.22]"
+        className="flex w-full items-center justify-center gap-2 rounded-xl bg-fill px-3 py-2.5 text-sm font-medium text-white shadow-sm transition-colors hover:bg-fill-hover active:brightness-95"
       >
         <PenSquare className="h-4 w-4 flex-none" />
         <span className="min-w-0">{t("mail.compose")}</span>
       </Link>
 
+      {/* The way into everything that is not on screen. Quiet on purpose: the
+          sidebar keeps to folders, and this is where the rest lives. */}
+      <button
+        type="button"
+        onClick={() => window.dispatchEvent(new KeyboardEvent("keydown", { key: "k", ctrlKey: true }))}
+        className="-mt-1 flex w-full items-center gap-2 rounded-xl px-3 py-2 text-left text-[13px] text-slate-400 shadow-edge transition-colors hover:bg-ink/[0.05] hover:text-slate-200"
+      >
+        <Search className="h-4 w-4 flex-none" aria-hidden />
+        <span className="min-w-0 flex-1 truncate">{t("palette.open")}</span>
+        <kbd className="rounded-md px-1.5 py-0.5 text-[11px] shadow-edge">Ctrl K</kbd>
+      </button>
+
       {/* Folder navigation. Every row is a mark, an icon, a label that may wrap,
           and its numbers - nothing is sized by the length of the label, which
           is what clipped the Portuguese and Spanish names before. */}
@@ -192,7 +205,7 @@ export default function UserWebmailLayout({ children }: { children: React.ReactN
                   if (!window.confirm(t("folders.deleteConfirm", { name: folder.name }))) return;
                   void manageFolder({ action: "delete", name: folder.name });
                 }}
-                className="absolute right-1.5 top-1/2 hidden h-6 w-6 -translate-y-1/2 items-center justify-center rounded-md text-slate-500 transition-colors hover:bg-white/[0.09] hover:text-slate-200 focus:flex group-hover/folder:flex"
+                className="absolute right-1.5 top-1/2 hidden h-6 w-6 -translate-y-1/2 items-center justify-center rounded-md text-slate-500 transition-colors hover:bg-ink/[0.09] hover:text-slate-200 focus:flex group-hover/folder:flex"
               >
                 <Trash2 className="h-3 w-3" />
               </button>
@@ -223,7 +236,7 @@ export default function UserWebmailLayout({ children }: { children: React.ReactN
             type="submit"
             aria-label={t("folders.new")}
             title={t("folders.new")}
-            className="flex h-7 w-7 flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-white/[0.09] hover:text-slate-100"
+            className="flex h-7 w-7 flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-ink/[0.09] hover:text-slate-100"
           >
             <Plus className="h-4 w-4" />
           </button>
@@ -266,7 +279,7 @@ export default function UserWebmailLayout({ children }: { children: React.ReactN
               href="/admin/step-up"
               title={t("admin.openAdmin")}
               aria-label={t("admin.openAdmin")}
-              className="flex flex-1 items-center justify-center gap-1.5 rounded-[8px] px-2 py-1.5 text-[12px] leading-snug text-slate-400 transition-colors hover:bg-white/[0.05] hover:text-slate-100"
+              className="flex flex-1 items-center justify-center gap-1.5 rounded-[8px] px-2 py-1.5 text-[12px] leading-snug text-slate-400 transition-colors hover:bg-ink/[0.05] hover:text-slate-100"
             >
               <ShieldCheck className="h-3.5 w-3.5 flex-none" />
               <span className="min-w-0 truncate">{t("admin.openAdminShort")}</span>
@@ -283,7 +296,7 @@ export default function UserWebmailLayout({ children }: { children: React.ReactN
             onClick={handleLogout}
             title={t("settings.signOut")}
             aria-label={t("settings.signOut")}
-            className="flex h-8 w-8 flex-none items-center justify-center rounded-[9px] border border-white/[0.14] text-slate-300 transition-colors hover:bg-white/[0.07] hover:text-rose-400"
+            className="flex h-8 w-8 flex-none items-center justify-center rounded-[9px] border border-ink/[0.14] text-slate-300 transition-colors hover:bg-ink/[0.07] hover:text-rose-400"
           >
             <LogOut className="h-[15px] w-[15px]" />
           </button>
@@ -294,26 +307,25 @@ export default function UserWebmailLayout({ children }: { children: React.ReactN
 
   return (
     <div className="flex h-screen overflow-hidden bg-dark-bg text-slate-100">
+      <CommandPalette isAdmin={isAdminRole(account?.role)} />
       {/* Mobile Top Header */}
-      <div className="fixed left-0 top-0 z-20 flex w-full items-center justify-between bg-dark-rail px-4 py-3 shadow-[inset_0_-1px_0_0_rgba(233,233,237,0.09)] md:hidden">
+      <div className="fixed left-0 top-0 z-20 flex w-full items-center justify-between bg-dark-rail px-4 py-3 shadow-[inset_0_-1px_0_0_rgb(var(--ink)/0.09)] md:hidden">
         <div className="flex items-center gap-2.5">
-          <div className="flex h-8 w-8 items-center justify-center rounded-[10px] bg-dark-card text-[17px] leading-none text-indigo-500 shadow-[inset_0_0_0_1px_#9184d9]">
-            {"\u03bb"}
-          </div>
+          <Logo size={32} className="flex-none" />
           <span className="font-medium text-slate-100">LambdaMail</span>
         </div>
         <button
           onClick={() => setMobileOpen(!mobileOpen)}
           aria-label={t("ui.toggleMenu")}
           aria-expanded={mobileOpen}
-          className="flex h-9 w-9 items-center justify-center rounded-[10px] text-slate-300 transition-colors hover:bg-white/[0.07] hover:text-slate-100"
+          className="flex h-9 w-9 items-center justify-center rounded-[10px] text-slate-300 transition-colors hover:bg-ink/[0.07] hover:text-slate-100"
         >
           {mobileOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
         </button>
       </div>
 
       {/* Desktop rail */}
-      <aside className="hidden w-[244px] flex-none flex-col bg-dark-rail xl:w-[268px] shadow-[inset_-1px_0_0_0_rgba(233,233,237,0.09)] md:flex">
+      <aside className="hidden w-[244px] flex-none flex-col bg-dark-rail xl:w-[268px] shadow-[inset_-1px_0_0_0_rgb(var(--ink)/0.09)] md:flex">
         {SidebarContent}
       </aside>
 
@@ -325,7 +337,7 @@ export default function UserWebmailLayout({ children }: { children: React.ReactN
             animate={{ x: 0 }}
             exit={{ x: "-100%" }}
             transition={{ type: "spring", damping: 25, stiffness: 200 }}
-            className="fixed inset-y-0 left-0 z-30 w-[280px] overflow-y-auto bg-dark-rail pt-14 shadow-[inset_-1px_0_0_0_rgba(233,233,237,0.09)] md:hidden"
+            className="fixed inset-y-0 left-0 z-30 w-[280px] overflow-y-auto bg-dark-rail pt-14 shadow-[inset_-1px_0_0_0_rgb(var(--ink)/0.09)] md:hidden"
           >
             {SidebarContent}
           </motion.aside>
diff --git a/services/webmail/src/app/(user)/user/mail/[folder]/page.tsx b/services/webmail/src/app/(user)/user/mail/[folder]/page.tsx
index 81bd696..9fef3d5 100644
--- a/services/webmail/src/app/(user)/user/mail/[folder]/page.tsx
+++ b/services/webmail/src/app/(user)/user/mail/[folder]/page.tsx
@@ -48,6 +48,7 @@ import {
 import { useAccount } from "../../../../../lib/useAccount";
 import { MessageReader } from "../../../../../components/MessageReader";
 import { ThreadReader } from "../../../../../components/ThreadReader";
+import { SEARCH_EVENT } from "../../../../../components/CommandPalette";
 import { Avatar } from "../../../../../components/Avatar";
 
 interface MessageSummary {
@@ -259,6 +260,13 @@ export default function MailFolderPage({ params }: { params: Promise<{ folder: s
     return () => clearTimeout(handle);
   }, [searchQuery, loadMessages, conversations.ready]);
 
+  // The command menu can ask this list to search.
+  useEffect(() => {
+    const onSearch = (event: Event) => setSearchQuery(String((event as CustomEvent).detail ?? ""));
+    window.addEventListener(SEARCH_EVENT, onSearch);
+    return () => window.removeEventListener(SEARCH_EVENT, onSearch);
+  }, []);
+
   // Changing between the two lists closes whatever was open in the other.
   useEffect(() => {
     setSelected(null);
@@ -542,6 +550,7 @@ export default function MailFolderPage({ params }: { params: Promise<{ folder: s
               type="search"
               value={searchQuery}
               onChange={(e) => setSearchQuery(e.target.value)}
+              id="mail-search"
               placeholder={t("mail.searchPlaceholder")}
               aria-label={t("common.search")}
               className="min-h-[38px] w-full rounded-xl bg-dark-panel py-2 pl-[34px] pr-3 text-[13px] text-slate-100 placeholder-slate-500 shadow-edge transition-shadow focus:outline-none focus-visible:shadow-edge-accent"
@@ -605,7 +614,7 @@ export default function MailFolderPage({ params }: { params: Promise<{ folder: s
                     className={
                       msg.seen
                         ? "bg-dark-card text-slate-400"
-                        : "bg-indigo-900 text-indigo-300 shadow-[inset_0_0_0_1px_#5d5294]"
+                        : "bg-indigo-900 text-indigo-300 shadow-[inset_0_0_0_1px_rgb(var(--a-700))]"
                     }
                   />
 
@@ -689,7 +698,7 @@ export default function MailFolderPage({ params }: { params: Promise<{ folder: s
                   onClick={() => void (msg.thread_id ? deleteConversationRow(msg) : deleteMessage(msg.uid))}
                   title={t("common.delete")}
                   aria-label={t("common.delete")}
-                  className="absolute right-2 top-2 hidden h-7 w-7 items-center justify-center rounded-md text-slate-400 transition-colors hover:bg-white/[0.09] hover:text-slate-100 focus:flex focus-visible:flex group-hover:flex"
+                  className="absolute right-2 top-2 hidden h-7 w-7 items-center justify-center rounded-md text-slate-400 transition-colors hover:bg-ink/[0.09] hover:text-slate-100 focus:flex focus-visible:flex group-hover:flex"
                 >
                   <Trash2 className="h-3.5 w-3.5" />
                 </button>
@@ -733,7 +742,7 @@ export default function MailFolderPage({ params }: { params: Promise<{ folder: s
           e.preventDefault();
         }}
         className={`group relative hidden w-1.5 flex-none cursor-col-resize touch-none select-none md:block ${
-          dragging ? "bg-indigo-500/40" : "bg-white/[0.07] hover:bg-indigo-500/30"
+          dragging ? "bg-indigo-500/40" : "bg-ink/[0.07] hover:bg-indigo-500/30"
         } focus-visible:bg-indigo-500/50 focus-visible:outline-none`}
       >
         {/* A wider invisible target, so the thin line is easy to grab. */}
diff --git a/services/webmail/src/app/(user)/user/settings/page.tsx b/services/webmail/src/app/(user)/user/settings/page.tsx
index f877467..ab7c0dc 100644
--- a/services/webmail/src/app/(user)/user/settings/page.tsx
+++ b/services/webmail/src/app/(user)/user/settings/page.tsx
@@ -510,7 +510,7 @@ export default function UserSettingsPage() {
                         type="button"
                         onClick={() => void revokeAppPassword(ap.id)}
                         aria-label={t("common.delete")}
-                        className="flex h-[30px] w-[30px] flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-white/[0.07] hover:text-rose-400"
+                        className="flex h-[30px] w-[30px] flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-ink/[0.07] hover:text-rose-400"
                       >
                         <Trash2 className="h-[15px] w-[15px]" />
                       </button>
@@ -551,7 +551,7 @@ export default function UserSettingsPage() {
                         type="button"
                         onClick={() => void revokeSession(session.id)}
                         aria-label={t("common.delete")}
-                        className="flex h-[30px] w-[30px] flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-white/[0.07] hover:text-rose-400"
+                        className="flex h-[30px] w-[30px] flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-ink/[0.07] hover:text-rose-400"
                       >
                         <Trash2 className="h-[15px] w-[15px]" />
                       </button>
@@ -769,7 +769,7 @@ export default function UserSettingsPage() {
                         disabled={index === 0}
                         aria-label={t("settings.ruleMoveUp")}
                         title={t("settings.ruleMoveUp")}
-                        className="flex h-[30px] w-[30px] flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-white/[0.07] hover:text-slate-100 disabled:opacity-30"
+                        className="flex h-[30px] w-[30px] flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-ink/[0.07] hover:text-slate-100 disabled:opacity-30"
                       >
                         <ChevronUp className="h-[15px] w-[15px]" />
                       </button>
@@ -779,7 +779,7 @@ export default function UserSettingsPage() {
                         disabled={index === rules.length - 1}
                         aria-label={t("settings.ruleMoveDown")}
                         title={t("settings.ruleMoveDown")}
-                        className="flex h-[30px] w-[30px] flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-white/[0.07] hover:text-slate-100 disabled:opacity-30"
+                        className="flex h-[30px] w-[30px] flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-ink/[0.07] hover:text-slate-100 disabled:opacity-30"
                       >
                         <ChevronDown className="h-[15px] w-[15px]" />
                       </button>
@@ -787,7 +787,7 @@ export default function UserSettingsPage() {
                         type="button"
                         onClick={() => removeSieveRule(r.id)}
                         aria-label={t("common.delete")}
-                        className="flex h-[30px] w-[30px] flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-white/[0.07] hover:text-rose-400"
+                        className="flex h-[30px] w-[30px] flex-none items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-ink/[0.07] hover:text-rose-400"
                       >
                         <Trash2 className="h-[15px] w-[15px]" />
                       </button>
@@ -914,12 +914,12 @@ export default function UserSettingsPage() {
                       aria-label={b.title}
                       onMouseDown={(e) => e.preventDefault()}
                       onClick={() => applySignatureCommand(b.cmd)}
-                      className={`h-7 w-7 rounded-md text-[13px] text-slate-300 transition-colors hover:bg-white/[0.09] hover:text-slate-100 ${b.cls}`}
+                      className={`h-7 w-7 rounded-md text-[13px] text-slate-300 transition-colors hover:bg-ink/[0.09] hover:text-slate-100 ${b.cls}`}
                     >
                       {b.label}
                     </button>
                   ))}
-                  <span className="mx-1 h-4 w-px bg-white/10" />
+                  <span className="mx-1 h-4 w-px bg-ink/10" />
                   <button
                     type="button"
                     title={t("ui.insertLink")}
@@ -929,7 +929,7 @@ export default function UserSettingsPage() {
                       const url = window.prompt(t("ui.insertLink"), "https://");
                       if (url) applySignatureCommand("createLink", url);
                     }}
-                    className="h-7 rounded-md px-2 text-[12px] text-slate-300 transition-colors hover:bg-white/[0.09] hover:text-slate-100"
+                    className="h-7 rounded-md px-2 text-[12px] text-slate-300 transition-colors hover:bg-ink/[0.09] hover:text-slate-100"
                   >
                     {t("ui.insertLink")}
                   </button>
@@ -942,7 +942,7 @@ export default function UserSettingsPage() {
                       const url = window.prompt(t("ui.insertImage"), "https://");
                       if (url) applySignatureCommand("insertImage", url);
                     }}
-                    className="h-7 rounded-md px-2 text-[12px] text-slate-300 transition-colors hover:bg-white/[0.09] hover:text-slate-100"
+                    className="h-7 rounded-md px-2 text-[12px] text-slate-300 transition-colors hover:bg-ink/[0.09] hover:text-slate-100"
                   >
                     {t("ui.insertImage")}
                   </button>
diff --git a/services/webmail/src/app/apple-icon.png b/services/webmail/src/app/apple-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a694a06301a6035b4de4715e504ebdbe0f0e9cc
GIT binary patch
literal 6210
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
PuK-k(VM^Z=EJObXMSux5

literal 0
HcmV?d00001

diff --git a/services/webmail/src/app/favicon.ico b/services/webmail/src/app/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..f8553e036d851545288f7db5585a008bbca7b713
GIT binary patch
literal 4177
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

literal 0
HcmV?d00001

diff --git a/services/webmail/src/app/globals.css b/services/webmail/src/app/globals.css
index d00f27e..8bda4e5 100644
--- a/services/webmail/src/app/globals.css
+++ b/services/webmail/src/app/globals.css
@@ -1,95 +1,218 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 /**
- * Nocturne - the one visual language for both surfaces.
+ * LambdaMail's visual language, in two themes.
  *
- * The webmail used to be indigo over glass and the console green over glass,
- * so the two halves of the same product did not look related. Everything below
- * comes from the Nocturne design system: a near-neutral blue-grey ground, Inter
- * at weight 500 for headings, solid surfaces with a 1px inset edge instead of
- * blur, and a single blurple accent used as a line, a mark and a glow rather
- * than a flood. Tailwind's slate/indigo/emerald scales are remapped onto these
- * same values in tailwind.config.js, so a utility class and a variable here
- * cannot drift apart.
+ * Every colour in the interface is a variable below, and the Tailwind scales the
+ * screens already use (slate, indigo, amber, rose, emerald) read those
+ * variables, so a theme is a change of values and not a change of classes.
+ * The ramps run the same direction in both themes: 100 is always the text you
+ * read, 950 always the ground it sits on, 400 the quieter text. That is why a
+ * screen written against `text-slate-400` is correct in light and in dark.
+ *
+ * Dark is the default. The theme is chosen before first paint by the script in
+ * the root layout, so there is no flash of the other one.
  */
+
+/* GENERATED from the ramps in docs/design - edit the ramps, not these lines */
+:root, [data-theme='dark'] {
+  --n-50: 245 247 251;
+  --n-100: 230 233 240;
+  --n-200: 211 216 227;
+  --n-300: 181 188 204;
+  --n-400: 142 150 168;
+  --n-500: 111 119 138;
+  --n-600: 82 90 108;
+  --n-700: 56 62 77;
+  --n-800: 35 40 52;
+  --n-900: 23 27 37;
+  --n-950: 15 18 24;
+  --a-50: 241 243 255;
+  --a-100: 228 232 255;
+  --a-200: 203 210 255;
+  --a-300: 169 180 255;
+  --a-400: 135 148 255;
+  --a-500: 101 116 255;
+  --a-600: 79 94 240;
+  --a-700: 61 73 196;
+  --a-800: 44 53 144;
+  --a-900: 29 35 96;
+  --a-950: 20 24 66;
+  --w-50: 255 248 230;
+  --w-100: 255 239 194;
+  --w-200: 255 224 138;
+  --w-300: 255 206 82;
+  --w-400: 245 184 46;
+  --w-500: 227 157 15;
+  --w-600: 185 122 8;
+  --w-700: 138 90 10;
+  --w-800: 92 61 11;
+  --w-900: 58 40 16;
+  --w-950: 36 25 9;
+  --b-50: 255 241 242;
+  --b-100: 255 224 227;
+  --b-200: 255 194 201;
+  --b-300: 255 154 166;
+  --b-400: 248 112 127;
+  --b-500: 229 72 90;
+  --b-600: 192 47 66;
+  --b-700: 150 38 55;
+  --b-800: 101 27 40;
+  --b-900: 65 22 32;
+  --b-950: 42 15 22;
+  --g-50: 236 253 245;
+  --g-100: 209 250 229;
+  --g-200: 167 243 208;
+  --g-300: 110 231 183;
+  --g-400: 52 211 153;
+  --g-500: 16 185 129;
+  --g-600: 5 150 105;
+  --g-700: 4 120 87;
+  --g-800: 6 95 70;
+  --g-900: 6 78 59;
+  --g-950: 2 44 34;
+  --a-fill: 79 94 240;
+  --a-fill-hover: 99 113 250;
+  --ink: 233 237 245;
+  --rail: 11 13 18;
+  --lm-shadow: 0 18px 48px rgb(0 0 0 / 0.55);
+  color-scheme: dark;
+}
+
+[data-theme='light'] {
+  --n-50: 11 14 20;
+  --n-100: 18 21 28;
+  --n-200: 35 40 52;
+  --n-300: 58 65 82;
+  --n-400: 91 98 114;
+  --n-500: 123 130 148;
+  --n-600: 163 169 184;
+  --n-700: 205 209 219;
+  --n-800: 233 236 241;
+  --n-900: 255 255 255;
+  --n-950: 243 244 247;
+  --a-50: 20 24 66;
+  --a-100: 29 35 96;
+  --a-200: 44 53 144;
+  --a-300: 51 65 194;
+  --a-400: 63 79 230;
+  --a-500: 63 79 230;
+  --a-600: 101 116 255;
+  --a-700: 135 148 255;
+  --a-800: 183 192 255;
+  --a-900: 225 229 255;
+  --a-950: 238 240 255;
+  --w-50: 36 25 9;
+  --w-100: 58 40 16;
+  --w-200: 92 61 11;
+  --w-300: 122 78 6;
+  --w-400: 138 90 10;
+  --w-500: 185 122 8;
+  --w-600: 227 157 15;
+  --w-700: 245 184 46;
+  --w-800: 255 224 138;
+  --w-900: 255 241 201;
+  --w-950: 255 248 230;
+  --b-50: 42 15 22;
+  --b-100: 65 22 32;
+  --b-200: 101 27 40;
+  --b-300: 142 33 51;
+  --b-400: 178 42 62;
+  --b-500: 214 58 78;
+  --b-600: 229 72 90;
+  --b-700: 248 112 127;
+  --b-800: 255 179 187;
+  --b-900: 255 227 230;
+  --b-950: 255 241 242;
+  --g-50: 2 44 34;
+  --g-100: 6 78 59;
+  --g-200: 6 95 70;
+  --g-300: 5 107 75;
+  --g-400: 4 120 87;
+  --g-500: 5 150 105;
+  --g-600: 16 185 129;
+  --g-700: 52 211 153;
+  --g-800: 167 243 208;
+  --g-900: 216 248 233;
+  --g-950: 236 253 245;
+  --a-fill: 63 79 230;
+  --a-fill-hover: 52 66 214;
+  --ink: 17 20 28;
+  --rail: 236 238 243;
+  --lm-shadow: 0 18px 48px rgb(20 28 50 / 0.16);
+  color-scheme: light;
+}
+
 :root {
-  /* Grounds, darkest to lightest: the rail, the page, a panel, a card. */
-  --lm-rail: #12131f;
-  --lm-bg: #161826;
-  --lm-panel: #1b1c28;
-  --lm-surface: #232532;
+  --lm-radius-md: 10px;
+}
 
-  --lm-text: #e9e9ed;
-  --lm-text-muted: rgba(233, 233, 237, 0.62);
-
-  /* One accent, in the product's own blurple. */
-  --lm-accent: #9184d9;
-  --lm-accent-pale: #d2cefd;
-
-  /* Edges are drawn as an inset ring, not a border, so nothing shifts by 1px
-     when a surface becomes active. */
-  --lm-edge: rgba(233, 233, 237, 0.09);
-  --lm-edge-strong: rgba(233, 233, 237, 0.16);
-  --lm-divider: rgba(233, 233, 237, 0.14);
-
-  --lm-radius-md: 11px;
+html {
+  -webkit-text-size-adjust: 100%;
 }
 
 body {
-  background-color: var(--lm-bg);
-  color: var(--lm-text);
-  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  background-color: rgb(var(--n-950));
+  color: rgb(var(--n-100));
+  font-family: 'Geist Variable', 'Geist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   font-size: 14px;
+  line-height: 1.5;
+  font-feature-settings: 'cv11', 'ss01';
   overflow-x: hidden;
+  /* A theme change is a crossfade, not a flash. Skipped for people who ask for
+     less motion, below. */
+  transition: background-color 0.2s ease, color 0.2s ease;
 }
 
-/* Hierarchy here is size and space; headings never go past weight 500. */
+/* Hierarchy is size and weight; headings are tight and never shout. */
 h1, h2, h3, h4, h5, h6 {
-  font-weight: 500;
-  letter-spacing: -0.015em;
+  font-weight: 600;
+  letter-spacing: -0.02em;
 }
 
-/* Keyboard focus is themed everywhere rather than left to the browser. */
 :focus-visible {
-  outline: 2px solid var(--lm-accent);
+  outline: 2px solid rgb(var(--a-400));
   outline-offset: 2px;
 }
 ::selection {
-  background: rgba(145, 132, 217, 0.3);
+  background: rgb(var(--a-500) / 0.28);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
 }
 
 /* --------------------------------------------------------------------
    Surfaces
    -------------------------------------------------------------------- */
 
-/** A code or DNS-record block: the darkest ground, monospace, accent ink. */
+/** A code or DNS-record block. */
 .lm-code {
-  background: var(--lm-rail);
-  box-shadow: inset 0 0 0 1px var(--lm-edge);
+  background: rgb(var(--rail));
+  box-shadow: inset 0 0 0 1px rgb(var(--ink) / 0.09);
   border-radius: var(--lm-radius-md);
-  font-family: ui-monospace, Menlo, Consolas, monospace;
+  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
   font-size: 12px;
   line-height: 1.6;
-  color: var(--lm-accent-pale);
+  color: rgb(var(--a-300));
 }
 
-/**
- * A rule that fades to transparent at both ends rather than stopping cleanly -
- * the one Nocturne signature that has to be CSS, because Tailwind has no
- * gradient border.
- */
+/** A rule that fades out at both ends instead of stopping dead. */
 .lm-rule {
   height: 1px;
   border: 0;
   background: linear-gradient(
     to right,
     transparent,
-    var(--lm-divider) 24px,
-    var(--lm-divider) calc(100% - 24px),
+    rgb(var(--ink) / 0.14) 24px,
+    rgb(var(--ink) / 0.14) calc(100% - 24px),
     transparent
   );
 }
@@ -99,58 +222,51 @@ h1, h2, h3, h4, h5, h6 {
    -------------------------------------------------------------------- */
 
 /**
- * A sidebar item. The 3px mark on the left is the accent's whole appearance
- * here - an active item is not a filled pill. Nothing in this block is sized
- * by its text: the label wraps to a second line instead of being clipped,
- * which is what broke when the interface was read in Portuguese or Spanish.
+ * A sidebar item. Active is a tint of the accent behind the label, the way
+ * system sidebars do it; the text does not shift and nothing is sized by it, so
+ * a long label wraps instead of being clipped.
  */
 .lm-nav {
   display: flex;
   align-items: center;
   gap: 10px;
-  padding: 8px 9px 8px 4px;
+  padding: 7px 10px;
   border-radius: var(--lm-radius-md);
-  color: var(--lm-text-muted);
+  color: rgb(var(--n-300));
   transition: background-color 0.15s ease, color 0.15s ease;
 }
 .lm-nav:hover {
-  background: rgba(233, 233, 237, 0.05);
-  color: var(--lm-text);
+  background: rgb(var(--ink) / 0.06);
+  color: rgb(var(--n-100));
 }
 .lm-nav[data-active='true'] {
-  background: var(--lm-surface);
-  color: var(--lm-text);
-  box-shadow: inset 0 0 0 1px rgba(145, 132, 217, 0.35);
+  background: rgb(var(--a-500) / 0.15);
+  color: rgb(var(--a-300));
+  font-weight: 500;
 }
+/* The old left-hand mark is gone; the tint carries "active" now. */
 .lm-nav-mark {
-  width: 3px;
-  flex: none;
-  align-self: stretch;
-  border-radius: 9999px;
-  background: transparent;
-}
-.lm-nav[data-active='true'] .lm-nav-mark {
-  background: var(--lm-accent);
+  display: none;
 }
 
 /** A message row in the list pane. */
 .lm-row {
   display: flex;
-  gap: 11px;
+  gap: 12px;
   align-items: flex-start;
-  padding: 12px;
+  padding: 11px 12px;
   border-radius: 12px;
   transition: background-color 0.12s ease;
 }
 .lm-row:hover {
-  background: rgba(233, 233, 237, 0.04);
+  background: rgb(var(--ink) / 0.045);
 }
 .lm-row[data-active='true'] {
-  background: var(--lm-surface);
-  box-shadow: inset 0 0 0 1px rgba(145, 132, 217, 0.4);
+  background: rgb(var(--a-500) / 0.13);
+  box-shadow: inset 0 0 0 1px rgb(var(--a-500) / 0.32);
 }
 
-/** A filter chip: an outline that takes the accent when it is the one chosen. */
+/** A filter chip: quiet until it is the one chosen. */
 .lm-chip {
   display: inline-flex;
   align-items: center;
@@ -159,16 +275,18 @@ h1, h2, h3, h4, h5, h6 {
   border-radius: 9999px;
   font-size: 12.5px;
   line-height: 1.3;
-  color: var(--lm-text-muted);
-  box-shadow: inset 0 0 0 1px var(--lm-edge-strong);
-  transition: color 0.15s ease, box-shadow 0.15s ease;
+  color: rgb(var(--n-300));
+  box-shadow: inset 0 0 0 1px rgb(var(--ink) / 0.16);
+  transition: color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
 }
 .lm-chip:hover {
-  box-shadow: inset 0 0 0 1px var(--lm-accent);
+  background: rgb(var(--ink) / 0.05);
+  color: rgb(var(--n-100));
 }
 .lm-chip[data-active='true'] {
-  color: var(--lm-accent);
-  box-shadow: inset 0 0 0 1px var(--lm-accent);
+  color: rgb(var(--a-300));
+  background: rgb(var(--a-500) / 0.14);
+  box-shadow: inset 0 0 0 1px rgb(var(--a-500) / 0.4);
 }
 
 /** A tab inside the segmented strip the settings, domain and mailbox screens use. */
@@ -180,17 +298,17 @@ h1, h2, h3, h4, h5, h6 {
   border-radius: 9px;
   font-size: 12.5px;
   line-height: 1.3;
-  color: var(--lm-text-muted);
+  color: rgb(var(--n-300));
   transition: background-color 0.15s ease, color 0.15s ease;
 }
 .lm-tab:hover {
-  color: var(--lm-text);
-  background: rgba(233, 233, 237, 0.05);
+  color: rgb(var(--n-100));
+  background: rgb(var(--ink) / 0.06);
 }
 .lm-tab[data-active='true'] {
-  background: var(--lm-surface);
-  color: var(--lm-accent);
-  box-shadow: inset 0 0 0 1px rgba(145, 132, 217, 0.4);
+  background: rgb(var(--n-800));
+  color: rgb(var(--n-50));
+  box-shadow: inset 0 0 0 1px rgb(var(--ink) / 0.12), 0 1px 2px rgb(0 0 0 / 0.12);
 }
 .lm-tabstrip {
   display: flex;
@@ -198,12 +316,12 @@ h1, h2, h3, h4, h5, h6 {
   gap: 6px;
   padding: 4px;
   border-radius: 12px;
-  background: var(--lm-panel);
-  box-shadow: inset 0 0 0 1px var(--lm-edge);
+  background: rgb(var(--n-900));
+  box-shadow: inset 0 0 0 1px rgb(var(--ink) / 0.09);
 }
 
 /* --------------------------------------------------------------------
-   Tables - the header and the row rules fade at their ends, as the rules do
+   Tables
    -------------------------------------------------------------------- */
 
 .lm-table {
@@ -213,11 +331,9 @@ h1, h2, h3, h4, h5, h6 {
 }
 .lm-table th {
   text-align: left;
-  font-size: 11px;
+  font-size: 12px;
   font-weight: 500;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: rgba(233, 233, 237, 0.6);
+  color: rgb(var(--n-400));
   padding: 8px 10px;
   white-space: nowrap;
 }
@@ -225,34 +341,25 @@ h1, h2, h3, h4, h5, h6 {
   padding: 10px;
   vertical-align: middle;
 }
-.lm-table thead tr {
-  background: linear-gradient(
-      to right,
-      transparent,
-      var(--lm-divider) 24px,
-      var(--lm-divider) calc(100% - 24px),
-      transparent
-    )
-    no-repeat bottom / 100% 1px;
-}
+.lm-table thead tr,
 .lm-table tbody tr {
   background: linear-gradient(
       to right,
       transparent,
-      rgba(233, 233, 237, 0.08) 24px,
-      rgba(233, 233, 237, 0.08) calc(100% - 24px),
+      rgb(var(--ink) / 0.1) 24px,
+      rgb(var(--ink) / 0.1) calc(100% - 24px),
       transparent
     )
     no-repeat bottom / 100% 1px;
 }
 .lm-table tbody tr:hover {
   background:
-    linear-gradient(rgba(233, 233, 237, 0.04), rgba(233, 233, 237, 0.04)) no-repeat 0 0 / 100% 100%,
+    linear-gradient(rgb(var(--ink) / 0.045), rgb(var(--ink) / 0.045)) no-repeat 0 0 / 100% 100%,
     linear-gradient(
         to right,
         transparent,
-        rgba(233, 233, 237, 0.08) 24px,
-        rgba(233, 233, 237, 0.08) calc(100% - 24px),
+        rgb(var(--ink) / 0.1) 24px,
+        rgb(var(--ink) / 0.1) calc(100% - 24px),
         transparent
       )
       no-repeat bottom / 100% 1px;
@@ -266,21 +373,17 @@ h1, h2, h3, h4, h5, h6 {
   width: 8px;
   height: 8px;
 }
-
 ::-webkit-scrollbar-track {
   background: transparent;
 }
-
 ::-webkit-scrollbar-thumb {
-  background: #3f424d;
+  background: rgb(var(--n-700));
   border-radius: 9999px;
 }
-
 ::-webkit-scrollbar-thumb:hover {
-  background: #595d6c;
+  background: rgb(var(--n-600));
 }
-
 * {
   scrollbar-width: thin;
-  scrollbar-color: #3f424d transparent;
+  scrollbar-color: rgb(var(--n-700)) transparent;
 }
diff --git a/services/webmail/src/app/icon.svg b/services/webmail/src/app/icon.svg
new file mode 100644
index 0000000..b3c661c
--- /dev/null
+++ b/services/webmail/src/app/icon.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+  <defs>
+    <linearGradient id="lm-tile" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#6F7EFF"/>
+      <stop offset="1" stop-color="#3441D8"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="15" fill="url(#lm-tile)"/>
+  <!-- the flap of an envelope, as light on the tile: the fold every letter has -->
+  <path d="M0 15C0 6.7 6.7 0 15 0h34c8.3 0 15 6.7 15 15v2L32 40 0 17z" fill="#fff" fill-opacity=".11"/>
+  <!-- the lambda -->
+  <path d="M21 14.5 43 50" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M32.1 32.4 21 50" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/services/webmail/src/app/layout.tsx b/services/webmail/src/app/layout.tsx
index b8adf65..7cbf28d 100644
--- a/services/webmail/src/app/layout.tsx
+++ b/services/webmail/src/app/layout.tsx
@@ -1,12 +1,30 @@
+import "@fontsource-variable/geist";
 import "./globals.css";
 import React from "react";
+import type { Metadata, Viewport } from "next";
 import { cookies, headers } from "next/headers";
 import { I18nProvider } from "../i18n/provider";
 import { LOCALE_COOKIE, isLocale, negotiateLocale } from "../i18n/config";
+import { THEME_BOOT_SCRIPT } from "../lib/theme";
 
-export const metadata = {
-  title: "LambdaMail - Secure Self-Hosted Webmail & Admin Console",
-  description: "Modern, open-source email server web interface with 2FA TOTP and surface isolation.",
+export const metadata: Metadata = {
+  title: { default: "LambdaMail", template: "%s - LambdaMail" },
+  description: "Your own mail server, with a webmail that is a pleasure to use.",
+  applicationName: "LambdaMail",
+  // The tab icon, the home-screen icon and the install manifest all come from
+  // the files next to this one (icon.svg, favicon.ico, apple-icon.png) and
+  // from manifest.ts.
+  appleWebApp: { capable: true, title: "LambdaMail", statusBarStyle: "black-translucent" },
+};
+
+// The browser's own chrome follows the theme: the address bar on a phone is
+// the page's ground in dark, and the paper in light.
+export const viewport: Viewport = {
+  themeColor: [
+    { media: "(prefers-color-scheme: light)", color: "#F3F4F7" },
+    { media: "(prefers-color-scheme: dark)", color: "#0F1218" },
+  ],
+  colorScheme: "dark light",
 };
 
 /**
@@ -27,7 +45,12 @@ export default async function RootLayout({ children }: { children: React.ReactNo
   const locale = await resolveLocale();
 
   return (
-    <html lang={locale} className="dark">
+    // data-theme is set by the script below before the page paints, and React
+    // must not "correct" it back when it hydrates.
+    <html lang={locale} data-theme="dark" suppressHydrationWarning>
+      <head>
+        <script dangerouslySetInnerHTML={{ __html: THEME_BOOT_SCRIPT }} />
+      </head>
       <body className="min-h-screen bg-dark-bg font-sans text-slate-100 antialiased">
         <I18nProvider locale={locale}>{children}</I18nProvider>
       </body>
diff --git a/services/webmail/src/app/manifest.ts b/services/webmail/src/app/manifest.ts
new file mode 100644
index 0000000..f7cc322
--- /dev/null
+++ b/services/webmail/src/app/manifest.ts
@@ -0,0 +1,23 @@
+import type { MetadataRoute } from "next";
+
+/**
+ * What lets the webmail be installed like an app: its own window, its own
+ * icon, and a splash that matches the ground it opens onto.
+ */
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: "LambdaMail",
+    short_name: "LambdaMail",
+    description: "Your own mail server, with a webmail that is a pleasure to use.",
+    start_url: "/user/mail/inbox",
+    scope: "/",
+    display: "standalone",
+    background_color: "#0F1218",
+    theme_color: "#0F1218",
+    icons: [
+      { src: "/icons/icon-192.png", sizes: "192x192", type: "image/png" },
+      { src: "/icons/icon-512.png", sizes: "512x512", type: "image/png" },
+      { src: "/icons/maskable-512.png", sizes: "512x512", type: "image/png", purpose: "maskable" },
+    ],
+  };
+}
diff --git a/services/webmail/src/components/AccountSwitcher.tsx b/services/webmail/src/components/AccountSwitcher.tsx
index fc32fcd..7bad471 100644
--- a/services/webmail/src/components/AccountSwitcher.tsx
+++ b/services/webmail/src/components/AccountSwitcher.tsx
@@ -5,6 +5,7 @@ import Link from "next/link";
 import { Check, ChevronsUpDown, LogOut, Plus, Settings } from "lucide-react";
 import { useTranslations } from "../i18n/provider";
 import { Avatar } from "./Avatar";
+import { ThemeToggle } from "./ThemeToggle";
 
 interface SignedInAccount {
   id: string;
@@ -73,7 +74,7 @@ export function AccountSwitcher({ onNavigate }: { onNavigate?: () => void }) {
   };
 
   const item =
-    "flex w-full items-center gap-2.5 rounded-lg px-2.5 py-2 text-left text-[13px] transition-colors hover:bg-white/[0.07]";
+    "flex w-full items-center gap-2.5 rounded-lg px-2.5 py-2 text-left text-[13px] transition-colors hover:bg-ink/[0.07]";
 
   return (
     <div ref={root} className="relative">
@@ -85,7 +86,7 @@ export function AccountSwitcher({ onNavigate }: { onNavigate?: () => void }) {
         title={t("accounts.switchAccount")}
         className="flex w-full items-center gap-2.5 rounded-xl bg-dark-panel p-2.5 text-left shadow-edge transition-colors hover:bg-dark-card"
       >
-        <Avatar address={active?.email} size={30} className="bg-indigo-900 text-indigo-300 shadow-[inset_0_0_0_1px_#5d5294]" />
+        <Avatar address={active?.email} size={30} className="bg-indigo-900 text-indigo-300 shadow-[inset_0_0_0_1px_rgb(var(--a-700))]" />
         <span className="min-w-0 flex-1 truncate text-[12.5px]">{active?.email ?? t("common.loading")}</span>
         <ChevronsUpDown className="h-3.5 w-3.5 flex-none text-slate-400" />
       </button>
@@ -93,7 +94,7 @@ export function AccountSwitcher({ onNavigate }: { onNavigate?: () => void }) {
       {open && (
         <div
           role="menu"
-          className="absolute inset-x-0 bottom-full z-30 mb-2 rounded-xl bg-dark-panel p-1.5 shadow-edge ring-1 ring-white/10"
+          className="absolute inset-x-0 bottom-full z-30 mb-2 rounded-xl bg-dark-panel p-1.5 shadow-edge ring-1 ring-ink/10"
         >
           {accounts.map((account) => (
             <button
@@ -112,7 +113,13 @@ export function AccountSwitcher({ onNavigate }: { onNavigate?: () => void }) {
             <Plus className="h-4 w-4 flex-none text-slate-400" />
             {t("accounts.addAccount")}
           </Link>
-          <div className="my-1 h-px bg-white/10" />
+          <div className="my-1 h-px bg-ink/10" />
+          {/* Three choices in one row, so changing the look is one click. */}
+          <div className="flex items-center gap-2 px-2.5 py-1.5">
+            <span className="flex-1 text-[12.5px] text-slate-400">{t("appearance.title")}</span>
+            <ThemeToggle />
+          </div>
+          <div className="my-1 h-px bg-ink/10" />
           <Link href="/user/settings" role="menuitem" onClick={onNavigate} className={item}>
             <Settings className="h-4 w-4 flex-none text-slate-400" />
             {t("accounts.settings")}
diff --git a/services/webmail/src/components/CommandPalette.tsx b/services/webmail/src/components/CommandPalette.tsx
new file mode 100644
index 0000000..a594642
--- /dev/null
+++ b/services/webmail/src/components/CommandPalette.tsx
@@ -0,0 +1,310 @@
+"use client";
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useRouter } from "next/navigation";
+import {
+  Archive,
+  AlertTriangle,
+  CornerDownLeft,
+  FileText,
+  Folder as FolderIcon,
+  Inbox,
+  Laptop,
+  LogOut,
+  Moon,
+  PenSquare,
+  Plus,
+  Search,
+  Send,
+  Settings,
+  ShieldCheck,
+  Sun,
+  Trash2,
+  UserRound,
+} from "lucide-react";
+import { useTranslations } from "../i18n/provider";
+import { useFolders } from "../lib/useFolders";
+import { customFolders } from "../lib/mailCounts";
+import { setThemeChoice } from "../lib/theme";
+
+/** Fired to ask the open mail list to show a search. */
+export const SEARCH_EVENT = "lm:search";
+
+interface Command {
+  id: string;
+  group: string;
+  label: string;
+  /** Extra words the label should also be found by. */
+  keywords?: string;
+  icon: React.ComponentType<{ className?: string }>;
+  hint?: string;
+  run: () => void;
+}
+
+interface SignedIn {
+  id: string;
+  email: string;
+  active: boolean;
+}
+
+/**
+ * The one place to reach anything: Ctrl+K or Cmd+K opens it.
+ *
+ * The screens stay quiet - a few folders, one main button - because everything
+ * else is a few keystrokes away here. Typing text that matches no command
+ * offers to search the mail for it, so it is also the search box.
+ *
+ * `c` writes a new message and `/` goes to the search field, from anywhere that
+ * is not itself a place to type.
+ */
+export function CommandPalette({ isAdmin }: { isAdmin: boolean }) {
+  const t = useTranslations();
+  const router = useRouter();
+  const { folders } = useFolders();
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [cursor, setCursor] = useState(0);
+  const [accounts, setAccounts] = useState<SignedIn[]>([]);
+  const input = useRef<HTMLInputElement>(null);
+  const previouslyFocused = useRef<HTMLElement | null>(null);
+
+  const close = useCallback(() => {
+    setOpen(false);
+    setQuery("");
+    setCursor(0);
+    previouslyFocused.current?.focus?.();
+  }, []);
+
+  // Opening, and the two single-key shortcuts.
+  useEffect(() => {
+    const typingIn = (target: EventTarget | null) => {
+      const el = target as HTMLElement | null;
+      if (!el) return false;
+      return el.isContentEditable || ["INPUT", "TEXTAREA", "SELECT"].includes(el.tagName);
+    };
+    const onKey = (event: KeyboardEvent) => {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+        event.preventDefault();
+        previouslyFocused.current = document.activeElement as HTMLElement | null;
+        setOpen((v) => !v);
+        return;
+      }
+      if (event.metaKey || event.ctrlKey || event.altKey || typingIn(event.target)) return;
+      if (event.key === "c") {
+        event.preventDefault();
+        router.push("/user/compose");
+      } else if (event.key === "/") {
+        const field = document.getElementById("mail-search");
+        if (field) {
+          event.preventDefault();
+          field.focus();
+        }
+      }
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [router]);
+
+  useEffect(() => {
+    if (!open) return;
+    input.current?.focus();
+    fetch("/api/v1/auth/accounts", { cache: "no-store" })
+      .then((res) => (res.ok ? res.json() : { accounts: [] }))
+      .then((data) => setAccounts(data.accounts ?? []))
+      .catch(() => undefined);
+  }, [open]);
+
+  const go = useCallback(
+    (href: string) => () => {
+      close();
+      router.push(href);
+    },
+    [close, router],
+  );
+
+  const commands = useMemo<Command[]>(() => {
+    const list: Command[] = [
+      { id: "compose", group: t("palette.actions"), label: t("mail.compose"), keywords: "new write message nova escrever", icon: PenSquare, hint: "C", run: go("/user/compose") },
+      { id: "settings", group: t("palette.actions"), label: t("settings.title"), keywords: "preferences signature filters", icon: Settings, run: go("/user/settings") },
+      { id: "inbox", group: t("palette.navigate"), label: t("mail.inbox"), icon: Inbox, run: go("/user/mail/inbox") },
+      { id: "sent", group: t("palette.navigate"), label: t("mail.sent"), icon: Send, run: go("/user/mail/sent") },
+      { id: "drafts", group: t("palette.navigate"), label: t("mail.drafts"), icon: FileText, run: go("/user/mail/drafts") },
+      { id: "archive", group: t("palette.navigate"), label: t("mail.archive"), icon: Archive, run: go("/user/mail/archive") },
+      { id: "junk", group: t("palette.navigate"), label: t("mail.junk"), keywords: "spam", icon: AlertTriangle, run: go("/user/mail/junk") },
+      { id: "trash", group: t("palette.navigate"), label: t("mail.trash"), keywords: "bin lixeira papelera", icon: Trash2, run: go("/user/mail/trash") },
+      { id: "reports", group: t("palette.navigate"), label: t("mail.reports"), icon: ShieldCheck, run: go("/user/mail/reports") },
+      ...customFolders(folders).map<Command>((folder) => ({
+        id: `folder-${folder.name}`,
+        group: t("palette.navigate"),
+        label: folder.name,
+        icon: FolderIcon,
+        run: go(`/user/mail/${encodeURIComponent(folder.name)}`),
+      })),
+      { id: "theme-dark", group: t("palette.theme"), label: t("appearance.dark"), keywords: "theme tema", icon: Moon, run: () => { setThemeChoice("dark"); close(); } },
+      { id: "theme-light", group: t("palette.theme"), label: t("appearance.light"), keywords: "theme tema", icon: Sun, run: () => { setThemeChoice("light"); close(); } },
+      { id: "theme-system", group: t("palette.theme"), label: t("appearance.system"), keywords: "theme tema auto", icon: Laptop, run: () => { setThemeChoice("system"); close(); } },
+      ...accounts
+        .filter((a) => !a.active)
+        .map<Command>((a) => ({
+          id: `account-${a.id}`,
+          group: t("palette.accounts"),
+          label: t("palette.switchTo", { email: a.email }),
+          keywords: a.email,
+          icon: UserRound,
+          run: () => {
+            void fetch("/api/v1/auth/switch", {
+              method: "POST",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({ id: a.id }),
+            }).then((res) => {
+              if (res.ok) window.location.href = "/user/mail/inbox";
+            });
+          },
+        })),
+      { id: "add-account", group: t("palette.accounts"), label: t("accounts.addAccount"), icon: Plus, run: go("/user/login?add=1") },
+      {
+        id: "signout",
+        group: t("palette.accounts"),
+        label: t("palette.signOut"),
+        icon: LogOut,
+        run: () => {
+          void fetch("/api/v1/auth/logout", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({}),
+          })
+            .then((res) => (res.ok ? res.json() : { remaining: [] as unknown[] }))
+            .then((data: { remaining?: unknown[] }) => {
+              window.location.href = data.remaining?.length ? "/user/mail/inbox" : "/user/login";
+            });
+        },
+      },
+    ];
+    if (isAdmin) {
+      // Next to the other actions, not at the end of the list, so the group stays whole.
+      list.splice(2, 0, { id: "admin", group: t("palette.actions"), label: t("admin.openAdminShort"), icon: ShieldCheck, run: go("/admin/dashboard") });
+    }
+    return list;
+  }, [t, go, close, folders, accounts, isAdmin]);
+
+  const shown = useMemo(() => {
+    const words = query.trim().toLowerCase().split(/\s+/).filter(Boolean);
+    if (words.length === 0) return commands;
+    return commands.filter((c) => {
+      const haystack = `${c.label} ${c.keywords ?? ""} ${c.group}`.toLowerCase();
+      return words.every((w) => haystack.includes(w));
+    });
+  }, [commands, query]);
+
+  // Typing something no command matches is a search, so Enter is never a dead key.
+  const searchText = query.trim();
+  const items: Command[] = useMemo(() => {
+    if (searchText.length === 0) return shown;
+    const search: Command = {
+      id: "search",
+      group: t("palette.actions"),
+      label: t("palette.searchFor", { query: searchText }),
+      icon: Search,
+      run: () => {
+        close();
+        router.push("/user/mail/inbox");
+        // The list mounts after the route changes, so the request waits a beat.
+        setTimeout(() => window.dispatchEvent(new CustomEvent(SEARCH_EVENT, { detail: searchText })), 250);
+      },
+    };
+    return shown.length === 0 ? [search] : [...shown, search];
+  }, [shown, searchText, t, close, router]);
+
+  useEffect(() => setCursor(0), [query]);
+
+  if (!open) return null;
+
+  const onKeyDown = (event: React.KeyboardEvent) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      close();
+    } else if (event.key === "ArrowDown") {
+      event.preventDefault();
+      setCursor((c) => (c + 1) % Math.max(items.length, 1));
+    } else if (event.key === "ArrowUp") {
+      event.preventDefault();
+      setCursor((c) => (c - 1 + items.length) % Math.max(items.length, 1));
+    } else if (event.key === "Enter") {
+      event.preventDefault();
+      items[cursor]?.run();
+    }
+  };
+
+  // Group headings appear where the group changes, in the order given.
+  let lastGroup = "";
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-start justify-center px-4 pt-[14vh]" onKeyDown={onKeyDown}>
+      <div className="absolute inset-0 bg-black/45 backdrop-blur-[2px]" onClick={close} aria-hidden />
+      <div
+        role="dialog"
+        aria-modal="true"
+        aria-label={t("palette.open")}
+        className="relative flex max-h-[min(520px,70vh)] w-full max-w-[580px] flex-col overflow-hidden rounded-2xl bg-dark-panel shadow-lift"
+      >
+        <div className="flex items-center gap-3 px-4 shadow-[inset_0_-1px_0_0_rgb(var(--ink)/0.09)]">
+          <Search className="h-4 w-4 flex-none text-slate-400" aria-hidden />
+          <input
+            ref={input}
+            value={query}
+            onChange={(e) => setQuery(e.target.value)}
+            placeholder={t("palette.placeholder")}
+            aria-label={t("palette.placeholder")}
+            role="combobox"
+            aria-expanded="true"
+            aria-controls="lm-palette-list"
+            aria-activedescendant={items[cursor] ? `lm-cmd-${items[cursor].id}` : undefined}
+            className="h-12 min-w-0 flex-1 bg-transparent text-[15px] text-slate-100 placeholder-slate-500 focus:outline-none"
+          />
+          <kbd className="hidden rounded-md px-1.5 py-0.5 text-[11px] text-slate-400 shadow-edge sm:block">Esc</kbd>
+        </div>
+
+        <div id="lm-palette-list" role="listbox" className="overflow-y-auto p-1.5">
+          {items.length === 0 && <div className="px-3 py-6 text-center text-[13px] text-slate-400">{t("palette.empty")}</div>}
+          {items.map((item, index) => {
+            const heading = item.group !== lastGroup ? item.group : null;
+            lastGroup = item.group;
+            const Icon = item.icon;
+            return (
+              <React.Fragment key={item.id}>
+                {heading && <div className="px-3 pb-1 pt-2.5 text-[12px] font-medium text-slate-400">{heading}</div>}
+                <button
+                  id={`lm-cmd-${item.id}`}
+                  role="option"
+                  aria-selected={index === cursor}
+                  type="button"
+                  onMouseMove={() => setCursor(index)}
+                  onClick={item.run}
+                  className={`flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-[14px] ${
+                    index === cursor ? "bg-indigo-500/15 text-slate-50" : "text-slate-200"
+                  }`}
+                >
+                  <Icon className={`h-4 w-4 flex-none ${index === cursor ? "text-indigo-300" : "text-slate-400"}`} />
+                  <span className="min-w-0 flex-1 truncate">{item.label}</span>
+                  {item.hint && <kbd className="rounded-md px-1.5 py-0.5 text-[11px] text-slate-400 shadow-edge">{item.hint}</kbd>}
+                </button>
+              </React.Fragment>
+            );
+          })}
+        </div>
+
+        <div className="hidden items-center gap-4 px-4 py-2 text-[12px] text-slate-400 shadow-[inset_0_1px_0_0_rgb(var(--ink)/0.09)] sm:flex">
+          <span className="inline-flex items-center gap-1.5">
+            <kbd className="rounded px-1 shadow-edge">&uarr;</kbd>
+            <kbd className="rounded px-1 shadow-edge">&darr;</kbd>
+            {t("palette.hintMove")}
+          </span>
+          <span className="inline-flex items-center gap-1.5">
+            <CornerDownLeft className="h-3 w-3" aria-hidden />
+            {t("palette.hintOpen")}
+          </span>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/services/webmail/src/components/Composer.tsx b/services/webmail/src/components/Composer.tsx
index 5f5c8a7..4291ebf 100644
--- a/services/webmail/src/components/Composer.tsx
+++ b/services/webmail/src/components/Composer.tsx
@@ -378,12 +378,12 @@ export function Composer({ initial, variant = "page", onSent, onDiscarded }: Com
   };
 
   /** One row of the compose sheet: a fixed-width label beside the control. */
-  const fieldRow = "flex flex-wrap items-center gap-x-3 gap-y-2 px-4 py-2.5 shadow-[inset_0_-1px_0_0_rgba(233,233,237,0.07)]";
+  const fieldRow = "flex flex-wrap items-center gap-x-3 gap-y-2 px-4 py-2.5 shadow-[inset_0_-1px_0_0_rgb(var(--ink)/0.07)]";
   const fieldLabel = "w-14 flex-none text-[12.5px] leading-snug text-slate-400";
   const bareInput =
     "min-h-[30px] min-w-[160px] flex-1 border-0 bg-transparent text-sm text-slate-100 placeholder-slate-500 focus:outline-none";
   const toolButton =
-    "flex h-8 w-8 items-center justify-center rounded-lg text-slate-300 transition-colors hover:bg-white/[0.07] hover:text-slate-100";
+    "flex h-8 w-8 items-center justify-center rounded-lg text-slate-300 transition-colors hover:bg-ink/[0.07] hover:text-slate-100";
 
   return (
     <div className={inline ? "" : "flex-1 overflow-y-auto bg-dark-bg px-5 pb-11 pt-7 sm:px-8"}>
@@ -409,7 +409,7 @@ export function Composer({ initial, variant = "page", onSent, onDiscarded }: Com
               disabled={sending}
               title={t("mail.highImportanceHint")}
               className={`inline-flex h-10 items-center gap-2 rounded-xl px-3.5 text-sm shadow-edge transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 ${
-                important ? "bg-rose-900/70 text-rose-100" : "bg-dark-card text-slate-200 hover:bg-white/[0.07]"
+                important ? "bg-rose-900/70 text-rose-100" : "bg-dark-card text-slate-200 hover:bg-ink/[0.07]"
               }`}
             >
               <Flag className="h-4 w-4" fill={important ? "currentColor" : "none"} />
@@ -531,7 +531,7 @@ export function Composer({ initial, variant = "page", onSent, onDiscarded }: Com
           )}
 
           {/* Formatting Toolbar */}
-          <div className="flex flex-wrap items-center gap-0.5 px-3 py-2 shadow-[inset_0_-1px_0_0_rgba(233,233,237,0.07)]">
+          <div className="flex flex-wrap items-center gap-0.5 px-3 py-2 shadow-[inset_0_-1px_0_0_rgb(var(--ink)/0.07)]">
             <button type="button" onClick={() => executeFormat("bold")} className={toolButton} title={t("mail.bold")}>
               <Bold className="h-4 w-4" />
             </button>
@@ -554,7 +554,7 @@ export function Composer({ initial, variant = "page", onSent, onDiscarded }: Com
             >
               <Strikethrough className="h-4 w-4" />
             </button>
-            <span className="mx-1.5 h-[18px] w-px bg-white/[0.14]" />
+            <span className="mx-1.5 h-[18px] w-px bg-ink/[0.14]" />
             <button
               type="button"
               onClick={() => executeFormat("insertUnorderedList")}
@@ -571,7 +571,7 @@ export function Composer({ initial, variant = "page", onSent, onDiscarded }: Com
             >
               <ListOrdered className="h-4 w-4" />
             </button>
-            <span className="mx-1.5 h-[18px] w-px bg-white/[0.14]" />
+            <span className="mx-1.5 h-[18px] w-px bg-ink/[0.14]" />
             <button
               type="button"
               onClick={() => {
@@ -598,8 +598,8 @@ export function Composer({ initial, variant = "page", onSent, onDiscarded }: Com
           />
 
           {/* Attachment Selector & Display */}
-          <div className="flex flex-wrap items-center gap-2.5 px-4 py-3.5 shadow-[inset_0_1px_0_0_rgba(233,233,237,0.07)]">
-            <label className="flex flex-none cursor-pointer items-center gap-2 rounded-[10px] border border-white/[0.14] px-3 py-2 text-[13px] text-slate-200 transition-colors hover:bg-white/[0.07]">
+          <div className="flex flex-wrap items-center gap-2.5 px-4 py-3.5 shadow-[inset_0_1px_0_0_rgb(var(--ink)/0.07)]">
+            <label className="flex flex-none cursor-pointer items-center gap-2 rounded-[10px] border border-ink/[0.14] px-3 py-2 text-[13px] text-slate-200 transition-colors hover:bg-ink/[0.07]">
               <Paperclip className="h-[15px] w-[15px]" />
               <span>{t("mail.addFiles")}</span>
               <input type="file" multiple onChange={handleFileUpload} className="hidden" />
diff --git a/services/webmail/src/components/Logo.tsx b/services/webmail/src/components/Logo.tsx
new file mode 100644
index 0000000..a883f0f
--- /dev/null
+++ b/services/webmail/src/components/Logo.tsx
@@ -0,0 +1,36 @@
+import React, { useId } from "react";
+
+/**
+ * The LambdaMail mark: a lambda on an ultramarine tile, with the flap of an
+ * envelope lit across the top. The same drawing as app/icon.svg, inline so it
+ * costs no request and takes any size.
+ */
+export function Logo({ size = 32, className = "" }: { size?: number; className?: string }) {
+  // Several of these can be on one page, and a gradient id must be unique.
+  const id = useId().replace(/:/g, "");
+  return (
+    <svg
+      viewBox="0 0 64 64"
+      width={size}
+      height={size}
+      className={className}
+      role="img"
+      aria-label="LambdaMail"
+    >
+      <defs>
+        <linearGradient id={`tile-${id}`} x1="0" y1="0" x2="0" y2="1">
+          <stop offset="0" stopColor="#6F7EFF" />
+          <stop offset="1" stopColor="#3441D8" />
+        </linearGradient>
+      </defs>
+      <rect width="64" height="64" rx="15" fill={`url(#tile-${id})`} />
+      <path
+        d="M0 15C0 6.7 6.7 0 15 0h34c8.3 0 15 6.7 15 15v2L32 40 0 17z"
+        fill="#fff"
+        fillOpacity=".11"
+      />
+      <path d="M21 14.5 43 50" fill="none" stroke="#fff" strokeWidth="6" strokeLinecap="round" strokeLinejoin="round" />
+      <path d="M32.1 32.4 21 50" fill="none" stroke="#fff" strokeWidth="6" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  );
+}
diff --git a/services/webmail/src/components/MessageFrame.tsx b/services/webmail/src/components/MessageFrame.tsx
index 344f2e3..a8f73a8 100644
--- a/services/webmail/src/components/MessageFrame.tsx
+++ b/services/webmail/src/components/MessageFrame.tsx
@@ -30,7 +30,7 @@ export function MessageFrame({ document: html }: { document: string }) {
   }, []);
 
   return (
-    <div className="overflow-hidden rounded-xl bg-white shadow-edge">
+    <div className="overflow-hidden rounded-xl bg-white shadow-edge ring-1 ring-ink/10">
       <iframe
         ref={frame}
         title={t("ui.messageBody")}
diff --git a/services/webmail/src/components/MessageReader.tsx b/services/webmail/src/components/MessageReader.tsx
index c46850b..8853e2e 100644
--- a/services/webmail/src/components/MessageReader.tsx
+++ b/services/webmail/src/components/MessageReader.tsx
@@ -105,21 +105,21 @@ function initialsOf(name: string, address: string): string {
 /** A short type tag and colour for an attachment, from its extension. */
 function attachmentKind(filename: string): { tag: string; className: string } {
   const ext = (filename.split(".").pop() ?? "").toLowerCase();
-  if (ext === "pdf") return { tag: "PDF", className: "bg-rose-700" };
-  if (["png", "jpg", "jpeg", "gif", "webp", "bmp"].includes(ext)) return { tag: "IMG", className: "bg-sky-700" };
-  if (["doc", "docx", "odt", "rtf", "txt"].includes(ext)) return { tag: "DOC", className: "bg-blue-700" };
-  if (["xls", "xlsx", "ods", "csv"].includes(ext)) return { tag: "XLS", className: "bg-emerald-700" };
-  if (["zip", "rar", "7z", "gz", "tar"].includes(ext)) return { tag: "ZIP", className: "bg-amber-700" };
-  return { tag: (ext || "FILE").slice(0, 4).toUpperCase(), className: "bg-slate-600" };
+  if (ext === "pdf") return { tag: "PDF", className: "bg-[#c2352f]" };
+  if (["png", "jpg", "jpeg", "gif", "webp", "bmp"].includes(ext)) return { tag: "IMG", className: "bg-[#1f7aa8]" };
+  if (["doc", "docx", "odt", "rtf", "txt"].includes(ext)) return { tag: "DOC", className: "bg-[#2f5fb8]" };
+  if (["xls", "xlsx", "ods", "csv"].includes(ext)) return { tag: "XLS", className: "bg-[#1f8a5b]" };
+  if (["zip", "rar", "7z", "gz", "tar"].includes(ext)) return { tag: "ZIP", className: "bg-[#a8690f]" };
+  return { tag: (ext || "FILE").slice(0, 4).toUpperCase(), className: "bg-[#5b6272]" };
 }
 
 // One look for every control on the command bar, so the bar reads as a single
 // strip. The label hides on narrow screens and the icon stays, which is what
 // keeps six actions on one row at phone width.
 const commandClass =
-  "inline-flex h-10 min-w-10 items-center justify-center gap-1.5 rounded-lg px-2.5 text-[13px] text-slate-200 transition-colors hover:bg-white/[0.07] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 md:px-3";
+  "inline-flex h-10 min-w-10 items-center justify-center gap-1.5 rounded-lg px-2.5 text-[13px] text-slate-200 transition-colors hover:bg-ink/[0.07] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 md:px-3";
 const infoLinkClass =
-  "rounded-md px-1.5 py-1 text-[12.5px] font-medium text-indigo-300 transition-colors hover:bg-white/[0.07] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400";
+  "rounded-md px-1.5 py-1 text-[12.5px] font-medium text-indigo-300 transition-colors hover:bg-ink/[0.07] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400";
 
 export function MessageReader(props: Props) {
   const { message, row, folder, actions } = props;
@@ -181,7 +181,7 @@ export function MessageReader(props: Props) {
       <div
         role="toolbar"
         aria-label={t("mail.messageActions")}
-        className="flex flex-none flex-wrap items-center gap-0.5 bg-dark-bg px-2 py-1.5 shadow-[0_1px_0_0_rgba(233,233,237,0.09)] sm:px-4"
+        className="flex flex-none flex-wrap items-center gap-0.5 bg-dark-bg px-2 py-1.5 shadow-[0_1px_0_0_rgb(var(--ink)/0.09)] sm:px-4"
       >
         <button
           type="button"
@@ -218,7 +218,7 @@ export function MessageReader(props: Props) {
           </Link>
         )}
 
-        <span aria-hidden className="mx-1 h-5 w-px bg-white/[0.12]" />
+        <span aria-hidden className="mx-1 h-5 w-px bg-ink/[0.12]" />
 
         <button type="button" onClick={props.onDelete} className={commandClass} title={deleteLabel}>
           <Trash2 className="h-4 w-4" />
@@ -252,7 +252,7 @@ export function MessageReader(props: Props) {
                     setMoveOpen(false);
                     props.onMove(target.name);
                   }}
-                  className="block w-full px-3.5 py-2.5 text-left text-[13px] text-slate-200 transition-colors hover:bg-white/[0.07] focus-visible:bg-white/[0.07] focus-visible:outline-none"
+                  className="block w-full px-3.5 py-2.5 text-left text-[13px] text-slate-200 transition-colors hover:bg-ink/[0.07] focus-visible:bg-ink/[0.07] focus-visible:outline-none"
                 >
                   {target.label}
                 </button>
@@ -321,7 +321,7 @@ export function MessageReader(props: Props) {
               address={row?.sender_address ?? address}
               initials={initialsOf(displayName, address)}
               size={44}
-              className="bg-indigo-900 text-indigo-300 shadow-[inset_0_0_0_1px_#5d5294]"
+              className="bg-indigo-900 text-indigo-300 shadow-[inset_0_0_0_1px_rgb(var(--a-700))]"
             />
             <div className="flex min-w-0 flex-1 flex-col gap-0.5">
               <div className="flex flex-wrap items-baseline gap-x-2 gap-y-0.5">
@@ -339,7 +339,7 @@ export function MessageReader(props: Props) {
                   className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11.5px] font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 ${
                     props.senderTrusted
                       ? "bg-indigo-500/20 text-indigo-200 hover:bg-indigo-500/30"
-                      : "text-slate-400 shadow-[inset_0_0_0_1px_rgba(233,233,237,0.18)] hover:bg-white/[0.07] hover:text-slate-200"
+                      : "text-slate-400 shadow-[inset_0_0_0_1px_rgb(var(--ink)/0.18)] hover:bg-ink/[0.07] hover:text-slate-200"
                   }`}
                 >
                   <ShieldCheck className="h-3 w-3" aria-hidden />
@@ -364,7 +364,7 @@ export function MessageReader(props: Props) {
                     type="button"
                     onClick={() => setRecipientsOpen((open) => !open)}
                     aria-expanded={recipientsOpen}
-                    className="ml-1 inline-flex items-center gap-0.5 rounded px-1 text-indigo-300 hover:bg-white/[0.07] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400"
+                    className="ml-1 inline-flex items-center gap-0.5 rounded px-1 text-indigo-300 hover:bg-ink/[0.07] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400"
                   >
                     {recipientsOpen ? t("mail.showFewerRecipients") : `+${hiddenCount}`}
                     <ChevronDown className={`h-3 w-3 transition-transform ${recipientsOpen ? "rotate-180" : ""}`} />
diff --git a/services/webmail/src/components/RecipientInput.tsx b/services/webmail/src/components/RecipientInput.tsx
index 9dcd857..9e08339 100644
--- a/services/webmail/src/components/RecipientInput.tsx
+++ b/services/webmail/src/components/RecipientInput.tsx
@@ -103,7 +103,7 @@ export function RecipientInput({ id, value, onChange, placeholder, disabled, inv
             title={parsed.valid ? parsed.address : t("mail.invalidAddress")}
             className={`inline-flex max-w-full items-center gap-1 rounded-full py-0.5 pl-2.5 pr-1 text-[12.5px] ${
               parsed.valid
-                ? "bg-indigo-900/70 text-indigo-100 shadow-[inset_0_0_0_1px_#5d5294]"
+                ? "bg-indigo-900/70 text-indigo-100 shadow-[inset_0_0_0_1px_rgb(var(--a-700))]"
                 : "bg-rose-900/60 text-rose-100 shadow-[inset_0_0_0_1px_rgba(244,63,94,0.5)]"
             }`}
           >
@@ -116,7 +116,7 @@ export function RecipientInput({ id, value, onChange, placeholder, disabled, inv
                   remove(index);
                 }}
                 aria-label={t("mail.removeRecipient", { name: parsed.label })}
-                className="flex h-5 w-5 flex-none items-center justify-center rounded-full hover:bg-white/15 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-300"
+                className="flex h-5 w-5 flex-none items-center justify-center rounded-full hover:bg-ink/15 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-300"
               >
                 <X className="h-3 w-3" />
               </button>
diff --git a/services/webmail/src/components/ThemeToggle.tsx b/services/webmail/src/components/ThemeToggle.tsx
new file mode 100644
index 0000000..536392c
--- /dev/null
+++ b/services/webmail/src/components/ThemeToggle.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import React from "react";
+import { Laptop, Moon, Sun } from "lucide-react";
+import { useTranslations } from "../i18n/provider";
+import { useTheme, type ThemeChoice } from "../lib/theme";
+
+/** Dark, light or follow the system: three buttons, one click each. */
+export function ThemeToggle({ className = "" }: { className?: string }) {
+  const t = useTranslations();
+  const theme = useTheme();
+  const options: [ThemeChoice, React.ComponentType<{ className?: string }>, string][] = [
+    ["dark", Moon, t("appearance.dark")],
+    ["light", Sun, t("appearance.light")],
+    ["system", Laptop, t("appearance.system")],
+  ];
+  return (
+    <div role="radiogroup" aria-label={t("appearance.title")} className={`flex rounded-lg p-0.5 shadow-edge ${className}`}>
+      {options.map(([value, Icon, label]) => (
+        <button
+          key={value}
+          type="button"
+          role="radio"
+          aria-checked={theme.choice === value}
+          aria-label={label}
+          title={label}
+          onClick={() => theme.set(value)}
+          className={`flex h-7 w-8 items-center justify-center rounded-md transition-colors ${
+            theme.choice === value ? "bg-indigo-500/20 text-indigo-300" : "text-slate-400 hover:text-slate-100"
+          }`}
+        >
+          <Icon className="h-3.5 w-3.5" />
+        </button>
+      ))}
+    </div>
+  );
+}
diff --git a/services/webmail/src/components/ThreadReader.tsx b/services/webmail/src/components/ThreadReader.tsx
index 7fc74a9..e94b0d3 100644
--- a/services/webmail/src/components/ThreadReader.tsx
+++ b/services/webmail/src/components/ThreadReader.tsx
@@ -75,11 +75,11 @@ interface Props {
 }
 
 const commandClass =
-  "inline-flex h-10 min-w-10 items-center justify-center gap-1.5 rounded-lg px-2.5 text-[13px] text-slate-200 transition-colors hover:bg-white/[0.07] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 md:px-3";
+  "inline-flex h-10 min-w-10 items-center justify-center gap-1.5 rounded-lg px-2.5 text-[13px] text-slate-200 transition-colors hover:bg-ink/[0.07] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 md:px-3";
 const infoLinkClass =
-  "rounded-md px-1.5 py-1 text-[12.5px] font-medium text-indigo-300 transition-colors hover:bg-white/[0.07] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400";
+  "rounded-md px-1.5 py-1 text-[12.5px] font-medium text-indigo-300 transition-colors hover:bg-ink/[0.07] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400";
 const replyButtonClass =
-  "inline-flex h-10 items-center gap-2 rounded-xl px-4 text-[13.5px] text-slate-200 shadow-[inset_0_0_0_1px_rgba(233,233,237,0.18)] transition-colors hover:bg-white/[0.07] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400";
+  "inline-flex h-10 items-center gap-2 rounded-xl px-4 text-[13.5px] text-slate-200 shadow-[inset_0_0_0_1px_rgb(var(--ink)/0.18)] transition-colors hover:bg-ink/[0.07] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400";
 
 /** The name and address in a header like `Jenny <jenny@x.test>`. */
 function splitSender(from: string): { name: string; address: string } {
@@ -306,7 +306,7 @@ export function ThreadReader(props: Props) {
       aria-label={thread.subject}
     >
       {/* The commands that apply to the whole conversation. */}
-      <div className="flex flex-wrap items-center gap-0.5 px-2 py-1.5 shadow-[inset_0_-1px_0_0_rgba(233,233,237,0.09)] sm:px-4">
+      <div className="flex flex-wrap items-center gap-0.5 px-2 py-1.5 shadow-[inset_0_-1px_0_0_rgb(var(--ink)/0.09)] sm:px-4">
         <button type="button" onClick={props.onClose} className={`${commandClass} md:hidden`} aria-label={t("mail.backToList")}>
           <ArrowLeft className="h-4 w-4" />
         </button>
@@ -320,7 +320,7 @@ export function ThreadReader(props: Props) {
             <span className="hidden sm:inline">{t("mail.replyAll")}</span>
           </button>
         )}
-        <span className="mx-1 hidden h-5 w-px bg-white/10 sm:block" />
+        <span className="mx-1 hidden h-5 w-px bg-ink/10 sm:block" />
         <button type="button" onClick={() => void deleteThread()} disabled={busy || inThisFolder.length === 0} className={commandClass}>
           <Trash2 className="h-4 w-4" />
           <span className="hidden lg:inline">{props.deleteIsPermanent ? t("mail.deleteForever") : t("common.delete")}</span>
@@ -339,14 +339,14 @@ export function ThreadReader(props: Props) {
               <ChevronDown className="h-3 w-3" />
             </button>
             {moveOpen && (
-              <div role="menu" className="absolute left-0 top-full z-30 mt-1 min-w-[180px] rounded-xl bg-dark-panel p-1.5 shadow-edge ring-1 ring-white/10">
+              <div role="menu" className="absolute left-0 top-full z-30 mt-1 min-w-[180px] rounded-xl bg-dark-panel p-1.5 shadow-edge ring-1 ring-ink/10">
                 {props.moveTargets.map((target) => (
                   <button
                     key={target.name}
                     role="menuitem"
                     type="button"
                     onClick={() => void moveThread(target.name)}
-                    className="flex w-full items-center rounded-lg px-2.5 py-2 text-left text-[13px] text-slate-200 hover:bg-white/[0.07]"
+                    className="flex w-full items-center rounded-lg px-2.5 py-2 text-left text-[13px] text-slate-200 hover:bg-ink/[0.07]"
                   >
                     {target.label}
                   </button>
@@ -422,7 +422,7 @@ export function ThreadReader(props: Props) {
                     address={info.sender_address}
                     initials={initialsOf(displayName, info.sender_address)}
                     size={isOpen ? 40 : 30}
-                    className="bg-indigo-900 text-indigo-300 shadow-[inset_0_0_0_1px_#5d5294]"
+                    className="bg-indigo-900 text-indigo-300 shadow-[inset_0_0_0_1px_rgb(var(--a-700))]"
                   />
                   <span className="flex min-w-0 flex-1 flex-col">
                     <span className="flex items-baseline gap-2">
@@ -430,7 +430,7 @@ export function ThreadReader(props: Props) {
                         {displayName}
                       </span>
                       {isOpen && !info.own && sender.address && (
-                        <span className="min-w-0 truncate text-[12.5px] text-slate-400">&lt;{sender.address}&gt;</span>
+                        <span className="hidden min-w-0 truncate text-[12.5px] text-slate-400 sm:inline">&lt;{sender.address}&gt;</span>
                       )}
                     </span>
                     {!isOpen && (
@@ -477,7 +477,7 @@ export function ThreadReader(props: Props) {
                               className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11.5px] font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 ${
                                 trustedHere
                                   ? "bg-indigo-500/20 text-indigo-200 hover:bg-indigo-500/30"
-                                  : "text-slate-400 shadow-[inset_0_0_0_1px_rgba(233,233,237,0.18)] hover:bg-white/[0.07] hover:text-slate-200"
+                                  : "text-slate-400 shadow-[inset_0_0_0_1px_rgb(var(--ink)/0.18)] hover:bg-ink/[0.07] hover:text-slate-200"
                               }`}
                             >
                               <ShieldCheck className="h-3 w-3" aria-hidden />
@@ -486,7 +486,7 @@ export function ThreadReader(props: Props) {
                           )}
                           <Link
                             href={`/user/compose?mode=forward&subject=${encodeURIComponent(loaded.subject)}`}
-                            className="ml-auto inline-flex items-center gap-1 rounded-md px-1.5 py-1 text-indigo-300 hover:bg-white/[0.07]"
+                            className="ml-auto inline-flex items-center gap-1 rounded-md px-1.5 py-1 text-indigo-300 hover:bg-ink/[0.07]"
                           >
                             <Forward className="h-3.5 w-3.5" aria-hidden />
                             {t("mail.forward")}
diff --git a/services/webmail/src/components/TotpEnrolment.tsx b/services/webmail/src/components/TotpEnrolment.tsx
index d9b56e1..868aec4 100644
--- a/services/webmail/src/components/TotpEnrolment.tsx
+++ b/services/webmail/src/components/TotpEnrolment.tsx
@@ -86,7 +86,7 @@ export function TotpEnrolment({ secret, uri }: { secret: string; uri: string | n
           <button
             type="button"
             onClick={() => void copySecret()}
-            className="flex-none rounded-[10px] border border-white/[0.14] px-3 py-2 text-xs text-slate-200 transition-colors hover:bg-white/[0.07] hover:text-slate-100"
+            className="flex-none rounded-[10px] border border-ink/[0.14] px-3 py-2 text-xs text-slate-200 transition-colors hover:bg-ink/[0.07] hover:text-slate-100"
           >
             {copied ? t("common.copied") : t("common.copy")}
           </button>
@@ -132,7 +132,7 @@ export function RecoveryCodes({
         <p className="mb-3 leading-relaxed">{t("settings.saveRecoveryCodes")}</p>
         <div className="lm-code grid grid-cols-2 gap-1.5 p-3 text-center text-[11px] sm:grid-cols-3">
           {codes.map((code) => (
-            <span key={code} className="rounded bg-white/[0.05] p-1">
+            <span key={code} className="rounded bg-ink/[0.05] p-1">
               {code}
             </span>
           ))}
@@ -143,7 +143,7 @@ export function RecoveryCodes({
         <button
           type="button"
           onClick={() => void copyAll()}
-          className="flex-1 rounded-[10px] border border-white/[0.14] py-2.5 text-sm font-medium text-slate-200 transition-colors hover:bg-white/[0.07]"
+          className="flex-1 rounded-[10px] border border-ink/[0.14] py-2.5 text-sm font-medium text-slate-200 transition-colors hover:bg-ink/[0.07]"
         >
           {copied ? t("common.copied") : t("common.copy")}
         </button>
diff --git a/services/webmail/src/components/ui/Button.tsx b/services/webmail/src/components/ui/Button.tsx
index 0a8bec7..c3ffd16 100644
--- a/services/webmail/src/components/ui/Button.tsx
+++ b/services/webmail/src/components/ui/Button.tsx
@@ -30,11 +30,11 @@ export function Button({
 
   const variants = {
     primary:
-      'border-indigo-500 text-indigo-500 bg-transparent hover:bg-indigo-500/[0.12] active:bg-indigo-500/[0.22]',
+      'border-transparent bg-fill text-white shadow-sm hover:bg-fill-hover active:brightness-95',
     secondary:
-      'border-white/[0.14] text-slate-100 bg-transparent hover:bg-white/[0.07] active:bg-white/[0.14]',
+      'border-ink/[0.14] text-slate-100 bg-transparent hover:bg-ink/[0.07] active:bg-ink/[0.14]',
     outline:
-      'border-white/[0.14] text-slate-300 bg-transparent hover:text-slate-100 hover:bg-white/[0.07] active:bg-white/[0.14]',
+      'border-ink/[0.14] text-slate-300 bg-transparent hover:text-slate-100 hover:bg-ink/[0.07] active:bg-ink/[0.14]',
     danger:
       'border-rose-400 text-rose-400 bg-transparent hover:bg-rose-400/[0.12] active:bg-rose-400/[0.22]',
     ghost:
diff --git a/services/webmail/src/lib/theme.ts b/services/webmail/src/lib/theme.ts
new file mode 100644
index 0000000..655e94b
--- /dev/null
+++ b/services/webmail/src/lib/theme.ts
@@ -0,0 +1,94 @@
+"use client";
+
+import { useCallback, useEffect, useState } from "react";
+
+/**
+ * The interface has two themes, dark and light, and a third choice that
+ * follows the system. Dark is what a first visit gets.
+ *
+ * The choice is stored in this browser, not on the account: a laptop in a
+ * bright office and a phone in bed are different answers to the same question.
+ */
+
+export type ThemeChoice = "dark" | "light" | "system";
+export type Theme = "dark" | "light";
+
+export const THEME_KEY = "lm_theme";
+const CHANGED = "lm:theme-changed";
+
+/**
+ * Runs in <head>, before anything is painted, so the page never shows the
+ * wrong theme for a moment. It is a string rather than a function because it
+ * has to run as written, outside React, and must not throw: a browser that
+ * refuses storage still gets the default.
+ */
+export const THEME_BOOT_SCRIPT = `(function(){var d=document.documentElement,t="dark";try{var c=localStorage.getItem("${THEME_KEY}");if(c==="light")t="light";else if(c==="system")t=matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}catch(e){}d.setAttribute("data-theme",t);d.style.colorScheme=t})();`;
+
+export function readChoice(): ThemeChoice {
+  try {
+    const stored = window.localStorage.getItem(THEME_KEY);
+    return stored === "light" || stored === "system" ? stored : "dark";
+  } catch {
+    return "dark";
+  }
+}
+
+/** What a choice means right now: "system" is whatever the system is set to. */
+export function resolve(choice: ThemeChoice): Theme {
+  if (choice === "system") {
+    return window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+  }
+  return choice;
+}
+
+function apply(theme: Theme) {
+  const root = document.documentElement;
+  root.setAttribute("data-theme", theme);
+  root.style.colorScheme = theme;
+  // Keeps the browser's own bar in step with a choice made on the page, which
+  // the viewport metadata alone cannot follow.
+  const meta = document.querySelector<HTMLMetaElement>('meta[name="theme-color"]:not([media])');
+  if (meta) meta.content = theme === "light" ? "#F3F4F7" : "#0F1218";
+}
+
+export function setThemeChoice(choice: ThemeChoice) {
+  try {
+    window.localStorage.setItem(THEME_KEY, choice);
+  } catch {
+    // The choice holds for this visit and is not remembered.
+  }
+  apply(resolve(choice));
+  window.dispatchEvent(new Event(CHANGED));
+}
+
+export function useTheme() {
+  const [choice, setChoice] = useState<ThemeChoice>("dark");
+  const [theme, setTheme] = useState<Theme>("dark");
+
+  useEffect(() => {
+    const sync = () => {
+      const next = readChoice();
+      setChoice(next);
+      setTheme(resolve(next));
+    };
+    sync();
+    const media = window.matchMedia("(prefers-color-scheme: light)");
+    const onSystem = () => {
+      if (readChoice() === "system") {
+        apply(resolve("system"));
+        sync();
+      }
+    };
+    window.addEventListener(CHANGED, sync);
+    window.addEventListener("storage", sync);
+    media.addEventListener("change", onSystem);
+    return () => {
+      window.removeEventListener(CHANGED, sync);
+      window.removeEventListener("storage", sync);
+      media.removeEventListener("change", onSystem);
+    };
+  }, []);
+
+  const set = useCallback((next: ThemeChoice) => setThemeChoice(next), []);
+  return { choice, theme, set };
+}
diff --git a/services/webmail/src/theme-integrity.test.ts b/services/webmail/src/theme-integrity.test.ts
new file mode 100644
index 0000000..607cd62
--- /dev/null
+++ b/services/webmail/src/theme-integrity.test.ts
@@ -0,0 +1,146 @@
+import { describe, it, expect, afterEach } from "vitest";
+import { readFileSync, readdirSync, statSync, existsSync } from "node:fs";
+import { join, resolve } from "node:path";
+import { THEME_BOOT_SCRIPT, THEME_KEY } from "./lib/theme";
+
+/**
+ * The two themes, and what keeps them from drifting apart.
+ *
+ * Every colour is a variable defined once per theme, and the screens read the
+ * Tailwind scales that point at those variables. The failures worth guarding
+ * are the quiet ones: a variable one theme forgot, a class that bypasses the
+ * variables and is right in dark and unreadable in light, and a first paint in
+ * the wrong theme.
+ */
+
+const root = process.cwd();
+const read = (path: string) => readFileSync(resolve(root, path), "utf8");
+
+function sourceFiles(dir: string): string[] {
+  const out: string[] = [];
+  for (const entry of readdirSync(dir)) {
+    const path = join(dir, entry);
+    if (statSync(path).isDirectory()) out.push(...sourceFiles(path));
+    else if (path.endsWith(".tsx")) out.push(path);
+  }
+  return out;
+}
+
+describe("the theme variables", () => {
+  const css = read("src/app/globals.css");
+  const block = (selector: string) => {
+    const start = css.indexOf(selector);
+    return css.slice(start, css.indexOf("\n}", start));
+  };
+  const names = (text: string) => [...text.matchAll(/--([a-z0-9-]+):/g)].map((m) => m[1]).sort();
+
+  it("defines the same variables in dark and in light", () => {
+    const dark = names(block(":root, [data-theme='dark']"));
+    const light = names(block("[data-theme='light']"));
+    expect(dark.length).toBeGreaterThan(50);
+    expect(light).toEqual(dark);
+  });
+
+  it("keeps the ramps running the same way: 100 is the text, 950 the ground", () => {
+    const channel = (selector: string, name: string) =>
+      block(selector)
+        .match(new RegExp(`--${name}: (\\d+) (\\d+) (\\d+);`))!
+        .slice(1)
+        .map(Number)
+        .reduce((a, b) => a + b, 0);
+    const dark = ":root, [data-theme='dark']";
+    const light = "[data-theme='light']";
+    // In dark the text is lighter than the ground; in light it is darker.
+    expect(channel(dark, "n-100")).toBeGreaterThan(channel(dark, "n-950"));
+    expect(channel(light, "n-100")).toBeLessThan(channel(light, "n-950"));
+  });
+});
+
+describe("the first paint", () => {
+  afterEach(() => {
+    document.documentElement.removeAttribute("data-theme");
+    localStorage.clear();
+  });
+  const boot = () => new Function(THEME_BOOT_SCRIPT)();
+
+  it("is dark when nothing was ever chosen", () => {
+    boot();
+    expect(document.documentElement.getAttribute("data-theme")).toBe("dark");
+  });
+
+  it("is light when light was chosen", () => {
+    localStorage.setItem(THEME_KEY, "light");
+    boot();
+    expect(document.documentElement.getAttribute("data-theme")).toBe("light");
+  });
+
+  it("is dark for anything it does not recognise", () => {
+    localStorage.setItem(THEME_KEY, "purple");
+    boot();
+    expect(document.documentElement.getAttribute("data-theme")).toBe("dark");
+  });
+
+  it("is dark, and does not throw, when storage refuses", () => {
+    const original = Storage.prototype.getItem;
+    Storage.prototype.getItem = () => {
+      throw new Error("blocked");
+    };
+    try {
+      expect(() => boot()).not.toThrow();
+      expect(document.documentElement.getAttribute("data-theme")).toBe("dark");
+    } finally {
+      Storage.prototype.getItem = original;
+    }
+  });
+
+  it("is set before anything renders: the layout puts it in the head", () => {
+    expect(read("src/app/layout.tsx")).toMatch(/<head>[\s\S]*THEME_BOOT_SCRIPT[\s\S]*<\/head>/);
+  });
+});
+
+describe("colours that would only be right in one theme", () => {
+  const files = sourceFiles(resolve(root, "src"));
+
+  // white at low opacity is a tint that vanishes on a light ground; `ink` is the
+  // colour that sits on whichever ground there is.
+  it("does not tint with white", () => {
+    for (const file of files) {
+      expect(readFileSync(file, "utf8"), file).not.toMatch(/\b(bg|border|text|ring|shadow|divide)-white\/\d/);
+    }
+  });
+
+  it("does not hard-code the old accent", () => {
+    for (const file of files) {
+      expect(readFileSync(file, "utf8"), file).not.toMatch(/#9184d9|#5d5294/i);
+    }
+  });
+
+  it("reads colours from variables in the Tailwind config", () => {
+    const config = read("tailwind.config.js");
+    expect(config).toContain("var(--${name}-${step})");
+    expect(config).toContain("[data-theme='dark']");
+  });
+});
+
+describe("the app's identity", () => {
+  it("has a tab icon, a home-screen icon and an install manifest", () => {
+    for (const file of ["src/app/icon.svg", "src/app/favicon.ico", "src/app/apple-icon.png", "src/app/manifest.ts"]) {
+      expect(existsSync(resolve(root, file)), file).toBe(true);
+    }
+    for (const file of ["icon-192.png", "icon-512.png", "maskable-512.png"]) {
+      expect(existsSync(resolve(root, "public/icons", file)), file).toBe(true);
+    }
+  });
+
+  it("serves its font itself rather than asking a third party on every visit", () => {
+    expect(read("src/app/globals.css")).not.toMatch(/fonts\.googleapis\.com/);
+    expect(read("src/app/layout.tsx")).toContain("@fontsource-variable/geist");
+  });
+
+  it("offers the choice of theme on the account menu, the admin console and both sign-ins", () => {
+    expect(read("src/components/AccountSwitcher.tsx")).toContain("ThemeToggle");
+    expect(read("src/app/(admin)/admin/layout.tsx")).toContain("ThemeToggle");
+    expect(read("src/app/(auth)/user/login/page.tsx")).toContain("ThemeToggle");
+    expect(read("src/app/(auth)/admin/login/page.tsx")).toContain("ThemeToggle");
+  });
+});
diff --git a/services/webmail/tailwind.config.js b/services/webmail/tailwind.config.js
index 2a773cc..4eafbc7 100644
--- a/services/webmail/tailwind.config.js
+++ b/services/webmail/tailwind.config.js
@@ -1,83 +1,31 @@
 /**
- * Nocturne, expressed as Tailwind scales.
+ * The interface's colours, as Tailwind scales that read CSS variables.
  *
- * The redesign replaces two visual languages with one: the webmail's indigo and
- * the console's green both become the single blurple accent, and every grey
- * comes from one perceptual ramp instead of Tailwind's stock slate. Rather than
- * rename several thousand utility classes across the screens, the scales those
- * classes already name are remapped onto the design system's own values - so
- * `bg-slate-900`, `text-emerald-400` and `border-indigo-500/30` all resolve
- * into Nocturne, and a colour cannot enter the interface from outside it.
- *
- * The values here are the same ones globals.css carries as CSS variables.
+ * The values live in globals.css, once per theme. The scales the screens
+ * already name - slate for neutrals, indigo for the accent, amber, rose and
+ * emerald for the signals - point at those variables, so switching theme
+ * changes what `text-slate-400` is without touching a class. `ink` is the
+ * colour that sits on the ground (white on dark, near-black on light): hover
+ * tints and hairlines are `ink` at low opacity.
  *
  * @type {import('tailwindcss').Config}
  */
+const ramp = (name) =>
+  Object.fromEntries(
+    [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950].map((step) => [
+      step,
+      `rgb(var(--${name}-${step}) / <alpha-value>)`,
+    ]),
+  );
 
-// The neutral ramp, ordered the way Tailwind expects (light to dark) so the
-// existing `text-slate-400` / `bg-slate-900` idiom keeps meaning what it meant.
-const neutral = {
-  50: '#f3f5fe',
-  100: '#e9e9ed', // body text
-  200: '#e4e7f5',
-  300: '#cfd3e5',
-  400: '#9397ab', // muted text
-  500: '#75798c',
-  600: '#595d6c',
-  700: '#3f424d', // borders
-  800: '#232532', // card
-  900: '#1b1c28', // panel
-  950: '#161826', // page ground
-};
-
-// The one accent, in the product's own blurple (OKLCH hue 289).
-const accent = {
-  50: '#faf9ff',
-  100: '#f5f4ff',
-  200: '#e7e5fe',
-  300: '#d2cefd',
-  400: '#b5abfc',
-  500: '#9184d9',
-  600: '#796cbf',
-  700: '#5d5294',
-  800: '#423a6a',
-  900: '#2b2741',
-  950: '#211d33',
-};
-
-// Warning and danger are the only other hues, and both are desaturated: on this
-// ground a saturated amber or rose reads as an error in the design, not in the
-// data.
-const warn = {
-  50: '#fbf8ee',
-  100: '#f6efd8',
-  200: '#ecdfb2',
-  300: '#dfcb8b',
-  400: '#cbb46a',
-  500: '#b39b52',
-  600: '#8f7b41',
-  700: '#6b5c31',
-  800: '#473d21',
-  900: '#2f2917',
-  950: '#1f1b10',
-};
-
-const bad = {
-  50: '#fcf3f4',
-  100: '#f8e3e5',
-  200: '#f0c8cc',
-  300: '#e2a8ae',
-  400: '#d08a92',
-  500: '#b96f78',
-  600: '#985860',
-  700: '#74434a',
-  800: '#4e2e33',
-  900: '#3a2a2d',
-  950: '#241a1c',
-};
+const neutral = ramp('n');
+const accent = ramp('a');
+const warn = ramp('w');
+const bad = ramp('b');
+const good = ramp('g');
 
 module.exports = {
-  darkMode: 'class',
+  darkMode: ['selector', "[data-theme='dark']"],
   content: [
     './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
@@ -90,46 +38,51 @@ module.exports = {
         gray: neutral,
         zinc: neutral,
         neutral: neutral,
-        // Every accent name in the codebase collapses onto the one accent. The
-        // console's emerald and teal are the point of the exercise: the two
-        // surfaces are one product and now look like it.
+        // Every blue, violet and teal name in the codebase is the one accent.
         indigo: accent,
         violet: accent,
         purple: accent,
-        emerald: accent,
-        teal: accent,
         cyan: accent,
         sky: accent,
         blue: accent,
         brand: accent,
+        // Green means answered, trusted and healthy, and nothing else.
+        emerald: good,
+        teal: good,
+        green: good,
         amber: warn,
         yellow: warn,
         orange: warn,
         rose: bad,
         red: bad,
         pink: bad,
+        ink: 'rgb(var(--ink) / <alpha-value>)',
+        // The solid fill of the one main action on a screen.
+        fill: {
+          DEFAULT: 'rgb(var(--a-fill) / <alpha-value>)',
+          hover: 'rgb(var(--a-fill-hover) / <alpha-value>)',
+        },
         dark: {
-          rail: '#12131f',
-          bg: '#161826',
-          panel: '#1b1c28',
-          card: '#232532',
-          border: 'rgba(233, 233, 237, 0.09)',
+          rail: 'rgb(var(--rail) / <alpha-value>)',
+          bg: 'rgb(var(--n-950) / <alpha-value>)',
+          panel: 'rgb(var(--n-900) / <alpha-value>)',
+          card: 'rgb(var(--n-800) / <alpha-value>)',
+          border: 'rgb(var(--ink) / 0.09)',
         },
       },
       fontFamily: {
-        sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
-        mono: ['ui-monospace', 'Menlo', 'Consolas', 'monospace'],
+        sans: ['"Geist Variable"', 'Geist', 'system-ui', '-apple-system', 'sans-serif'],
+        mono: ['ui-monospace', '"SF Mono"', 'Menlo', 'Consolas', 'monospace'],
       },
       borderRadius: {
         xl: '12px',
-        '2xl': '14px',
+        '2xl': '16px',
       },
       boxShadow: {
-        // On a dark ground elevation is an edge plus ambient darkness, never a
-        // stack of coloured glows.
-        edge: 'inset 0 0 0 1px rgba(233, 233, 237, 0.09)',
-        'edge-accent': 'inset 0 0 0 1px rgba(145, 132, 217, 0.4)',
-        lift: '0 0 0 1px #3f424d, 0 16px 40px rgba(0, 0, 0, 0.5)',
+        // Elevation is a hairline plus ambient shade; never a coloured glow.
+        edge: 'inset 0 0 0 1px rgb(var(--ink) / 0.09)',
+        'edge-accent': 'inset 0 0 0 1px rgb(var(--a-500) / 0.45)',
+        lift: '0 0 0 1px rgb(var(--ink) / 0.12), var(--lm-shadow)',
       },
     },
   },