1. Home
  2. News
  3. Download
    1. Thunderbird Release Version
    2. Thunderbird 153 ESR (2026)
    3. Thunderbird 140 ESR (2025)
    4. Thunderbird Beta Version
    5. Language Pack (User Interface)
    6. 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. Themes

Lightning + Theme = o.O - Ein paar Farben ändern... [erl.]

  • I-xX_maZZel_Xx-I
  • March 20, 2012 at 3:28 PM
  • Closed
  • Thread is Resolved
  • I-xX_maZZel_Xx-I
    Member
    Posts
    7
    Member since
    20. Mar. 2012
    • March 20, 2012 at 3:28 PM
    • #1

    Thunderbird-Version: 11.0
    Betriebssystem + Version: Windows 7 Home Premium SP1

    Erst vorweg: Sollte dieser Thread hier falsch sein, bitte verschieben. Ich wusste nicht, ob das zu Lightning oder zu allgemeinen Extensions passt, da es hier sowohl um Lightning als auch um ein Thunderbird-Theme geht.

    Hallo Forum,

    nachdem ich nun verzweifelt bei Google nach einer Lösung gesucht habe, sah ich keinen anderen Ausweg, als mich hier zu registrieren und euch mein Problem vorzutragen - in der Hoffnung, ihr könnt mir helfen!
    Also mein aktueller Stand sieht folgendermaßen aus: Ich habe Thunderbird 11.0, Lightning 1.3 und außerdem das Theme TT DeepDark 1.6.3 installiert. Diese Kombination führt dazu, dass ich einige farblich Unstimmigkeiten in meinem Aufgaben-Bildschirm habe. Ich habe davon mal ein Screenshot gemacht und die Problemzonen rot markiert.
    Mein Wunsch ist, dass die Schrift links entweder auch in dem coolen Blau oder halt in nem hellen Grau erscheint - Schwarz ist ganz offensichtlich suboptimal. Und der Kasten unten, der die Aufgaben-Details enthält und die Aufgaben-Beschreibung umramt, sollte schwarz sein. Denn so hell, wie das ist, passt das auch nicht mit den Schaltflächen, wo man dann einen hässlichen Übergang sehen kann. WIe ihr seht, habe ich bereits einen Teil der Schrift schwarz gemacht, normalerweise ist diese auch in diesem hellen Grau (s. "Beginn" & "Fällig").
    Ich kann mir vorstellen, dass man in irgendeiner der endlosen *.css-Dateien einfach nur einen color- oder background-color-Parameter ändern muss, um das zu erreichen. Aber mein Gott - es sind einfach so viele und die heißen auch noch fast alle gleich.

    So, ich habe euch nun meine Probleme und Wünsche beschrieben. Sollten weitere Fragen auftreten, werde ich sie natürlich gerne beantworten.
    Danke schon Mal im Voraus für alle Vorschläge!!

    Gruß
    Mazzel

    PS: Nachfolgend noch der versprochene Screenshot.

    External Content s14.directupload.net
    Content embedded from external sources will not be displayed without your consent.

    Edited 3 times, last by I-xX_maZZel_Xx-I (March 23, 2012 at 8:23 AM).

  • muellerpaul
    Senior Member
    Reactions Received
    1
    Posts
    768
    Member since
    19. Jan. 2010
    • March 20, 2012 at 5:23 PM
    • #2

    Hallo Mazzel,

    wenn ich dich jetzt richtig verstanden habe, dann sollten die gewünschten Änderungen mit folgenden Einträgen in deiner userChrome.css möglich sein.

    CSS
    #calendar-task-details {
       background-color: #1c1c1c !important;
    }
    
    
    
    
    .task-details-value,
    .item-date-row {
       color: #00adee !important;
    }
    
    
    
    
    .task-tree-subpane {
       color: #00adee !important;
    }
    Display More

    Gruß
    muellerpaul

    --
    Hier könnte Ihre Werbung stehen

  • I-xX_maZZel_Xx-I
    Member
    Posts
    7
    Member since
    20. Mar. 2012
    • March 20, 2012 at 6:28 PM
    • #3

    Danke schon Mal für die Antwort! Ist für meinen Client auf der Arbeit, werde es also direkt morgen früh ausprobieren!

  • I-xX_maZZel_Xx-I
    Member
    Posts
    7
    Member since
    20. Mar. 2012
    • March 21, 2012 at 9:20 AM
    • #4

    Wow, super! Damit hast du mir nun schon sehr geholfen. Bleiben aber noch zwei weitere Probleme:
    1. Nun ist der Rand von dem Aufgaben-Beschreibungs-Fenster immer noch weiß - irgendwie unlogisch, dass das in Thunderbird so getrennt ist.
    2. Links sind die Überschriften immer noch schwarz. Wie vorher habe ich dieses Mal wieder einen Screenshot gemacht und die Problemzonen rot markiert.

    Eine "allgemeine" Frage hätte ich noch: Gibt es nicht irgendwo eine Auflistung, welche Code-Fragmente in einer userChrome.css oder der userContent.css für welche Bestandteile der Tb-Oberfläche zuständig sind? Wenn nicht, wäre es nicht eine gute Idee, etwas derartiges in das Tb-Wiki oder so aufzunehmen?

    External Content s1.directupload.net
    Content embedded from external sources will not be displayed without your consent.
  • muellerpaul
    Senior Member
    Reactions Received
    1
    Posts
    768
    Member since
    19. Jan. 2010
    • March 21, 2012 at 6:43 PM
    • #5

    Hallo,

    Quote

    1. Nun ist der Rand von dem Aufgaben-Beschreibungs-Fenster immer noch weiß


    okay, dann erstetze mal den ersten Code hiermit:

    CSS
    #calendar-task-details-container {
      background-color: #1c1c1c !important;
    }
    Quote

    2. Links sind die Überschriften immer noch schwarz


    Die müssten sich mit diesen Einträgen ändern lassen:

    CSS
    #task-tree-filter-header,
    #calendar-list-header {
      color: grey !important;
    }
    Quote

    Eine "allgemeine" Frage hätte ich noch: Gibt es nicht irgendwo eine Auflistung


    Codeschnipsel findet man, aber meistens die, die gerade nicht gebraucht werden... ;-)
    Man muss sie dann selbst auskundschaften --> DOM Inspector

    Gruß
    muellerpaul

    --
    Hier könnte Ihre Werbung stehen

  • I-xX_maZZel_Xx-I
    Member
    Posts
    7
    Member since
    20. Mar. 2012
    • March 22, 2012 at 7:53 AM
    • #6

    Wow, wow, wow! Danke schön dafür - es ist jetzt perfekt! Allerdings muss ich sagen, das hättest du dir ersparen können, wenn du mir von Anfang an von dem DOM Inspector erzählt hättest. xD Jetzt kann ich das alles selbst ändern, wie ich will. Also danke nochmal - doppelt!

    Edit: Hmmm, jetzt dachte ich echt, das wäre erledigt. Aber ich habe doch wieder ein Problem. Und zwar gibt es da ein Element, wo vorher der Hintergrund sehr hell war, weshalb dort die Schrift schwarz ist. Nun habe ich den Hintergrund geändert (dank DOM Inspector ganz einfach ausfindig gemacht), weshalb dieser nun dunkel ist und man das Textelement nicht mehr lesen kann. Nun wird für dieses Textelement im DOM Inspector jedoch keine ID und keine Class angegeben. Wie soll ich das dann in meine userChrome.css einbauen?
    Ein fast gleiches Problem sieht man auch noch auf dem zweiten Screen, bei dem ich den verticalen Splitter in der Kalender-Ansicht ändern möchte (der ist standardmäßig weiß - sieht man nicht, weil der nur ein Pixel hoch ist und der rote Rahmen vom DOM Inspector so dick ist).

    Sollte jemand auf folgende Idee kommen - die funktioniert leider nicht.... :( Also der "background-color"-Teil funzt ganz offensichtlich, der "color"-Teil aber nicht.

    CSS
    #unifinder-searchBox {
       background-color: #1C1C1C !important;
       color: #A6A6A6 !important;
    }


    Hier wieder eine Screenshot:

    External Content s14.directupload.net
    Content embedded from external sources will not be displayed without your consent.


    Und noch einer zur zweiten Situation:

    External Content s7.directupload.net
    Content embedded from external sources will not be displayed without your consent.
  • muellerpaul
    Senior Member
    Reactions Received
    1
    Posts
    768
    Member since
    19. Jan. 2010
    • March 22, 2012 at 6:13 PM
    • #7
    Quote

    Nun wird für dieses Textelement im DOM Inspector jedoch keine ID und keine Class angegeben


    bei mir wird schon etwas ausgegeben ;-)

    CSS
    label[control="unifinder-search-field"] {
      color: #A6A6A6 !important;
    }
    Quote

    Ein fast gleiches Problem sieht man auch noch auf dem zweiten Screen, bei dem ich den verticalen Splitter in der Kalender-Ansicht ändern möchte (der ist standardmäßig weiß - sieht man nicht, weil der nur ein Pixel hoch ist und der rote Rahmen vom DOM Inspector so dick ist).


    Also, die dünne weiße horizontale Linie gehört gar nicht zum Splitter (ich hab' jetzt mal dein Theme hier testweise installiert), sondern zum darüber liegenden "unifinder-search-results-tree". Wenn diese Linie dort ausgeblendet wird, sollte es mit dem Splitter passen.

    CSS
    #unifinder-search-results-tree {
      border-bottom: none !important;
    }

    Gruß
    muellerpaul

    --
    Hier könnte Ihre Werbung stehen

  • I-xX_maZZel_Xx-I
    Member
    Posts
    7
    Member since
    20. Mar. 2012
    • March 23, 2012 at 8:20 AM
    • #8
    Quote from "muellerpaul"

    bei mir wird schon etwas ausgegeben ;-)


    Ich sagte ja nicht, dass bei mir nichts ausgegeben wird. Sondern, dass dem Element weder eine ID noch eine Class zugewiesen wurde. Es hat nur einen nodeName.
    Du hattest dir aber schon die Screenshots angeschaut oder? Ich mein, die mache ich ja nicht umsonst.
    Naja, trotzdem abermals danke. Es ist jetzt perfekt!

  • Community-Bot September 3, 2024 at 7:58 PM

    Closed the thread.

Current app version

  • Thunderbird 153.0.3 veröffentlicht

    Thunder August 12, 2026 at 12:57 PM

Current 153 ESR version

  • Thunderbird 153.0.3 ESR veröffentlicht

    Thunder August 12, 2026 at 2:18 PM

Current 140 ESR version

  • Thunderbird 140.13.0 ESR veröffentlicht

    Thunder July 22, 2026 at 7:16 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™