1. Home
  2. News
  3. Download
    1. Thunderbird Release Version
    2. Thunderbird 140 ESR
    3. Thunderbird 128 ESR
    4. Thunderbird 115 ESR
    5. Thunderbird Beta Version
    6. Language Pack (User Interface)
    7. Dictionaries (Spell Check)
  4. Help & Lexicon
    1. Instructions for Thunderbird
    2. Questions & Answers (FAQ) about Thunderbird
    3. Help for this Website
    4. Last Changes
  5. Forums
    1. Unresolved Threads
    2. Latest Posts
    3. Threads of the last 24 hours
  • Login
  • Register
  • 
  • Search
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Forum
  • Lexicon
  • Articles
  • Pages
  • More Options
  1. Thunderbird Mail DE
  2. Forum
  3. Hilfe zu Add-ons und manuellen Anpassungen
  4. Manuelle Anpassungen per CSS oder Script

Menüleiste bestimmten Eintrag farbig verändern

    • 102.*
    • Windows
  • Tapo
  • August 7, 2022 at 2:04 AM
  • Closed
  • Thread is Resolved
  • Tapo
    Senior Member
    Reactions Received
    8
    Posts
    544
    Member since
    25. Aug. 2014
    Helpful answer
    1
    • August 7, 2022 at 2:04 AM
    • #1

    Hallo,

    ich habe den Menüeintrag für die Devtools "Extras -> Entwickler-Werkzeugkasten" farbig verändert.

    Der hoover ist aber auch verändert was ich garnicht im CSS stehen habe ?

    Der hoover sollte normal bleiben.

    und wie bekomme ich den hoover wieder in Standard ?

    mein CSS (mehr habe ich garnicht stehen)

    CSS
    #devtoolsMenu[label="Entwickler-Werkzeuge"] {
        font-weight: 700 !important;
        color:red !important;
        }

    Rot = hoover

    Grau = Standard

  • dharkness21
    Senior Member
    Reactions Received
    487
    Posts
    2,015
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • August 7, 2022 at 9:33 AM
    • #2

    Hallo Tapo,

    ändere diesen * Eintrag dem Deinen hinzu.

    *

    CSS
    #devtoolsMenu[label="Entwickler-Werkzeuge"]:hover {
        background-color: #C0C0C0 !important;
        color: black !important;
    }

    Nötigenfalls musst Du noch jeweils den Farbwert noch anpassen.

    und wech

    Dharkness

  • milupo
    Guest
    • August 7, 2022 at 2:09 PM
    • #3
    Quote from Tapo

    hoover

    Nur so als Hinweis: Es handelt sich hier nicht um einen Staubsauger. ;-) Spaß beiseite: Du musst auf die richtige Schreibung achten, denn wenn du das Wort im CSS-Code falsch schreibst, wird der entsprechende Code natürlich nicht wirken. Und du hast das Wort gleich mehrmals falsch geschrieben, das birgt die Gefahr, dass sich das einprägt.

  • dharkness21
    Senior Member
    Reactions Received
    487
    Posts
    2,015
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • August 7, 2022 at 2:15 PM
    • #4
    Quote from milupo

    Es handelt sich hier nicht um einen Staubsauger. ;) Spaß beiseite: Du musst auf die richtige Schreibung achten

    Ups, das habe ich völlig übersehen, gut das da immer jemand ist, dem so etwas dann noch auffällt, sehr schön. :thumbup:

    und wech

    Dharkness

  • milupo
    Guest
    • August 7, 2022 at 2:50 PM
    • #5

    Das nächste Mal fällt dir ein Schreibfehler auf und dir sind bestimmt schon welche aufgefallen. Vielleicht wäre dir der Fehler aufgefallen, wenn Tapo :hover im Code gehabt hätte, du den Code übernommen hättest und dich dann gewundert hättest, warum der Code nicht funktioniert.

  • Tapo
    Senior Member
    Reactions Received
    8
    Posts
    544
    Member since
    25. Aug. 2014
    Helpful answer
    1
    • August 7, 2022 at 3:05 PM
    • #6

    Hallo,

    nene ist kein Staubsauger.

    Aber ich habe doch gakein hover Definiert.

    Es soll doch ohne den roten hover sein. Der Standard graue hovver reicht mir aus.

    Es sokk nur der Text eingefärbt sein und nicht wenn man mit der Maus drüber föhrt.

  • dharkness21
    Senior Member
    Reactions Received
    487
    Posts
    2,015
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • August 7, 2022 at 3:13 PM
    • #7
    Quote from Tapo

    Es soll doch ohne den roten hover sein. Der Standard graue hovver reicht mir aus.

    Steht die Maus wirklich auf Entwickler-Werkzeuge, oder doch eher auf Entwickler-Werkzeugkasten?

    Und schon wieder falsch geschrieben, hovver ist falsch, so schleichen sich Fehler ein, Du solltest gerade bei solchen Dingen genau darauf achten, das Du sie richtig schreibst, sonst prägt sich das ein, also bitte hover verwenden.

    und wech

    Dharkness

  • Tapo
    Senior Member
    Reactions Received
    8
    Posts
    544
    Member since
    25. Aug. 2014
    Helpful answer
    1
    • August 7, 2022 at 3:17 PM
    • #8

    ok Sorry für die Tippfehler.

    aber es bleibt dabei hover wird genommen obwohl ich das garnicht definiert habe.

    mehr steht garnicht in meiner CSS drin ?

    CSS
    #devtoolsMenu[label="Entwickler-Werkzeuge"] {
        font-weight: 700 !important;
        color:red !important;
        }
    
    
    #menu_preferences[label="Einstellungen"] {
        font-weight: 700 !important;
        color:blue !important;
        }
  • dharkness21
    Senior Member
    Reactions Received
    487
    Posts
    2,015
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • August 7, 2022 at 3:24 PM
    • #9
    Quote from Tapo

    aber es bleibt dabei hover wird genommen obwohl ich das garnicht definiert habe.

    Der hover-Effekt ist von Tb vorgegeben, er erscheint bei allen Menüeinträgen, richtig?

    und wech

    Dharkness

  • Tapo
    Senior Member
    Reactions Received
    8
    Posts
    544
    Member since
    25. Aug. 2014
    Helpful answer
    1
    • August 7, 2022 at 3:31 PM
    • #10
    Quote from dharkness21
    Quote from Tapo

    aber es bleibt dabei hover wird genommen obwohl ich das garnicht definiert habe.

    Der hover-Effekt ist von Fx vorgegeben, er erscheint bei allen Menüeinträgen, richtig?

    naja beim FX habe ich das so auch definiert und es funktioniert.

    Nur halt im Thunderbird nicht.

    Firefox

    CSS
    #webDeveloperMenu,
    #menuitem, [label="Web-Entwickler"],
    #menuitem, [label="Browser-Werkzeuge"] {
        font-weight: 700 !important;
        color: #003eaa !important;    /* Blue 70 */
        }
  • dharkness21
    Senior Member
    Reactions Received
    487
    Posts
    2,015
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • August 7, 2022 at 3:34 PM
    • #11
    Quote from Tapo

    Nur halt im Thunderbird nicht.

    Ich war gerade vorher in meinen CSS-Voodoo vom Fx-Nightly zugange, deshalb irrtümlich das Fx. ;(

    Welches Theme verwendest Du unter Tb?

    und wech

    Dharkness

  • Tapo
    Senior Member
    Reactions Received
    8
    Posts
    544
    Member since
    25. Aug. 2014
    Helpful answer
    1
    • August 7, 2022 at 3:41 PM
    • #12
    Quote from dharkness21
    Quote from Tapo

    Nur halt im Thunderbird nicht.

    Ich war gerade vorher in meinen CSS-Voodoo vom Fx-Nightly zugange, deshalb irrtümlich das Fx. ;(


    Welches Theme verwendest Du unter Tb?

    ist kein Beinbruch wenn man sich verennt ;)

    und zu dem Themen, da habei ch garkeins ausgewählt, steht auf Automatisch.

    achso, in FX habe ich das selbe Themen also Automatisch.

    Images

    • 00.png
      • 663.01 kB
      • 1,147 × 1,040
  • milupo
    Guest
    • August 7, 2022 at 3:48 PM
    • #13
    Quote from Tapo

    mehr steht garnicht in meiner CSS drin ?

    In deinem Startbeitrag ist ein roter Hintergrund zu sehen. Den hast du bisher in keinem deiner Codes angegeben. Also musste da noch ein weiterer Code-Schnipsel sein, der den Hintergrund rot färbt. Standard ist ein helles Grau. Ebenso ist weiter unten der Hintergrund des Menüeintrags Einstellungen blau. Auch hier sollte der Standard dieses helle Grau sein. Suche nach den fehlenden CSS-Codes.

  • Tapo
    Senior Member
    Reactions Received
    8
    Posts
    544
    Member since
    25. Aug. 2014
    Helpful answer
    1
    • August 7, 2022 at 4:03 PM
    • #14

    @milupo

    das mit dem hintergrund würde simmen wen ich einen Definiert hätte.

    Das habe ich aber nicht

    wenn ich einen Hintergrund Defeniere hätte würde es so aus

    CSS
    #menu_preferences[label="Einstellungen"] {
        font-weight: 700 !important;
        color:blue !important;
        background-color:orange !important;
        }

    dafür wäre der hover Effekt aber weg für diesen Menüpunkt.

    Images

    • 00.png
      • 366.02 kB
      • 1,886 × 1,200
  • milupo
    Guest
    • August 7, 2022 at 4:07 PM
    • #15

    Du hast den Code in einer eigenen CSS-Datei. Hast du eventuell noch CSS-Code in der userChrome.css?

  • dharkness21
    Senior Member
    Reactions Received
    487
    Posts
    2,015
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • August 7, 2022 at 4:07 PM
    • #16
    Quote from Tapo

    Das habe ich aber nicht

    Das ist nur die Datei Menüleiste.css, was steht in der userChrome.css? Wenn Du noch andere CSS-Dateien hast, was steht in denen?

    P.S.:

    Du hast noch nicht alle meine Fragen beantwortet, bitte nachholen.

    und wech

    Dharkness

  • Tapo
    Senior Member
    Reactions Received
    8
    Posts
    544
    Member since
    25. Aug. 2014
    Helpful answer
    1
    • August 7, 2022 at 4:23 PM
    • #17

    hier Screenshots was ich wo stehen habe.

    Images

    • 00.png
      • 663.01 kB
      • 699 × 677
    • 01.png
      • 38.3 kB
      • 1,227 × 825
    • 02.png
      • 59.93 kB
      • 1,227 × 825
    • 03.png
      • 68.9 kB
      • 1,411 × 1,090
  • Tapo
    Senior Member
    Reactions Received
    8
    Posts
    544
    Member since
    25. Aug. 2014
    Helpful answer
    1
    • August 7, 2022 at 4:35 PM
    • #18
    Quote from dharkness21

    Hallo Tapo,

    ändere diesen * Eintrag dem Deinen hinzu.

    *

    CSS
    #devtoolsMenu[label="Entwickler-Werkzeuge"]:hover {
        background-color: #C0C0C0 !important;
        color: black !important;
    }

    Nötigenfalls musst Du noch jeweils den Farbwert noch anpassen.

    wenn ich das hinzufüge, dann würde es passen .

    Klar die Farbwerte anpassen.

    Nur ich verstehe nicht das es im Firefox ohne hover klappt und in Thunderbird muß man hover Definieren und aufpassen das man dann noch die selben Farbwerte bekommt.

  • milupo
    Guest
    • August 7, 2022 at 4:35 PM
    • #19
    Quote from Tapo

    dafür wäre der hover Effekt aber weg für diesen Menüpunkt.

    Der Hover-Effekt wird nicht nur durch die Hintergrund-Farbe bestimmt, sondern durch den Zusatz :hover hinter dem Selektor, siehe Beitrag #2 von dharkness21.

  • milupo
    Guest
    • August 7, 2022 at 4:37 PM
    • #20
    Quote from Tapo

    Nur ich verstehe nicht das es im Firefox ohne hover klappt und in Thunderbird muß man hover

    Nein, auch in Firefox musst du :hover definieren, wenn du die Eigenschaften von:hover ändern willst. Ansonsten ist :hover vordefiniert und du brauchst ihn nicht im CSS-Code angeben, wenn du dessen Eigenschaften nicht ändern willst.

Current app version

  • Thunderbird 149.0.2 veröffentlicht

    Thunder April 7, 2026 at 9:15 PM

Current 140 ESR version

  • Thunderbird 140.9.1 ESR veröffentlicht

    Thunder April 7, 2026 at 9:11 PM

No Advertisements

There are no advertisements here. Maybe you give the website owner (Alexander Ihrig - aka "Thunder") instead something to be able to finance these sites in the long run. Many Thanks!

Thank you for the support!

Coffee to be spent?

Donate now via Paypal*

*Forwarding to PayPal.Me

Thunderbird Mail DE
  1. Imprint & Contact
  2. Privacy Policy
    1. Cookie Policy
  3. Terms of Use
  4. Donation Call for Thunderbird
Help for this website
  • All website support articles
  • How to use website search
  • How to create a forums user account
  • How to create and edit a forums thread
  • How to reset your forums password
Copyright © 2003-2026 Thunderbird Mail DE

You are NOT on an official page of the Mozilla Foundation. Mozilla®, mozilla.org®, Firefox®, Thunderbird™, Bugzilla™, Sunbird®, Seamonkey®, XUL™ and the Thunderbird logo are (among others) registered trademarks of the Mozilla Foundation.

Powered by WoltLab Suite™