Dunkles Windowmanager-Theme; Darstellung von Formularfeldern

  • Guten Tag!

    Ich versuche gerade, den Windowmanager meines Systems auf ein schönes Schwarz umzustellen. Ich bin schwer begeistert davon, wie gut sich der Fuchs an diese Umstellung anpasst und sich in das Erscheinungsbild des Systems einfügt. Ich habe jetzt einige Probleme mit Formularfeldern auf Webseiten. Passend zum Theme ist die Hintergrundfarbe schwarz und die Schriftfarbe weiß. Jetzt gibt es einige Webseiten, die nur teilweise Wunschfarben für die Formularfelder angegeben haben, sodass ich zB ein weißes Feld mit weißer Schrift füllen soll (siehe das Suchfeld von addons.mozilla.org). Andere verlassen sich darauf, dass Formularfelder von vornherein eher hell sind und so wird rein optisch das Design gestört (siehe hier zB die Fahrplansuche von bahn.de).

    Ich möchte daher wissen: An welcher Stelle kann ich Firefox sagen, dass er abweichend von den Systemeinstellungen Formularfelder (aber nur innerhalb von Webseiten!) schwarz auf weiß darstellen soll?

    Mein Ansatz ist, dass ich ein eigenes Theme definiere, dass auf Default aufbaut und nur die Formularfelder explizit beschreibt. Idealerweise würde ich irgendwo in den CSS-Dateien Folgendes unterbringen wollen:

    Code
    html input, html textarea { color: black; background-color: white; }

    Vielen Dank
    Simon

  • Danke für die schnelle Antwort, da hab ich wohl wieder mal zu wild gedacht. Warum einfach, wenns auch kompliziert geht?

    Nun, so ganz so einfach scheint die Sache sich nicht lösen lassen zu wollen. Ich habe jetzt in der userChrome.css und der userContent.css jeweils folgenden Block eingetragen:

    Die zwei Beispiele, die ich angegeben hatte (addons.mozilla.org und bahn.de) funktionieren jetzt wieder. Dann allerdings ist mir aufgefallen, dass es immer noch Felder gibt, die schwarz auf schwarz schreiben, so zB die Masken der Wikipedia oder der Stadtbibliothek Köln. Ich habe keine Ahnung woran das liegt, beide Beispiele definieren keine besonderen Regeln für die Darstellung von Formularfeldern. Ich habe selbst ein Formular geschrieben, das ohne CSS einfach nur Formularfelder auflistet, und auch diese sind schwarz auf schwarz.

    Habe ich mich irgendwo vertippt? Kann es sein, dass background-color auf Formularfelder keine Anwendung findet?

    Gruß
    Simon

    Nachtrag: Wenn ich die !important weglasse, ändert sich erstmal nichts. In meinem kleinen Bastelformular kann ich dann allerdings die Felder direkt formatieren. Frage ist jetzt nur: Wieso wird background-color (und nur das) ignoriert, wenn es in userChrome und userContent steht?

  • Zitat von loshombre

    Dürfte reichen.

    Absolut.

    Verehrter dunkler Geselle, das ist kein Tipp - das ist Sabotage. Du wirfst damit mehr weg, als du erwartest.
    Lies mal nach bei <Fx-Pgm-Verzeichnis>\res\forms.css

    P.S. Das Thema hatten wir schon einmal und es gibt hier in der Untiefen des Forums einen Screenshot mit deinem Ava und einem nicht mehr so schönen Popup-Menü.

  • <sarkasmus>VIelen lieben Dank für diesen Tipp!</sarkasmus>

    Im Ernst, wenn ich Teile meines Systems zerschießen will, fallen mir kreativere Wege ein, als meinem Browser die Anzeige bestimmter Elemente zu verbieten.

    Gibt es eine Erklärung und eine Lösung für das Problem, dass ich per userContent.css die Hintergrundfarbe von Formularfeldern nicht setzen kann? Ist das gewollt? Ist das ein Bug? Habe vielleicht ich etwas übersehen oder falsch gemacht?

    Damit gute Nacht
    Simon

  • Probiers mal hiermit... sieht dann so aus

    CSS
    html input, html textarea{ color: #fff !important;  background: #000 !important; font-weight: bold !important; }

    [Blockierte Grafik: http://www.abload.de/thumb/99kp1q.png] [Blockierte Grafik: http://www.abload.de/thumb/77fqp5.png]
    #
    #

    kannst aber auch noch mit Stylish ändern und mit nem rand versehen

    CSS
    html input, html textarea{-moz-appearance: none !important; font-weight: bold !important; background-color: #232922 !important; color: #fff !important; border: 1px solid #bbb !important; -moz-outline-width: 1px !important; -moz-outline-style: solid !important; -moz-outline-color: #232922 !important; background: #000 !important;}

    [Blockierte Grafik: http://www.abload.de/thumb/890kmqa.png]

    Gruß MK204

    Mozilla/5.0 (Windows NT 5.1; rv:19.0) Gecko/19 Firefox/19.0b2