Onboarding popup close button almost not visible​

[jeferson-sb]

What happened?

I was experimenting the app on Windows, could not find a option to remove the "Meet AFFiNE AI" dialog, then I logged into macOS and noticed that there is close button but is white, which makes it hard to see since the video is also white.

Distribution version

macOS x64 (Intel)

What browsers are you seeing the problem on if you're using web version?

No response

Are you self-hosting?

• Yes

Relevant log output

No response

Anything else?

I think it is related to props of this component

AFFiNE/packages/frontend/core/src/components/affine/ai-onboarding/edgeless.dialog.tsx

Lines 96 to 118 in 4156b3a

	const id = notify(
	{
	title: t['com.affine.ai-onboarding.edgeless.title'](),
	message: t['com.affine.ai-onboarding.edgeless.message'](),
	icon: <AiIcon />,
	iconColor: cssVar('processingColor'),
	thumb: <EdgelessOnboardingAnimation />,
	alignMessage: 'icon',
	onDismiss,
	footer: (
	<FlexWrapper marginTop={8} justifyContent="flex-end" gap="12px">
	<Button
	onClick={() => {
	notify.dismiss(id);
	onDismiss();
	}}
	type="plain"
	className={styles.actionButton}
	>
	<span className={styles.getStartedButtonText}>
	{t['com.affine.ai-onboarding.edgeless.get-started']()}
	</span>
	</Button>

[affine-issue-bot]

Issue Status: 🆕 *Untriaged

*🆕 Untriaged

The team has not yet reviewed the issue. We usually do it within one business day.
Docs: https://github.com/toeverything/AFFiNE/blob/canary/docs/issue-triaging.md

^{_{This is an automatic reply by the bot.}}

[vikashsprem]

@jeferson-sb I am not getting such a problem that you mentioned. I tested on Windows and Linux as well, the cross mark is visible clearly. see the attachment. Could you please specify where did you exactly get this problem?

[jeferson-sb]

@vikashsprem Just downloaded the app directly from the site and the dialog shows as soon as the apps starts. I think this issue happens only if you're system is on dark mode apparently.