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!

לאתר זה תהיה פונקציונליות מוגבלת בזמן שאנו מתחזקים אותו לשיפור החוויה שלך. אם מאמר מסויים לא פותר את הבעיה שלך וברצונך לשאול שאלה, קהילת התמיכה שלנו מחכה לעזור לך ב־Twitter תחת ‎@FirefoxSupport וב־Reddit תחת ‎/r/firefox.

חיפוש בתמיכה

יש להימנע מהונאות תמיכה. לעולם לא נבקש ממך להתקשר או לשלוח הודעת טקסט למספר טלפון או לשתף מידע אישי. נא לדווח על כל פעילות חשודה באמצעות באפשרות ״דיווח על שימוש לרעה״.

מידע נוסף

Dark theme in Linux screws up Firefox 4.0, help with userContent.css file

  • 2 תגובות
  • 20 have this problem
  • 29 views
  • תגובה אחרונה מאת Aleksej

more options

OS: Fedora 14 x86_64 / Gnome 2.3x Problem with: Firefox 4.0

Using dark gtk themes changes the background color of common form controls (input boxes, text boxes, radio buttons, etc...) into the same dark color used in the theme, so you end up with dark controls with black text, which makes them unreadable.

While searching I found that there's a way to make Firefox override the system colors, and that is by creating a userContent.cs file.

Here's the userContent.css file:

===============

body {

background-attachment: scroll !important;

}

input {

border: 2px inset white;

background-color: white;

color: black;

-moz-appearance: none !important;

}

textarea {

border: 2px inset white;

background-color: white;

color: black;

-moz-appearance: none !important;

}

select {

border: 2px inset white;

background-color: white;

color: black;

-moz-appearance: none !important;

}

input[type="radio"],

input[type="checkbox"] {

border: 2px inset white ! important;

background-color: white ! important;

color: ThreeDFace ! important;

-moz-appearance: none !important;

}

.*|*::-moz-radio {

background-color: white;

-moz-appearance: none !important;

}

button, input[type="reset"], input[type="button"], input[type="submit"] {

border: 2px outset white;

background-color: #eeeeee;

color: black;

-moz-appearance: none !important;

}

body {

background-color: white;

color: black;

display: block;

margin: 8px;

-moz-appearance: none !important;

}

===============

This css code fixes text boxes, input boxes, etc... but I still have dark radio buttons, dark check boxes, and dark drop down menus, does anyone know what might be causing this problem?


Examples: http://i901.photobucket.com/albums/ac211/0xGFX007/001.png

http://i901.photobucket.com/albums/ac211/0xGFX007/002.png

OS: Fedora 14 x86_64 / Gnome 2.3x Problem with: Firefox 4.0 Using dark gtk themes changes the background color of common form controls (input boxes, text boxes, radio buttons, etc...) into the same dark color used in the theme, so you end up with dark controls with black text, which makes them unreadable. While searching I found that there's a way to make Firefox override the system colors, and that is by creating a userContent.cs file. Here's the userContent.css file: =========================== body { background-attachment: scroll !important; } input { border: 2px inset white; background-color: white; color: black; -moz-appearance: none !important; } textarea { border: 2px inset white; background-color: white; color: black; -moz-appearance: none !important; } select { border: 2px inset white; background-color: white; color: black; -moz-appearance: none !important; } input[type="radio"], input[type="checkbox"] { border: 2px inset white ! important; background-color: white ! important; color: ThreeDFace ! important; -moz-appearance: none !important; } .*|*::-moz-radio { background-color: white; -moz-appearance: none !important; } button, input[type="reset"], input[type="button"], input[type="submit"] { border: 2px outset white; background-color: #eeeeee; color: black; -moz-appearance: none !important; } body { background-color: white; color: black; display: block; margin: 8px; -moz-appearance: none !important; } =========================== This css code fixes text boxes, input boxes, etc... but I still have dark radio buttons, dark check boxes, and dark drop down menus, does anyone know what might be causing this problem? Examples: http://i901.photobucket.com/albums/ac211/0xGFX007/001.png http://i901.photobucket.com/albums/ac211/0xGFX007/002.png

כל התגובות (2)

more options

Try to ask in this mozillaZine forum thread about "Fx4 .css tweaks":

more options

FWIW, an alternative to going back to a light theme for whatever reason: there is a theme with several variations called "Shiki-Colors", in which only half of the stuff is dark.