wingpanel-indicator-nightlight icon indicating copy to clipboard operation
wingpanel-indicator-nightlight copied to clipboard

Add dark style toggle to indicator

Open meisenzahl opened this issue 5 years ago • 17 comments
trafficstars

Closes https://github.com/elementary/wingpanel-indicator-nightlight/issues/71

meisenzahl avatar Oct 04 '20 06:10 meisenzahl

wingpanel-indicator-nightlight-add-dark-style-toggle-00

@danrabbit What do you think of the layout?

Or do we want to create an own indicator for appearance? There we could also handle the accent color.

meisenzahl avatar Oct 04 '20 06:10 meisenzahl

Related to https://github.com/elementary/settings-daemon/pull/15

meisenzahl avatar Oct 04 '20 07:10 meisenzahl

In my opinion it looks a bit cramped but it's still better than a separate indicator, since dark mode goes "logically" better along with night light.

fabiozaramella avatar Oct 05 '20 09:10 fabiozaramella

I think we should probably group the link items together at the bottom

Screenshot from 2020-10-06 14 03 10@2x

And maybe dropping the separator between the slider and the switch would make these feel more logically grouped

danirabbit avatar Oct 06 '20 21:10 danirabbit

What if we just drop the separator but keep the links divided? Since it makes sense for those to be separated.

fabiozaramella avatar Oct 06 '20 22:10 fabiozaramella

wingpanel-indicator-nightlight-add-dark-style-toggle-01

Like this?

meisenzahl avatar Oct 07 '20 10:10 meisenzahl

Quick phone edit: image

Same order as the first image but separated by nightlight and dark mode might be an option.

martinstork avatar Oct 07 '20 21:10 martinstork

How would it look as in @martinstork picture but keeping the separator between toggle/slider and the link to settings? Maybe it would looks better while still being relatively homogeneous to other indicators' style.

fabiozaramella avatar Oct 08 '20 12:10 fabiozaramella

How would it look as in @martinstork picture but keeping the separator between toggle/slider and the link to settings? Maybe it would looks better while still being relatively homogeneous to other indicators' style.

@fabiozaramella you mean like this?

wingpanel-indicator-nightlight-add-dark-style-toggle-02

meisenzahl avatar Oct 10 '20 07:10 meisenzahl

Here are 2 more layouts, though I am not satisfied with them myself

wingpanel-indicator-nightlight-add-dark-style-toggle-03

wingpanel-indicator-nightlight-add-dark-style-toggle-04

meisenzahl avatar Oct 10 '20 07:10 meisenzahl

How would it look as in @martinstork picture but keeping the separator between toggle/slider and the link to settings? Maybe it would looks better while still being relatively homogeneous to other indicators' style.

@fabiozaramella you mean like this?

wingpanel-indicator-nightlight-add-dark-style-toggle-02

Exactly, I think it's a good compromise. 😅

fabiozaramella avatar Oct 10 '20 11:10 fabiozaramella

@elementary/ux any opinion on this?

fabiozaramella avatar Oct 13 '20 21:10 fabiozaramella

I want to think about what we want to actually have in an indicator, and when; i.e. should it have a light/dark style selection, or just a snooze option when dark style is scheduled? It works a little differently than Night Light so I want to be sure we're doing what people would expect here.

cassidyjames avatar Oct 14 '20 17:10 cassidyjames

I want to think about what we want to actually have in an indicator, and when; i.e. should it have a light/dark style selection, or just a snooze option when dark style is scheduled? It works a little differently than Night Light so I want to be sure we're doing what people would expect here.

Maybe it shouldn't have a snooze at all? Since the dark style is not just something you toggle on and off like you would with a colour shift (in the case of colour checking). I think that the dark mode should only be able to be changed from Settings > Appearance, and that the indicator only has an obvious 'Dark Style Settings...' button.

hanaral avatar Oct 25 '20 18:10 hanaral

@hanaral I disagree. I toggle dark style on/off frequently on my phone depending on the context; e.g. if I bring my device into a dark room or outside into a bright environment. Having a quick toggle here would still be useful.

I think for a first go, we just stick to an option for dark or light, and have it disable the schedule if toggled. Then we can follow it up with smarter "snoozing" logic. So, something like:

--------------^---------------
| Snooze Night Light   (o-)  |
|                            |
| ☀️ --------------o-------  |
|                            |
|----------------------------|
|                            |
|        ☀️        🌑️        |
|      Default    Dark       |
|                            |
|----------------------------|
| Night Light Settings…      |
| Appearance Settings…       |
------------------------------

@danrabbit you had mentioned providing icons or illustrations at a smaller size for this, I think?

cassidyjames avatar Nov 09 '20 22:11 cassidyjames

@hanaral I disagree. I toggle dark style on/off frequently on my phone depending on the context; e.g. if I bring my device into a dark room or outside into a bright environment. Having a quick toggle here would still be useful.

Hmm, I see. My argument was based on the idea that the environment wouldn't change, but I can see that moving a device around would require it.

Edit: I just thought about this, but shouldn't alot of the Appearance, Display and Locking related settings panels be rethought a little? I've opened an issue here

hanaral avatar Nov 10 '20 12:11 hanaral

I just spent the whole day making my own indicator, without checking if someone has already done it :facepalm: https://github.com/ChildishGiant/wingpanel-indicator-dark-style

ChildishGiant avatar Sep 11 '21 20:09 ChildishGiant

Sorry this got stuck in review hell. Closing because we added dark style toggle to Quick Settings

danirabbit avatar Sep 24 '24 18:09 danirabbit