Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Цей вебсайт матиме обмежену функціональність, доки ми проводимо його обслуговування для поліпшення роботи. Якщо прочитана стаття не розв'язала вашу проблему і ви хочете поставити питання, наша спільнота підтримки з радістю допоможе вам на @FirefoxSupport у Twitter та /r/firefox на Reddit.

Шукати в статтях підтримки

Остерігайтеся нападів зловмисників. Mozilla ніколи не просить вас зателефонувати, надіслати номер телефону у повідомленні або поділитися з кимось особистими даними. Будь ласка, повідомте про підозрілі дії за допомогою меню “Повідомити про зловживання”

Докладніше

Ця тема перенесена в архів. Якщо вам потрібна допомога, запитайте.

Changing default colors to a dark grey background, can no longer see gmail buttons.

  • 7 відповідей
  • 2 мають цю проблему
  • 7 переглядів
  • Остання відповідь від Aleksej

more options

The bright white pages of most web sites hurt my eyes and I really enjoy making pages a grey color. After changing Preferences/Content/Color/Background to a dark grey I really love how everything looks especially search pages, google calendar, gmail etc.

The problem is that many buttons have disappeared. These buttons are icons I believe so I do not understand why the background color would make them dissapear.

inspection of a gmail button that is now just an outline with no text or icon as follows:

//inner html
//outer html
The bright white pages of most web sites hurt my eyes and I really enjoy making pages a grey color. After changing Preferences/Content/Color/Background to a dark grey I really love how everything looks especially search pages, google calendar, gmail etc. The problem is that many buttons have disappeared. These buttons are icons I believe so I do not understand why the background color would make them dissapear. inspection of a gmail button that is now just an outline with no text or icon as follows: <div class="asa"><div class="asf T-I-J3 J-J5-Ji"></div></div> //inner html <div aria-label="Refresh" data-tooltip="Refresh" style="-moz-user-select: none;" class="T-I J-J5-Ji nu T-I-ax7 L3" act="20" role="button" tabindex="0"><div class="asa"><div class="asf T-I-J3 J-J5-Ji"></div></div></div> //outer html

Обране рішення

so I believe much of the problem lies in the fact that many icons and graphics use transparency and that may be why they cannot render when I force a dark background using FireFox preferences for color.

I did find a good solution = Color Transfrom by Peter Sloetjes, UPDATE "colorific" is even better and by the same developer.

somehow this extension is able to give me color control AND still render graphics correctly!

Cheers!

Читати цю відповідь у контексті 👍 0

Усі відповіді (7)

more options

This happens if you disable the website colors. The settings here affect background images.

  • Edit > Preferences > Content : Fonts & Colors > Colors :
    [X] "Allow pages to choose their own colors, instead of my selections above"

See also:

You can use the NoSquint extension to set font size (text/page zoom) and text color on web pages.

more options

This totally defeats the purpose of me choosing to have a grey background.

My goal is to have a grey background and still see buttons. Other than losing the buttons google voice and gmail look great so there must be a workaround here.

Змінено jjmk1

more options

Did you look at the NoSquint extension?

more options

i did just now try squinty and it is very glitchy it does show more of the icons but not pretty. see attached image.

more options

"[ ] Allow pages to choose their own colors" toggles also background images, and the icons are created using background-image (as you can see using Inspector's Computed view).

See "cant change color on visited sites without changing background /foreground colors that hide options on the sitec" for some suggestions, one of them chosen by the question author.

Змінено Aleksej

more options

Вибране рішення

so I believe much of the problem lies in the fact that many icons and graphics use transparency and that may be why they cannot render when I force a dark background using FireFox preferences for color.

I did find a good solution = Color Transfrom by Peter Sloetjes, UPDATE "colorific" is even better and by the same developer.

somehow this extension is able to give me color control AND still render graphics correctly!

Cheers!

Змінено jjmk1

more options

jjmk1 said

so I believe much of the problem lies in the fact that many icons and graphics use transparency and that may be why they cannot render when I force a dark background using FireFox preferences for color.

It is because, when you force a dark background using the checkbox, you also prohibit use of background images. There is no meaningful HTML except for an id or a class to which the CSS attaches a "background" image (which is probably a simply bad practice).

Змінено Aleksej