TB 115 - Buttons umfärben

ne_lo

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

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

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

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

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

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

ne_lo

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

Gruß

Markus

dharkness21

Zitat von 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

Zitat von 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

Zitat von 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;
}

Alles anzeigen

DarkCorri53i

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

Zitat von 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

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

@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

Zitat von DarkCorri53i

Probiere jetzt den Code von Bastler mal aus

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

DarkCorri53i

@Bastler

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

Gruß

Markus

TB 115 - Buttons umfärben

Thunder 18. August 2023 um 22:52

Community-Bot 3. September 2024 um 21:00

Thunderbird 138.0.2 veröffentlicht

Thunderbird 128.10.2 ESR veröffentlicht

Ähnliche Themen

Thunderbird 115

Thunderbird auf einmal optische Katastrophe

Diskussionsthread für Benutzerskripts

TB 115, wo ist im Menü diese Spalte?