From 12a83510ed442ead6beb4ad6941f95350f166cfa Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 16 Apr 2026 20:59:05 +0300
Subject: [PATCH] style/about dialog: add a different background color for
 nightly builds

---
 apps/client/src/widgets/dialogs/about.css | 8 ++++++++
 apps/client/src/widgets/dialogs/about.tsx | 3 ++-
 2 files changed, 10 insertions(+), 1 deletion(-)

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)}