TB 115 - Buttons umfärben

ne_lo · August 18, 2023 at 8:46 PM

Hallo miteinander,

Mir gefallen im neuen TB 115 die knallblauen Buttons nicht (neu Nachrichten, neue Aufgaben, neue Termine ...)

Ich kann die Buttons via Entwickler-Werkzeugkasten umfärben (siehe screenshot)

Wenn ich aber den zugehörigen Code in meine userChrome.css packe, passiert gar nichts.

Wo ist da der Haken? Ich habe ein nigelnagelneues Profil erstellt,

toolkit.legacyUserProfileCustomizations.stylesheets auf true gesetzt,

die userChrome.css ist im richtigen Ordner, utf8. Sollte doch alles passen.

Im Screenshot zu sehen: ich habe auch andere Stellen vor, umzufärben. Aber eins nach dem anderen.

Vielen lieben Dank für Hilfe.

ne_lo · August 19, 2023 at 8:23 AM

Das Problem hat sich mittlerweile erledigt.

Man muss nur darauf kommen, dass man nun die @namespace Zeile nicht mehr benötigt.

Zeile entfernt und siehe da: plötzlich greifen auch die Dinge, die ich in die userChrome.css schreibe.

DarkCorri53i · August 19, 2023 at 4:58 PM

ne_lo

Hallo ne_lo,

könntest du mir den Css Code mitteilen. Ich möchte auch die blauen Buttons loswerden. Komme aber mit den Developper Tools nicht klar. Wäre super.

Gruß

Markus

ne_lo · August 20, 2023 at 10:19 AM

CSS

/* großer button fuer "neu" */
.button.button-primary {
    background-color: deeppink !important;
    border-color: deeppink !important;
}

Statt deeppink dann halt deine Farbe setzen.

DarkCorri53i · August 20, 2023 at 3:22 PM

ne_lo

Hallo ne_lo,

vielen Dank für den Code. Klappt super. Wenn du die anderen 2 Buttons (Kalender + Kleiner Button Auswahl) neu einfärbst gibst du mir dann bitte auch den CSS Code. Würde mich sehr freuen.

Gruß

Markus

ne_lo · August 20, 2023 at 4:10 PM

Hallo Markus,

freut mich, wenn's klappt.

Für die Spaces Toolbar links am Rand habe ich das so gelöst

CSS

/* Kleine Buttons in spaces Toolbar */
.spaces-toolbar-button.current, 
.spaces-toolbar-button.current:hover, 
#spacesAccentPlaceholder {
 background-color: orange !important;
}

Welchen möchtest du noch umfärben?

DarkCorri53i · August 20, 2023 at 4:26 PM

ne_lo

Vielen Dank. Jetzt fehlt mir nur noch das Blaue Feld unter Kalender.

Gruß

Markus

dharkness21 · August 20, 2023 at 7:22 PM

Quote from DarkCorri53i

Jetzt fehlt mir nur noch das Blaue Feld unter Kalender.

Das willst Du nicht wirklich ändern, den so wird Dir angezeigt, welcher Kalender ausgewählt ist, es sei denn, Du möchtest das die Farbe für den ausgewählten Kalender eine andere sein soll.

ne_lo · August 20, 2023 at 7:39 PM

Quote from DarkCorri53i

ne_lo
Vielen Dank. Jetzt fehlt mir nur noch das Blaue Feld unter Kalender.
Gruß
Markus

Das habe ich so gemacht:

CSS

/* Liste: aktiver Kalender */
:root[lwt-tree-brighttext] #calendar-list > li.selected {
    border-color: orange !important;
    background: orange !important;
  }

Bastler · August 20, 2023 at 7:40 PM

Quote from DarkCorri53i

Jetzt fehlt mir nur noch das Blaue Feld unter Kalender.

Hallo,

wenn das Auswahlfeld anders gefärbt sein soll, versuche Folgendes:

CSS

/* ---Kalender Auswahl umfaerben--- */
#calendar-list > li.selected {
appearance: none !important;
background-color: #DADADA !important;
color: black !important;
border: 1px solid gray !important;
border-radius: 3px !important;
}
/* ---Kalender Auswahl Farbfleck groesser--- */
.calendar-color {
appearance: none !important;
transform: scale(2.0, 2.0) !important;
margin-right: 6px !important;
}

Display More

DarkCorri53i · August 20, 2023 at 8:18 PM

dharkness21

Hallo Dharkness,

hatte ich gar nicht überlegt. Ja das wäre schon super wenn die Farbe für den ausgewählten Kalender eine andere als blau sein könnte.

Gruß

Markus

Bastler · August 20, 2023 at 8:23 PM

Quote from DarkCorri53i

Ja das wäre schon super wenn die Farbe für den ausgewählten Kalender eine andere als blau sein könnte.

Dann versuch den Code in #10 die Farben entspr. anpassen.

Den mickrigen Farbklecks habe ich auch vergrößert.

DarkCorri53i · August 20, 2023 at 8:24 PM

ne_lo

Hallo ne_lo,

leider funktioniert dein Code bei mir nicht. Farbe bleibt blau bei der Kalenderauswahl . Probiere jetzt den Code von Bastler mal aus. Danke trotzdem!

Gruß

Markus

DarkCorri53i · August 20, 2023 at 8:35 PM

@Bastler

Hallo Bastler,

vielen Dank für deinen Code. Gefällt mir wirklich super. Endlich kein Blau mehr und trotzdem gut lesbar. Klasse!

Gruß

Markus

Bastler · August 20, 2023 at 8:37 PM

Quote from DarkCorri53i

Probiere jetzt den Code von Bastler mal aus

Habe gerade rechts vom Farbklecks noch etwas Platz geschaffen. Code nochmal frisch kopieren.

DarkCorri53i · August 20, 2023 at 8:55 PM

@Bastler

Vielen Dank! Das ist noch die Kirsche auf der Torte!

Gruß

Markus

TB 115 - Buttons umfärben

Thunder August 18, 2023 at 10:52 PM

Community-Bot September 3, 2024 at 9:00 PM

Thunderbird 152.0.1 veröffentlicht

Thunderbird 140.12.1 ESR veröffentlicht

Similar Threads

Thunderbird 115

Thunderbird auf einmal optische Katastrophe

Diskussionsthread für Benutzerskripts

TB 115, wo ist im Menü diese Spalte?