<div dir="ltr"><div class="gmail_quote"><div dir="ltr">On 21 June 2017 at 22:13, Dirk Hohndel <<a href="mailto:dirk@hohndel.org" target="_blank">dirk@hohndel.org</a>> wrote:<br>><br>> Right now I use<br>><br>> property color darkPrimaryColor: "#303F9f"<br>> property color darkPrimaryTextColor: "#ECECEC"<br>> property color primaryColor: "#3F51B5"<br>> property color primaryTextColor: "#ECECEC"<br>> property color lightPrimaryColor: "#C5CAE9"<br>> property color lightPrimaryTextColor: "#212121"<br>><br><br>Hummm something strange is going on. Sorry I have to use a html email.<div><br><div>Looking at your values I see you use darkPrimaryTextColor and primaryTextColor set at the same value #ECECEC which in Photoshop is:<div><br></div><div><img src="cid:ii_15ccf7abb99c9146" alt="Inline images 1" style="margin-right:0px"><br><div><br></div><div>Now, I don't now how your reference these colors in QML so I don't know if somehow QML tries to use automatically them based on property names. If this is the case we have a color meant to be lighter that actually is pitch black. Moreover if a developer see through the code a color referenced by its property name would be misleaded.</div><div><br></div><div>Another strange thing I found respect to your definition above: I grabbed a screenshot of the main UI and I used Photoshop color picker to list the colors used. I cannot find the color codes defined above except for darkPrimaryColor: "#303F9f" correctly found in the title bar. So far I always matched color successfully between screenshots and Photoshop but there could be some error.</div><div>BTW I get:</div><div><br></div><div>Whole dive item text: #4D4D4D</div><div>Trip bar background: #D0D4ED<br>Selected dive background while tapping: #D0D4ED</div><div>Selected dive background: #5965B2<br>Selected dive text: #CFD1E0<br><br>While these colors or other colors could perfectly ok (except for the selected dive text) would be nice understand where they come from :-)</div><div><br></div><div>Regarding the original question on text colors.</div><div><br></div><div>My original palette was:</div><div><br></div><div><div>/* Palette generated by Material Palette - <a href="http://materialpalette.com/indigo/deep-orange" target="_blank">materialpalette.com/indigo/<wbr>deep-orange</a> */</div><div><br></div><div>.dark-primary-color { background: #303F9F; }</div><div>.default-primary-color { background: #3F51B5; }</div><div>.light-primary-color { background: #C5CAE9; }</div><div>.text-primary-color { color: #FFFFFF; }</div><div>.accent-color { background: #FF5722; }</div><div>.primary-text-color { color: #212121; }</div><div>.secondary-text-color { color: #757575; }</div><div>.divider-color { border-color: #BDBDBD; }</div></div><div><img src="cid:ii_15ccfc233ff976f6" alt="Inline images 1" style="margin-right: 0px;" width="562" height="505"><br></div><div><br></div><div>In our app we would have:</div><div><br></div><div>Dive name in item list text (primary-text-color): #212121</div><div><div>Dive data in item list text: (secondary-text-color) #757575</div><div>Trip bar background: (light-primary-color) #C5CAE9</div><div>Trip bar text: (primary-text-color): #212121<br></div><div>Selected dive background: (default-primary-color) ##3F51B5</div><div>Selected dive text: (text-primary-color) #FFFFFF</div></div><div><br>This is a fake app generated with the above scheme.</div><div>Two things:</div><div><br></div><div>- white text is not our enemy when used on proper dark background.</div><div>- 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 :-)</div><div><br></div><div><img src="cid:ii_15ccf9e88fdd1028" alt="Inline images 3" style="margin-right:0px"><br></div><div><br></div><div>PS<br></div><div>Pink UI rocks!</div><span class="HOEnZb"><font color="#888888"><div><br>-- <br>Davide<br><a href="https://vimeo.com/bocio/videos" target="_blank">https://vimeo.com/bocio/videos</a></div></font></span></div></div></div></div>
</div><div><br></div>
</div>