Colour in YNAB

Hey everyone,

I've been using YNAB for a while and it has been fantastic in getting my finances in order. I am writing today a feature suggestion, but I'm not sure if this is the right place (could not find any feature suggestion forum), but this is certainly a challenge for me.

Basically, I have mild red-green colour-blindness, and believe me or not, the colours YNAB currently uses on the Budget page (Web version) to represent "positive" (green #16a336) and "cautious" (orange? #e59100) are practically indistinguishable.

As I workaround, I had to use the User CSS plugin on Chrome to change the "cautious" colour to CSS orange (#FFA500) so that I could visually tell the difference. I.e.: > .budget-table-cell-available .cautious {
    background-color: orange;

It would be good, however, if this could be built-in instead, since many members of the community may not have the tech knowledge to implement such a workaround. Statistics show that 1 in 12 men and 1 in 200 women are colour-blind, so a significant number of people in the YNAB community may be affected.

Multiple colour schemes may in fact be required, or some other non-colour-based indicators, because there are many types of colour blindness.

I hope some action would be taken to make YNAB an even better product.

6replies Oldest first
  • Oldest first
  • Newest first
  • Active threads
  • Popular
  • The toolkit (an "unofficial" browser extension) has a "color blind mode" that might be what you are looking for. They have some other color options that I like better too.

    Reply Like 6
      • Brad Hull
      • Since YNAB Pro
      • sinceYNABPRO
      • 11 mths ago
      • Reported - view


      The YNAB toolkit extension, I have tried but it doesn’t seem to help me see the dark gray number on a light gray background.

      Reply Like
  • I think this thread fits better under App Functions. Perhaps Faness , we could trouble you to move it there.  I think anyone else looking for information on tech issues and colour blindness might search in that thread first.

    Reply Like 1
    • HappyDance Yes, thank you for the heads up! We try to catch these but this one seems to have slipped through on us. :)

      Isaac C. Just wanted to let you know that we're working on a process for feature requests on the forum. I'll pass this along to our development team, but the Toolkit is a great option for colorblind settings.

      Reply Like 1
  • PLEASE, Please at re-evaluate your color & font scheme for the YNAB web application. I have been using YNAB since YNAB Pro very successfully. But I have gradually increasing problems with visual acuity because of macular degeneration in my right eye and glaucoma in both eyes and apparently the glaucoma is affecting my ability to distinguish characters and numbers reliably.  I am still daily using both classic YNAB and web YNAB. However it is becoming very difficult, in particular it is very difficult to accurately distinguish numbers in web YNAB scheduled account transactions I believe this is because the characters appear to be only a little darker than the light gray background. 

    I have spent a lot of time trying change the colors and tried the settings available to increase contrast in Windows 10 and the monitor color and brightness settings but nothing I have tried has any discernible effect  in the web YNAB colors or contrast.  You have complete control of the CSS settings. Please give us the option of at least changing the background color in the scheduled accounts transactions (and the cleared transactions also) or change to bold fonts in the accounts transactions. I like the color scheme of YNAB 4, it is much easier to read. Please allow us the choice to use the YNAB 4 color scheme in web YNAB.

    Reply Like
    • Brad Hull Thank you so much for taking the time to share your experience with YNAB and letting us know how we can improve it. When you have a moment, would you mind submitting those details through our Feature Request form (and marking it as Critical)?  That's the fastest way to get those details in front of our development team for further consideration. 

      Reply Like
Like5 Follow
  • Status Answered
  • 11 mths agoLast active
  • 6Replies
  • 1924Views
  • 7 Following