[Mobile UI] Blue palette

Dirk Hohndel dirk at hohndel.org
Sat Jun 24 11:32:44 PDT 2017


On Thu, Jun 22, 2017 at 01:49:00PM +0200, Davide DB wrote:
> On 21 June 2017 at 22:13, Dirk Hohndel <dirk at hohndel.org> wrote:
> >
> > Right now I use
> >
> > property color darkPrimaryColor: "#303F9f"
> > property color darkPrimaryTextColor: "#ECECEC"
> > property color primaryColor: "#3F51B5"
> > property color primaryTextColor: "#ECECEC"
> > property color lightPrimaryColor: "#C5CAE9"
> > property color lightPrimaryTextColor: "#212121"
> >
> 
> Hummm something strange is going on. Sorry I have to use a html email.
> 
> Regarding the original question on text colors.
> 
> My original palette was:
> 
> /* Palette generated by Material Palette -
> materialpalette.com/indigo/deep-orange */
> 
> .dark-primary-color    { background: #303F9F; }
> .default-primary-color { background: #3F51B5; }
> .light-primary-color   { background: #C5CAE9; }
> .text-primary-color    { color: #FFFFFF; }
> .accent-color          { background: #FF5722; }
> .primary-text-color    { color: #212121; }
> .secondary-text-color  { color: #757575; }
> .divider-color         { border-color: #BDBDBD; }

Those names are at least as crazy and confusing as mine.
What's the difference between text-primary-color and primary-text-color?

> In our app we would have:
> 
> dive name in item list text (primary-text-color): #212121
> dive data in item list text: (secondary-text-color) #757575

That is weird. So two different colors for the the two lines for a dive?
And the contrast of that secondary text color against the background color
of #eff0f1 is going to be miserable.

> Trip bar background: (light-primary-color) #C5CAE9
> Trip bar text: (primary-text-color): #212121

That we already have

> Selected dive background: (default-primary-color) ##3F51B5
> Selected dive text: (text-primary-color) #FFFFFF

There we use a slightly darker gray, happy to switch to white for you.

> - white text is not our enemy when used on proper dark background.

Depends on your screen quality.

> - secondary text is grey which gives more evidence to the title hence in my
> scheme, dive data (date, depth...) in the item list are grey. Please just
> try once :-)

Sure. Coming up. I also think I may have found why it didn't render the
exact colors that we pick. The dive list had opacity of 0.8 which most
likely caused a background color bleeding through.

/D




More information about the subsurface mailing list