Buttons von Cardbook einfärben

DarkCorri53i

Thunderbird 128.4.4esr

Windows 10 22H2 32 bit

Hallo Leute,

gibt es eine Möglichkeit die Buttons von Cardbook komplett einzufärben ohne jeden einzelnen Button ändern zu müssen?

Gruß

Markus

dharkness21

Zitat von DarkCorri53i

gibt es eine Möglichkeit die Buttons von Cardbook komplett einzufärben ohne jeden einzelnen Button ändern zu müssen?

Welche Buttons meinst Du? Wenn ich das richtig verstanden habe, dann eher nicht, aber man könnte mit Sicherheit die Bereiche zusammenfassen.

dharkness21

Zitat von DarkCorri53i

die Buttons von Cardbook komplett einzufärben

Meinst Du die ↓ Button?

CSS

#wdw_mainWindowBody > div:not([id="detailsPane"]) > button,
#wdw_mainWindowBody > div:not([id="detailsPane"]) > div > div {
    border-radius: 0 !important;
    border: 1px solid #B2B2B2 !important;
    background-color: #0082FC !important;
    color: #FFF !important;
    margin: 1px 1px 1px 0 !important;

}
#wdw_mainWindowBody > div:not([id="detailsPane"]) > button:hover,
#wdw_mainWindowBody > div:not([id="detailsPane"]) > div > div:hover {
    border: 1px solid #0082FC !important;
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

Alles anzeigen

DarkCorri53i

Zitat von dharkness21

Meinst Du die ↓ Button?

Hallo Dharkness,

ich meine diese Buttons von Cardbook: Alle Adressbücher, Fensterlayout, Syncronisieren, Verfassen, Einstellungen, Rückgängig, Wiederherstellen, Neuer Kontakt etc. , Allgemein, Notizen, Listen, VCard, Technische Details, Öffentliche Schlüssel

Dein Code hat dort keine Wirkung.

Gruß

Markus

dharkness21

Zitat von DarkCorri53i

Dein Code hat dort keine Wirkung.

Hm, muss womöglich in die userContent.css, bei mir wird die Datei Erweiterungen.css über ein Javascript geladen.

DarkCorri53i

Zitat von dharkness21

Hm, muss womöglich in die userContent.css, bei mir wird die Datei Erweiterungen.css über ein Javascript geladen.

Hallo Dharkness,

du hast recht. Sieht jetzt so aus bei mir. Es fehlen noch die rechten Buttons in der zweiten Reihe und was bei dir braun eingefärbt ist ( Leiste Adressen).

Gruß

Markus

dharkness21

Zitat von DarkCorri53i

Es fehlen noch die rechten Buttons in der zweiten Reihe

Ersetze mal das bisherige CSS durch das ↓.

CSS

#wdw_mainWindowBody > #search {
    border-bottom: 1px solid #B2B2B2 !important;
    padding: 1px !important;
}

#wdw_mainWindowBody > #cardsPane {
    margin-left: 0 !important;
}
#CBCardsCount {
    border-top: 1px solid #B2B2B2 !important;
    padding: 0 0 1px 3px !important;
}

#cardbookCardsTree thead[is="cb-tree-view-table-header"]::after {
    border-bottom: 1px solid #B2B2B2 !important;
}
#cardbookCardsTreePicker-Button {
    border-radius: 0 !important;
    border: 0 !important;
    background-color: #0082FC !important;
    color: #FFF !important;
}
#cardbookCardsTreePicker-Button:hover {
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

#wdw_mainWindowBody > div:not([id="detailsPane"]) > button,
#wdw_mainWindowBody > div:not([id="detailsPane"]) > div > div,
#cardbookContactButtonsBox > button {
    border-radius: 0 !important;
    border: 1px solid #B2B2B2 !important;
    background-color: #0082FC !important;
    color: #FFF !important;
    margin: 1px 1px 1px 0 !important;

}
#cardbookContactButtonsBox > button[visuallyselected="true"] {
    background-color: #006800 !important;
    color: #FFF !important;
}
#wdw_mainWindowBody > div:not([id="detailsPane"]) > button:hover,
#wdw_mainWindowBody > div:not([id="detailsPane"]) > div > div:hover,
#cardbookContactButtonsBox > button:hover {
    border: 1px solid #0082FC !important;
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

#wdw_mainWindowBody #toolbox .dropdownContainer > ul,
#accountsOrCatsTreeSelect-Ul {
    transition: none !important;
    border-radius: 0 !important;
    border: 1px solid #B2B2B2 !important;
    padding: 0 0 1px 0 !important;
}
#accountsOrCatsTreeSelect-Ul {
    width: calc(27em - 46px) !important;
    margin: 0 0 0 -1px !important;
}
#wdw_mainWindowBody #toolbox .dropdownContainer > ul > li,
#accountsOrCatsTreeSelect-Ul > li {
    border-radius: 0 !important;
    border: 1px solid #B2B2B2 !important;
    background-color: #0082FC !important;
    color: #FFF !important;
    padding: 3px 6px 10px 6px !important;
    margin: 1px 1px 0 1px !important;
}
#wdw_mainWindowBody #toolbox .dropdownContainer > ul > li.active::before {
    padding: 1px 6px 0 0 !important;
}
#wdw_mainWindowBody #toolbox .dropdownContainer > ul > li:hover,
#accountsOrCatsTreeSelect-Ul > li:hover {
    border: 1px solid #0082FC !important;
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

Alles anzeigen

dharkness21

Zitat von DarkCorri53i

und was bei dir braun eingefärbt ist ( Leiste Adressen).

Füge das jetzt noch nach dem → #CBCardsCount {…} Eintrag ein, passt es jetzt?

CSS

