diff --git a/apps/client/src/widgets/dialogs/about.css b/apps/client/src/widgets/dialogs/about.css
index c3d67c09d7..023a62d8e7 100644
--- a/apps/client/src/widgets/dialogs/about.css
+++ b/apps/client/src/widgets/dialogs/about.css
@@ -2,10 +2,18 @@
 
     body.light-theme & {
         --donate-button-color: #e33f3b;
+        
+        &.nightly {
+            --modal-background-color: #f2e1ff;
+        }
     }
 
     body.dark-theme & {
         --donate-button-color: #fba6a5;
+        
+        &.nightly {
+            --modal-background-color: #23182b;
+        }
     }
 
     --bs-modal-width: 680px;
diff --git a/apps/client/src/widgets/dialogs/about.tsx b/apps/client/src/widgets/dialogs/about.tsx
index 37ddbc6ac8..5dbeb7d3b2 100644
--- a/apps/client/src/widgets/dialogs/about.tsx
+++ b/apps/client/src/widgets/dialogs/about.tsx
@@ -15,6 +15,7 @@ import { Fragment } from "preact/jsx-runtime";
 import { ComponentChildren } from "preact";
 import { useMemo } from "react";
 import { memo } from "preact/compat";
+import clsx from "clsx";
 
 export default function AboutDialog() {
     const [appInfo, setAppInfo] = useState<AppInfo | null>(null);
@@ -65,7 +66,7 @@ export default function AboutDialog() {
 
     return (
         <Modal
-            className={"about-dialog"}
+            className={clsx(["about-dialog", {"nightly": isNightly}])}
             size="md"
             show={shown}
             onHidden={() => setShown(false)}