graasp · spaenleh · Feb 2, 2026
diff --git a/lib/admin_web.ex b/lib/admin_web.ex
@@ -17,7 +17,8 @@ defmodule AdminWeb do
   those modules here.
   """
 
-  def static_paths, do: ~w(assets fonts images icons favicon.ico robots.txt)
+  def static_paths,
+    do: ~w(assets fonts images icons favicon.ico favicons robots.txt)
 
   def router do
     quote do

diff --git a/lib/admin_web/components/layouts/admin_root.html.heex b/lib/admin_web/components/layouts/admin_root.html.heex
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang={assigns[:locale]}>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="csrf-token" content={get_csrf_token()} />
+    <meta
+      name="description"
+      content={
+        assigns[:page_description] ||
+          gettext("Graasp is a platform for collaborative learning and teaching.")
+      }
+    />
+    <.live_title default={gettext("Home")} suffix=" · Admin">
+      {assigns[:page_title]}
+    </.live_title>
+    <link phx-track-static rel="stylesheet" href={~p"/assets/css/app.css"} />
+    <link rel="icon" type="image/png" href="/favicons/admin_favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/favicons/admin_favicon.svg" />
+    <link rel="shortcut icon" href="/favicons/admin_favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/admin_apple-touch-icon.png" />
+    <script defer phx-track-static type="text/javascript" src={~p"/assets/js/app.js"}>
+    </script>
+    <script>
+      (() => {
+        const setTheme = (theme) => {
+          if (theme === "system") {
+            localStorage.removeItem("phx:theme");
+            document.documentElement.removeAttribute("data-theme");
+          } else {
+            localStorage.setItem("phx:theme", theme);
+            document.documentElement.setAttribute("data-theme", theme);
+          }
+        };
+        if (!document.documentElement.hasAttribute("data-theme")) {
+          setTheme(localStorage.getItem("phx:theme") || "system");
+        }
+        window.addEventListener("storage", (e) => e.key === "phx:theme" && setTheme(e.newValue || "system"));
+
+        window.addEventListener("phx:set-theme", (e) => setTheme(e.target.dataset.phxTheme));
+      })();
+    </script>
+  </head>
+  <body class="min-h-screen flex flex-col flex-1">
+    {@inner_content}
+  </body>
+</html>
diff --git a/lib/admin_web/components/layouts/root.html.heex b/lib/admin_web/components/layouts/root.html.heex
@@ -15,6 +15,10 @@
       {assigns[:page_title]}
     </.live_title>
     <link phx-track-static rel="stylesheet" href={~p"/assets/css/app.css"} />
+    <link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" />
+    <link rel="shortcut icon" href="/favicon.ico?v=3" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" />
     <script defer phx-track-static type="text/javascript" src={~p"/assets/js/app.js"}>
     </script>
     <script>

diff --git a/lib/admin_web/router.ex b/lib/admin_web/router.ex
@@ -15,6 +15,17 @@ defmodule AdminWeb.Router do
     plug AdminWeb.Plugs.Locale, "en"
   end
 
+  pipeline :browser_admin do
+    plug :accepts, ["html"]
+    plug :fetch_session
+    plug :fetch_live_flash
+    plug :put_root_layout, html: {AdminWeb.Layouts, :admin_root}
+    plug :protect_from_forgery
+    plug :put_secure_browser_headers
+    plug :fetch_current_scope_for_user
+    plug AdminWeb.Plugs.Locale, "en"
+  end
+
   pipeline :api do
     plug :accepts, ["json"]
   end
@@ -45,7 +56,7 @@ defmodule AdminWeb.Router do
   end
 
   scope "/admin", AdminWeb do
-    pipe_through :browser
+    pipe_through :browser_admin
 
     get "/", AdminController, :home
   end
@@ -65,7 +76,7 @@ defmodule AdminWeb.Router do
     import Phoenix.LiveDashboard.Router
 
     scope "/dev" do
-      pipe_through :browser
+      pipe_through :browser_admin
 
       live_dashboard "/dashboard", metrics: AdminWeb.Telemetry
       forward "/mailbox", Plug.Swoosh.MailboxPreview
@@ -83,7 +94,7 @@ defmodule AdminWeb.Router do
 
   ## Authentication LV routes
   scope "/admin", AdminWeb do
-    pipe_through [:browser, :require_authenticated_user]
+    pipe_through [:browser_admin, :require_authenticated_user]
 
     live_session :require_authenticated_user,
       on_mount: [{AdminWeb.UserAuth, :require_authenticated}] do
@@ -148,7 +159,7 @@ defmodule AdminWeb.Router do
 
   ## Authentication related routes
   scope "/admin", AdminWeb do
-    pipe_through [:browser]
+    pipe_through [:browser_admin]
 
     live_session :current_user,
       on_mount: [{AdminWeb.UserAuth, :mount_current_scope}] do
@@ -164,7 +175,7 @@ defmodule AdminWeb.Router do
 
   ## Authenticated controller routes
   scope "/admin", AdminWeb do
-    pipe_through [:browser, :require_authenticated_user]
+    pipe_through [:browser_admin, :require_authenticated_user]
 
     get "/dashboard", AdminController, :dashboard
     resources "/maintenance", PlannedMaintenanceController

diff --git a/priv/static/favicon.ico b/priv/static/favicon.ico
diff --git a/priv/static/favicons/admin_apple-touch-icon.png b/priv/static/favicons/admin_apple-touch-icon.png
diff --git a/priv/static/favicons/admin_favicon-96x96.png b/priv/static/favicons/admin_favicon-96x96.png
diff --git a/priv/static/favicons/admin_favicon.ico b/priv/static/favicons/admin_favicon.ico
diff --git a/priv/static/favicons/admin_favicon.svg b/priv/static/favicons/admin_favicon.svg
diff --git a/priv/static/favicons/apple-touch-icon.png b/priv/static/favicons/apple-touch-icon.png
diff --git a/priv/static/favicons/favicon-96x96.png b/priv/static/favicons/favicon-96x96.png
diff --git a/priv/static/favicons/favicon.svg b/priv/static/favicons/favicon.svg