Discussion: primary and accent colors

[rhansby]

(I've opened this new issue to extend off of discussion in #167)

Colors are taken from https://www.google.com/design/spec/style/color.html#

I've taken a few screenshots of possible primary/accent color combinations. Please discuss what is good/bad about them. Also feel free to request more sample color combos / screenshots.

Primary	Accent	Hosts View	Settings View
Cyan	Deep Orange
Cyan	Cyan
Cyan	Light Blue
Cyan	Light Blue (lightened)
Light Blue	Blue
Light Blue	Light Blue
Light Blue	Light Blue (lightened)
Light Blue	Light Blue (slightly lightened)
Light Blue	Teal

[jklein24]

cc @bengolds.

Thanks for fleshing out all the options, @rhansby!!
My vote is for Light Blue + Light Blue lightened or Cyan + light blue lightened.

[jklein24]

Logo for reference

[rhansby]

(added a cyan + light blue (lightened) sample)

[rhansby]

(added a light blue + light blue (slightly lightened) sample)

[jklein24]

OK my final vote is for Light Blue + Light Blue lightened.

[rhansby]

I vote for Light Blue + Light Blue (slightly lightened)

[wp9015362]

@rhansby & @jklein24 :

As far as I can tell, blue on blue would not be allowed according to the Google Material Design Guidelines, see:

https://www.google.com/design/spec/style/color.html#color-ui-color-application

[...] Limit your selection of colors by choosing three hues from the primary palette and one accent color from the secondary palette. [...]

[...] Don’t use the accent color for app bars or larger areas of color. Avoid using the same color for the floating action button and the background. [...]

As far as I can tell, with secondary palette it means a different color than the primary palette, which is also illustrated in the example there ("Primary - Indigo / Accent - Pink" in the example).

So the accent color has to be a different color altogether AFAICT.

The following would probably look nice:

Theme: Light
Primary: Cyan 500 (#00bcd4)
Primary Dark: Cyan 700 (#0097a7)
Accent: Light Blue A400 (#00b0ff) or Light Blue A700 (#0091ea)

Similar to what is shown in the following screenshots from Amaze File Manager (the screenshots show a light blue and a blue color as accent colors, because that's what Amaze File Manager allows for accent color selection, it does not offer the Light Blue A400 (#00b0ff) or Light Blue A700 (#0091ea) colors, but they should be similar):

I think the light theme really is key here. It looks much better with a light theme IMHO.

Regards

[jklein24]

@wp9015362, your feedback is noted and appreciated, but we've gotten some feedback from some UX folks on our side (including some people on the material design team) who have recommended going with the light blue + light blue (slightly lightened). I at least think we can all agree it's an improvement over the orange :-).

[rhansby]

@jklein24 please close this issue.

[wp9015362]

@jklein24 :

we've gotten some feedback from some UX folks on our side (including some people on the material design team)

If you don't mind answering, I am just wondering:

Is so many Google employees now actively maintaining ConnectBot (judging from the GitHub profiles of @kruton , @khorimoto , @rhansby , @jklein24 ) due to ConnectBot basically being a Google project (for @kruton it say's "Owner")?

@jklein24 :

I at least think we can all agree it's an improvement over the orange :-).

Yes we can 😋 .

Regards

[kruton]

ConnectBot is a project I started before Google. You can read up on Google's 20% time at various places, though.

[ghost]

Hi
Sorry for reopening this but I think this new theme suck. I've installed last release from here to get the last fixes but had to get back to v1.8.7 (fdroid).

My device is a Lt26i (aka Sony Xperia S) and with this theme I can't see/read properly many input text boxes, like url, passphrase, etc... that blue background shadow on those input boxes messes everything.
I have also problems with interface text/items appearing on top of each other, and problems when working on terminal, like keyboard doesn't open (show up).

Maybe it's related to the small HD screen/high ppi 342??

As for the theme colors, I dislike them very much, but would be ok if we could customize theme colors, within app settings, like many others..

@jklein24 :

I at least think we can all agree it's an improvement over the orange :-).

Yes we can 😋 .

You can only always speak for yourself.