diff --git a/packages/secubox-magicmirror/www/magicmirror/mmpm/index.html b/packages/secubox-magicmirror/www/magicmirror/mmpm/index.html
index 91461d0c..c7825816 100644
--- a/packages/secubox-magicmirror/www/magicmirror/mmpm/index.html
+++ b/packages/secubox-magicmirror/www/magicmirror/mmpm/index.html
@@ -139,8 +139,9 @@
         }
         .actions { white-space: nowrap; }
     </style>
+    <link rel="stylesheet" href="/shared/hybrid-dark.css">
 </head>
-<body class="crt-light">
+<body class="crt-light hybrid-dark">
     <nav class="sidebar" id="sidebar"></nav>
 
     <div class="main-content">
diff --git a/packages/secubox-podcaster/www/podcaster/portal/index.html b/packages/secubox-podcaster/www/podcaster/portal/index.html
index 9504e1c5..a31f2b55 100644
--- a/packages/secubox-podcaster/www/podcaster/portal/index.html
+++ b/packages/secubox-podcaster/www/podcaster/portal/index.html
@@ -47,8 +47,9 @@
   footer a{color:var(--text-muted)}
   @media(max-width:680px){.ep{flex-wrap:wrap}audio{max-width:100%;width:100%}}
 </style>
+    <link rel="stylesheet" href="/shared/hybrid-dark.css">
 </head>
-<body>
+<body class="hybrid-dark">
 <header>
   <div class="em">🎙️</div>
   <h1 id="title">Podcasts</h1>
