Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Is there a way to darken the icons on the toolbar (bookmarks, history, etc)?

  • 26 replies
  • 0 have this problem
  • 64 views
  • Last reply by T_H_M

more options

When I installed Firefox, I struggled to find a theme that was easy for me to see. So many had dark borders/backgrounds or busy backgrounds or transparent. It appears that I'm using the default at present and am happy with everything but the visibility of those little icons. Is there is a way to make them darker? Thanks

When I installed Firefox, I struggled to find a theme that was easy for me to see. So many had dark borders/backgrounds or busy backgrounds or transparent. It appears that I'm using the default at present and am happy with everything but the visibility of those little icons. Is there is a way to make them darker? Thanks

Chosen solution

FOUND IT!

The first line needs to be :root not root.

That's my fault entirely as I must have failed to pick it up when I cut and pasted Cor-el's code before adding my line to it. Sincere apologies.

Read this answer in context 👍 1

All Replies (6)

more options

The problem is that you used :root at the start of the line, you need to add a leading space to prevent the forum from interpreting the leading ':' as markup code.

more options

Thanks, Cor-el. I wondered subsequently if that may have been it. I'm still learning the markup here and have got that chart bookmarked. I'll know in future to do it as :.

more options

You can use <nowiki>...</nowiki> or <pre><nowiki>...</nowiki></pre> like I normally use instead of <code>...</code> to prevent issues with code you post.

  • <nowiki>:root</nowiki>
more options

cor-el said

You can use <nowiki>...</nowiki> or <pre><nowiki>...</nowiki></pre> like I normally use instead of <code>...</code> to prevent issues with code you post.
  • <nowiki>:root</nowiki>

Is there any potential that this change would improve the outcome? My guess is this is more a conversation with @thepillenwerfer. Attached is a screen shot comparing icons in gmail with Firefox, even with the Chrome improvement.

more options

What I wrote above is about posting the CSS code in this forum correctly, you do not need to change your code in userChrome.css . If you are uncomfortable with the white background then you can leave out the --toolbar-bgcolor line or adjust its property value, defining this variable under 'root' means that this is applied globally.

more options

cor-el said

What I wrote above is about posting the CSS code in this forum correctly, you do not need to change your code in userChrome.css . If you are uncomfortable with the white background then you can leave out the --toolbar-bgcolor line or adjust its property value, defining this variable under 'root' means that this is applied globally.

No, the contrast helps. Thanks again!

  1. 1
  2. 2