Buttons von Cardbook einfärben

DarkCorri53i · November 23, 2024 at 3:39 PM

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 · November 23, 2024 at 5:12 PM

Quote from 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 · November 23, 2024 at 5:57 PM

Quote from 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;
}

Display More

DarkCorri53i · November 23, 2024 at 8:38 PM

Quote from 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 · November 24, 2024 at 1:40 AM

Quote from 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 · November 24, 2024 at 10:19 AM

Quote from 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 · November 24, 2024 at 11:29 AM

Quote from 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;
}

Display More

dharkness21 · November 24, 2024 at 11:59 AM

Quote from 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;
}

Display More

DarkCorri53i · November 24, 2024 at 3:20 PM

Quote from 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 · November 24, 2024 at 4:37 PM

Quote from DarkCorri53i

Der Code aus #8 zeigt keine Wirkung.

Welches Fensterlayout hast Du in Cardbook eingestellt?

DarkCorri53i · November 24, 2024 at 8:07 PM

Quote from dharkness21

Welches Fensterlayout hast Du in Cardbook eingestellt?

Hallo Dharkness,

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

Gruß

Markus

dharkness21 · November 24, 2024 at 9:29 PM

Quote from 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 · November 25, 2024 at 1:03 PM

Quote from 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 · November 25, 2024 at 1:09 PM

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 · November 25, 2024 at 2:16 PM

Quote from 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 · November 25, 2024 at 2:36 PM

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 · November 25, 2024 at 4:48 PM

Quote from 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 · November 25, 2024 at 5:50 PM

Quote from 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 · November 25, 2024 at 7:41 PM

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 · November 25, 2024 at 8:27 PM

Quote from 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;
}

Display More

Buttons von Cardbook einfärben

Thunderbird 152.0.1 veröffentlicht

Thunderbird 140.12.1 ESR veröffentlicht

Similar Threads

Einfärben von Button Auswahl Dichte im Hamburger Menue