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

userChrome.css - Blueish/Dark Interface

  • bancha
  • July 3, 2016 at 9:10 PM
  • Closed
  • Thread is Resolved
  • bancha
    Junior Member
    Posts
    3
    Member since
    3. Jul. 2016
    • July 3, 2016 at 9:10 PM
    • #1

    Um Rückfragen vorzubeugen, bitten wir um folgende Angaben:
    * Thunderbird-Version: 38.8.0
    * Betriebssystem + Version: Ubuntu 14.04 LTS Trusty

    Ich möchte meinem Thunderbird Interface einen dunklen Touch mit der userChrome.css-Datei verpassen.

    Ich bin mittlerweile sehr weit gekommen. Mein userChrome.css Inhalt:

    CSS: userChrome.css
    * {
    color: #9BBBC6 !important;
    background-color: #0B141E !important;
    border: none !important;
    -moz-margin-start: 0px !important;
    -moz-margin-end: 0px !important;
    }
    treechildren::-moz-tree-row(odd),
    treechildren::-moz-tree-row(even) {
    background-color: #0B141E !important;
    }
    Display More


    Leider finde ich mittels dem DOM Inspector keine weiteren Propertys/Eigenschaften für das Ändern von weißen Rändern an Buttons und einer vorspalte der Nachrichtentabelle. Damit jeder weiß, um was es geht, habe ich ein Bild hochgeladen. Die zu lösenden Probleme habe ich mit grünen Pfeilen gekennzeichnet.


    EDIT:

    Mittlerweile habe ich Lösungen gefunden, welche die weißen Ränder vollständig entfernen. Leider wird durch den neuen Code ein kleiner Part beeinflusst. An den ersten drei Spalten der Nachrichtentabelle sind die Symbole zum Teil nicht sichtbar. Das liegt an dem Mozilla-Kit "-moz-appearance:none !important;", welcher im Wildcard operiert.

    Um das Problem zu lösen, brauche ich die endsprechenden Selektoren für die ersten 3 Spalten, damit ich direkt an diese drei Selektoren ein Padding anbinden kann. Ich habe sie mit dem DOM-Inspector gefunden und den Code dementsprechend angepasst. Quellcode und Bilder sind hochgeladen. Danke für die angebotene Hilfe im Forum.

    CSS: userChrome.css
    * {
    color: #9BBBC6 !important;
    background-color: #0B141E !important;
    border: none !important;
    -moz-appearance: none !important;
    }
    
    
    
    
    .tab-background {
    -moz-margin-start: 0px !important;
    -moz-margin-end: 0px !important;
    }
    
    
    
    
    .attachmentColumnHeader, .threadColumnHeader, .flagColumnHeader {
    -moz-padding-start: 5px !important;
    -moz-padding-end: 5px !important;
    }
    
    
    
    
    treechildren::-moz-tree-row(odd),
    treechildren::-moz-tree-row(even) {
    background-color: #0B141E !important;
    }
    Display More

    Edited once, last by bancha (July 4, 2016 at 2:05 PM).

  • Feuerdrache
    Senior Member
    Reactions Received
    323
    Posts
    6,059
    Member since
    4. Apr. 2009
    Helpful answers
    12
    • July 3, 2016 at 9:18 PM
    • #2

    Hallo bancha,

    willkommen im Thunderbird-Forum!

    Wäre nicht das vollständige Thunderbird-Theme TT DeepDark eine Alternative? Dann musst Du keinen CSS-Code bemühen.

    Gruß
    Feuerdrache

    „Innerhalb der Computergemeinschaft lebt man nach der Grundregel, die Gegenwart sei ein Programmfehler, der in der nächsten Ausgabe behoben sein wird.“
    Clifford Stoll, amerik. Astrophysiker u. Computer-Pionier

    Edited once, last by Feuerdrache (July 3, 2016 at 9:48 PM).

  • bancha
    Junior Member
    Posts
    3
    Member since
    3. Jul. 2016
    • July 3, 2016 at 9:32 PM
    • #3

    Hallo Feuerdrache,

    vielen Dank.

    Das Theme hatte ich schon eine ganze Weile installiert. Das Theme gefällt mir nicht mehr und somit kam ich zum Entschluss, dass ich mir mein eigenen StyleSheet implementiere.

    Grüße

  • Feuerdrache
    Senior Member
    Reactions Received
    323
    Posts
    6,059
    Member since
    4. Apr. 2009
    Helpful answers
    12
    • July 3, 2016 at 9:38 PM
    • #4

    Hallo bancha,

    alles klar!
    Dann wird Dir sicherlich der eine oder andere CSS-Spezialist hier im Forum helfen können. Ich gehöre derzeit nicht zu dieser Spezies.

    Gruß
    Feuerdrache

    „Innerhalb der Computergemeinschaft lebt man nach der Grundregel, die Gegenwart sei ein Programmfehler, der in der nächsten Ausgabe behoben sein wird.“
    Clifford Stoll, amerik. Astrophysiker u. Computer-Pionier

  • GoldenSixties
    Member
    Posts
    13
    Member since
    16. May. 2016
    • July 4, 2016 at 8:34 AM
    • #5

    Hallo bancha,

    versuchs 'mal hiermit:

    CSS
    textbox {
     border: 2px solid #fff !important;
    }


    Gruss
    GS

    Als ich klein war, gab es noch kein "@" in der Buchstabensuppe.

  • bancha
    Junior Member
    Posts
    3
    Member since
    3. Jul. 2016
    • July 4, 2016 at 9:07 AM
    • #6

    Hallo GoldenSixties,

    das klappt leider nicht. Auf meinem ersten Post, habe ich bereits die eigenschaft "border" mit dem Wildcard Selector "*" ausgewählt. Die Ränder sollten (theoretisch) aus der ganzen Thunderbird Umgebung entfernt sein.

    Ich vermute, dass es sich bei den weißen Rändern um einen -moz- kit handeln könnte.

    Grüße

  • Thunder August 26, 2018 at 1:49 PM

    Moved the thread from forum Themes to forum Manuelle Anpassungen per CSS oder Script.
  • Community-Bot September 3, 2024 at 8:30 PM

    Closed the thread.

Current app version

  • Thunderbird 151.0 veröffentlicht

    Thunder May 20, 2026 at 6:30 PM

Current 140 ESR version

  • Thunderbird 140.11.0 ESR veröffentlicht

    Thunder May 20, 2026 at 6:26 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™