Make Enable Night Mode more visible for users

[SergeyZhukovsky]

Description

Some users mention that it's not easy to find night mode for web pages. We should probably enable it by default when Dark theme is on and remove Experimental from it's name. Probably name it different like Enables dark mode for web pages content. https://community.brave.com/t/features-related-to-web-search-in-android-browser/528233

Steps to reproduce

1. Go to Settings->Appearance
2. Observe Enable "Night Mode" (Experimental)

Actual result

Enables dark mode for web content

Expected result

Enables dark mode for web content

Reproduces how often

Easily reproduced

Brave version

1.65.x

Device

• Brand/model: any
• Android version: any

Channel information

• [X] release (stable)
• [X] beta
• [X] nightly

Reproducibility

• [ ] with Brave Shields disabled
• [ ] with Brave Rewards disabled
• [ ] in the latest version of Chrome

Miscellaneous information

No response

[timchilds]

Here's what we have in settings --> appearance on iOS:

We also show a toggle on the main menu (...) when user is on a webpage:

Based on that, I would get Android closer to parity with iOS by doing the following:

(1) Update the copy for the setting under settings --> appearance

• Title: Night Mode
• Subtitle: Turn Night Mode on/off. Night mode will effect website appearance.

Note: I removed the and general system appearance at same time copy. Since the Android night mode does not affect the system appearance/theme (like it does on iOS).

(2) Add a night mode checkbox to the main menu (⋮) when user is on a webpage:

• Title: Night Mode
• Put it above the find in page setting

cc @deeppandya @anthonypkeane @SergeyZhukovsky

[SergeyZhukovsky]

@timchilds do we want (2) to be applied to the current page only?

[timchilds]

@SergeyZhukovsky all pages (same as iOS).

[deeppandya]

@timchilds @SergeyZhukovsky we already have many items in the main menu. can we make the option enabled by default for now ? and add an option for each page later once we have menu redesign, we can add it in the menu. WDYT ?

[SergeyZhukovsky]

Yeah I agree, I would just stop on renaming and enabling with dark theme

[timchilds]

Looking at the GH description:

Some users mention that it's not easy to find night mode for web pages

@SergeyZhukovsky If users are not finding night mode via:

settings --> appearance

Then those same users are probably are not finding the theme changer via:

settings --> appearance --> theme

Or are you thinking Brave defaults to the system default theme and if that is dark theme then auto-enable night mode? I think some users might be confused why all the page colors are inverted by default.

To me it would makes more sense for enable night mode to auto-enable the dark theme. Like we do on iOS.

[SergeyZhukovsky]

@timchilds as I understood from the community post the user is confused why he would need to switch some Night Mode after they turned on Dark Theme. The would expect Dark Theme does everything dark. Yeah I was thinking that Dark Theme that uses default OS setting would turn on web pages into dark mode as well.

[timchilds]

If we went with that approach:

• iOS: enable night mode = auto enable dark theme
• Android: enable dark theme = auto enable night mode

Not sure we want that deviation between the platforms. WDYT @anthonypkeane ?