fix notifications background

Signed-off-by: Hadi <[email protected]>
2026-10-05 10:58:26 +02:00 · 2026-09-07 10:47:22 +02:00
parent ad619d23d5
commit b8dc56adb1
4 changed files with 11 additions and 7 deletions
@@ -14,6 +14,7 @@ const KIND_LABEL: Record<NotificationKind, string> = {
 export interface NotificationHostProps {
  width?: number;
  colors?: Partial<Record<NotificationKind, ColorInput>>;
+  backgroundColor?: ColorInput;
 }

 export function NotificationHost(props: NotificationHostProps = {}) {
@@ -34,6 +35,7 @@ export function NotificationHost(props: NotificationHostProps = {}) {
              border
              borderStyle={theme.borderStyle}
              borderColor={colorFor(toast.kind)}
+              backgroundColor={props.backgroundColor ?? theme.background}
              width={props.width ?? 32}
              marginBottom={1}
              onMouseDown={theme.mouse ? () => dismiss(toast.id) : undefined}