Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, 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
Open

153 esr Changes to windows buttons

amoun replied
amoun

Hi.

Just had a not requested update to 153 esr, which in itself is generally fine, with a small exception.

The windows min, max and close buttons all come up with a code.

Probably just some weird setup I have but any ideas will be welcome.

I use userChrome.css to give a background colour, so maybe the ID of each has changes for any css

  1. titlebar-min{height:1.66em; background:#00b !important}
  2. titlebar-max{height:1.66em; background:#090 !important}
  3. titlebar-close{height:1.66em; background:#d00 !important}

but I don't see how that would effect the actual bare icon

Thank you

Hi. Just had a not requested update to 153 esr, which in itself is generally fine, with a small exception. The windows min, max and close buttons all come up with a code. Probably just some weird setup I have but any ideas will be welcome. I use userChrome.css to give a background colour, so maybe the ID of each has changes for any css #titlebar-min{height:1.66em; background:#00b !important} #titlebar-max{height:1.66em; background:#090 !important} #titlebar-close{height:1.66em; background:#d00 !important} but I don't see how that would effect the actual bare icon Thank you
Attached screenshots

All Replies (3)

OK Update:

By removing the css I went back to 'normal' and the min,max,close icon were 'normal' so I edited out my font css

font-family: Candara, "Lucida Sans Unicode", "Lucida Grande", sans-serif !important; font-size:16px !important;

which sorted that.

Now I will try and get the formatting sorted:

Looks like the IDs for the buttons has changed as cannot format them. Will get back here when I have a solution

Thanks for being here

Modified by amoun

I think looking at the image that the "code" is the custom unicode for the item.

Looking in the developer tools, I found this

.titlebar-min {
  /* Even though we use appearance: none, -moz-default-appearance is necessary
   * for Windows 11's "snap layouts" feature, see
   * DealWithWindowsAppearanceHacks */
  -moz-default-appearance: -moz-window-button-minimize;
  content: "\e921"; /* ChromeMinimize */
  @media (prefers-contrast) {
    content: "\ef2d"; /* ChromeMinimizeContrast */

in messenger.css https://searchfox.org/comm-central/source/mail/themes/windows/mail/messenger.css

It looks like the image is mapped to a private glyph area of the Unicode font, but it is way over my head. .

Hi Matt

Thanks. Makes sense, so when I set a font it is not a happy bunny :)

Thanks again for your input, especially as I can't get Developer Tools to function :)

Uliza swali

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.