Text/Icon tinting on buttons...

Peter Mathis

• September 08, 2014 01:34

Hi Nuno. I was wondering if you could help me with something. About 30 min ago I had a user of one of my themes (Phayse) ask me about about the text/icons in buttons not tinting properly. I asked him to send me a screenshot of the problem and I am attaching to this message. 

Basically in my theme the buttons are dark and I set the text/icons to tint to white. If firefox this is not happening. I also notice this happening in buttons and drop down embedded in webpages. I am sure you guys are already aware of it but I told him that I would forward the issue to you. Any light on this issue that I can give him would be helpful. 

ScreenShot 2014-09-07 at 6.08.09 PM.png
ScreenShot 2014-09-07 at 6.15.29 PM.png

0

• 

  Nuno

  • September 10, 2014 14:56

  Hi Peter!

  Hope you're doing well!

  As soon as you mentioned "Firefox" I immediately understand the range of issues. Firefox is not Cocoa nor Carbon - it uses custom UI controls and windows almost everywhere, and those controls are shared on Windows, Linux and OS X. Because of this (great and annoying) limitation, the only theming we can provide to Firefox is:

  • partial control theming, as Firefox uses OS X controls as base for their controls in some places (like Preferences)
  • Firefox Persona (aka, Lightweight Themes) which is the ability Firefox provides for theming itself. Unfortunately, these are very feature poor and limitative :(

  I will take a (new) look at Firefox code to check if you can provide an hack so that it can tint buttons text/icons, but can't make any promises based on what we have seen in the past!

  We are also aware of Safari not tinting buttons text on webpages - we will take a look into this when time permits to check if it is fixable! 

  Thank you for your feedback!

  Hope this helps,

  Nuno

  0
• 

  Peter Mathis

  • September 10, 2014 18:03

  Hi. :)

  I am doing very well, thank you. I hope you and your brother are both doing good as well?

  I appreciate the quick and detailed response. Now when people ask me this particular question I will have an informed response. I have also notice the same behavior in the OS itself. Particularly in small window panes. The button text are not tinted but if I click and hold on the button that element and other elements will then tint the text/icons correctly. I will attach a screen shot of the activity the next time I encounter it.

  Other then that the beta seems to be coming along fine. I love all the new abilities in Flavours.

  Take care.

  0
• 

  Peter Mathis

  • September 10, 2014 19:35

  I want to add that the tinting problem also exists in the Chrome browser as well. 

  0
• 

  Nuno

  • September 15, 2014 10:54

  Hi Peter!

  Chrome is exactly the same situation of Firefox (sadly). I would to love to see both Firefox and Chrome to fully adopt native UIs on the hosting OS, instead of creating frameworks of custom UI controls!

  Do you remember in which app you can observe the "click and hold to refresh" behaviour? Not sure if it is the case but, Flavours does not modifies applications that runs as root (like system authentication prompts, Disk Utility, etc), so the text color doesn't gets modified on those apps.

  Thank you for your feedback! Also, congrats for your recent themes! Beautiful creations with nice techniques that people are loving (can confirm by the recent derivative works of your themes!) :)

  All the best,

  Nuno

  0

Please sign in to leave a comment.