#cardbookCardsTree thead[is="tree-view-table-header"]::after {
    border-bottom: 1px solid #B2B2B2 !important;
}
#cardbookCardsTree th[is="tree-view-table-header-cell"] {
    min-height: 22px !important;
    max-height: 22px !important;
    background-color: #905B46 !important;
}
#cardbookCardsTree th[is="tree-view-table-header-cell"]:hover {
    background-color: #D1E2F2 !important;
}
#cardbookCardsTree .tree-table-cell-container button {
    padding: 0 1px !important;
}

Alles anzeigen

DarkCorri53i

Zitat von dharkness21

Füge das jetzt noch nach dem → #CBCardsCount {…} Eintrag ein, passt es jetzt?

Hallo Dharkness,

leider nicht. Der Code aus #8 zeigt keine Wirkung. Der Code aus #7 funktioniert supi.

Gruß

Markus

dharkness21

Zitat von DarkCorri53i

Der Code aus #8 zeigt keine Wirkung.

Welches Fensterlayout hast Du in Cardbook eingestellt?

DarkCorri53i

Zitat von dharkness21

Welches Fensterlayout hast Du in Cardbook eingestellt?

Hallo Dharkness,

ich habe 3-Spalten-Ansicht, Adressenansicht und Kontaktansicht eingestellt (angehakt).

Gruß

Markus

dharkness21

Zitat von DarkCorri53i

ich habe 3-Spalten-Ansicht, Adressenansicht und Kontaktansicht eingestellt (angehakt).

Hm, das eingestellte Layout spielt hier keine Rolle, das CSS-Schnipsel aus #8 funktioniert hier immer.

edvoldi

Zitat von dharkness21

Hm, das eingestellte Layout spielt hier keine Rolle, das CSS-Schnipsel aus #8 funktioniert hier immer.

Bei mit unter Win11 und Thunderbird 128.4.3 und Cardbook 97.5 funktioniert Dein Code bei mir auch nicht.
Die Codes für das neue Cardbook müssen in die userContent.css gespeichert werden.

Gruß EDV-Oldie

edvoldi

Mit diesem Code in der user.Content.css

CSS

	td.cardbookcardstreecardicon-column {
	fill: red !important;
	}

werden die Symbole bei mir eingefärbt.
Ist das was Du #DarkCorri53i haben möchtest?

.

DarkCorri53i

Zitat von edvoldi

Ist das was Du #DarkCorri53i haben möchtest?

Hallo edvoldi,

nein ich möchte die Buttons der Adressen-Leiste eingefärbt haben wie in Beitrag #5 (Braune Leiste).

Hast du da eine Idee?

Gruß

Markus

edvoldi

Hallo DarkCorri53i,
komplett einfärben geht glaube ich nicht.

Ich habe das so gelöst:

CSS

*   Spalte Name   */
	#cardbookCardsTreecardIconButton,
	#cardbookCardsTreefnButton,
	#cardbookCardsTreeABNameButton,
	#cardbookCardsTreeemail_0_allButton,
	#cardbookCardsTreebdayButton,
	#cardbookCardsTreerevButton,
	#cardbookCardsTreetel_0_allButton { 
    background-color: red !important;
	}

So habe ich das auch bei den Mails gemacht.

Gruß EDV-Oldie

DarkCorri53i

Zitat von edvoldi

Ich habe das so gelöst:

Hallo edvoldi,

vielen Dank für deinen Code. Ja, das funktioniert supi. Genauso wollte ich es.

dharkness21

Hallo Dharkness,

vielen Dank dir für deine Codes und deine Mühe. Der erste hat ja supi funktioniert. Jetzt ist Cardbook so wie ich es wollte.

Gruß

Markus

dharkness21

Zitat von DarkCorri53i

Der erste hat ja supi funktioniert. Jetzt ist Cardbook so wie ich es wollte.

Hm, sehr schräg das ganze, ansonsten war es wie immer gerne geschehen.

DarkCorri53i

dharkness21

Hallo Dharkness,

eine Kleinigkeit hätte ich noch. Und zwar möchte ich beim Hovern über die Adressbücher "Gesammelte Adressen, Markus Adressbuch und Persönliches Adressbuch die Farbe ändern. Hast du eine Idee?

Gruß

Markus

dharkness21

Zitat von DarkCorri53i

Und zwar möchte ich beim Hovern über die Adressbücher "Gesammelte Adressen, Markus Adressbuch und Persönliches Adressbuch die Farbe ändern. Hast du eine Idee?

Aber sicher doch.

CSS

#wdw_mainWindowBody #cardbookAccountsTreeUL > li {
    border-radius: 0 !important;
    border: 0 !important;
    background-color: #0082FC !important;
    color: #FFF !important;
    margin: 1px 1px 0 1px !important;
}
#wdw_mainWindowBody #cardbookAccountsTreeUL > li.selected,
#wdw_mainWindowBody #cardbookAccountsTreeUL > li.selected > .container {
    background-color: #006800 !important;
    color: #FFF !important;
}
#wdw_mainWindowBody #cardbookAccountsTreeUL > li:hover,
#wdw_mainWindowBody #cardbookAccountsTreeUL > li:hover > .container,
#wdw_mainWindowBody #cardbookAccountsTreeUL > li.selected:hover,
#wdw_mainWindowBody #cardbookAccountsTreeUL > li.selected:hover > .container,
#wdw_mainWindowBody #cardbookAccountsTreeUL > li > ul > li > .container:hover,
#wdw_mainWindowBody #cardbookAccountsTreeUL > li.selected > ul > li > .container:hover {
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

Alles anzeigen

Buttons von Cardbook einfärben

Thunderbird 139.0.2 veröffentlicht

Thunderbird 128.11.1 ESR veröffentlicht

Ähnliche Themen

Einfärben von Button Auswahl Dichte im Hamburger Menue