Danke Euch für die weitere Hilfe
Dein Code hat leider nichts verändert...
Mit Deinem Code hat es funktioniert. Die Email bleibt nun weiterhin in der dunkelroten Farbe hinterlegt... genau so sollte es sein.
Danke und schöne Grüße,
imebro
Danke Euch für die weitere Hilfe
Dein Code hat leider nichts verändert...
Mit Deinem Code hat es funktioniert. Die Email bleibt nun weiterhin in der dunkelroten Farbe hinterlegt... genau so sollte es sein.
Danke und schöne Grüße,
imebro
hmmm... hat niemand von Euch ne Idee dazu oder war´s vielleicht gestern zu "feucht" beim Feiern?
Grüße und ein frohes neues Jahr für Euch Alle,
imebro
Hallo nochmal in diesem Thread,
nachdem ich meine neue Optik in TB nun einige Zeit lang genutzt habe, fällt mir doch noch ein kleines Problem auf.
Ich habe mal einen Screenshot angehängt...
Wenn ich den Posteingang aktiviert habe, dann eine Email anklicke, um sie lesen zu können... dann aber z.B. auf eine leere Stelle in dieser Email klicke, dann verändert sich die Farbe der markierten Email in ein helles grau [#d4d3d8], siehe hierzu den roten Pfeil im Screenshot.
Hier würde ich dann gerne die gleiche Farbe einsetzen, die ich auch bei der ersten Markierung der Email nutze [#c30052]... die Farbe soll sich also nicht verändern, wenn ich aus dem Emailbereich rausklicke.
Leider habe ich in der "userChrome.css" nirgendwo eine Möglichkeit gefunden, wo ich diese Farbe hinterlegt habe, bzw. hinterlegen könnte.
Könnt Ihr da bitte nochmal helfen?
Hier mein aktueller Code der "userChrome.css":
/* ORDNERFARBEN: */
/* nicht neue, aber ungelesene Mails, wenn Posteingang NICHT markiert ist */
li.unread > .container > .name {
color: maroon !important;
}
/* neue Mails, wenn Posteingang beim Start von TB NICHT ausgewählt (markiert) ist */
li.new-messages > .container > .name {
color: #c30052 !important;
}
/* nicht neue, aber ungelesene Mails, wenn Posteingang markiert ist */
li.unread.selected > .container > .name {
color: maroon !important;
}
/* neue Mails, wenn Posteingang beim Start von TB ausgewählt (markiert) ist */
li.new-messages.selected.current > .container > .name {
color: #c30052 !important;
}
/* hellroter Hintergrund bei der ganzen Zeile der neu eingegangenen Email */
tr[data-properties~="new"] :where(td) {
appearance: none !important;
background-color: #ecd0de !important;
}
/* ========================================================================== */
/* ---Fuehrungslinien im Verzeichnisbaum 128.x--- */
li:not([data-server-type]) > .container div.twisty {
border-right: 1px solid #c30052 !important; /* Linie Dicke und Farbe */
margin-right: 8px !important;
margin-left: -8px !important;
margin-top: -16px !important; /* negativer schiebt Linie hoch */
}
li:not([data-server-type]) > .container .icon::before {
content: '--' !important;
color: #c30052 !important; /* Farbe der Querlinie */
margin-left: -9px !important;
}
li:not([data-server-type]) > .container div.twisty img.twisty-icon {
margin-bottom: -16px !important; /* negativer zieht Winkel Icon runter */
}
/* ========================================================================== */
/* AKTIVE Reiter (Tabs) >> Menü: "Posteingang, Kalender..." */
.tabmail-tab {
border-radius: 1px 1px 0 0 !important;
min-height: 36px !important;
max-height: 36px !important;
padding: 0 !important;
}
/* Hintergrundfarbe Reiter/Tabs (dunkelrot) */
.tabmail-tab[selected="true"] .tab-background {
background-color: #c30052 !important;
background-image: none !important;
}
/* Schriftfarbe */
.tabmail-tab[selected="true"] .tab-text.tab-label {
color: #ffffff !important;
}
/* Schriftfarbe */
.tabmail-tab:not([selected]) .tab-text.tab-label {
color: #c30052 !important;
/* font-weight: bold !important; */ /* Schrift fett */
}
/* NICHT aktive Reiter (Tabs( >> Menü: "Posteingang, Kalender..." */
/* Hintergrundfarbe (mittelrot) */
.tabmail-tab:not([selected]) .tab-background {
background-color: #ecd0de !important;
}
/* Farben und Linien der Ränder um die Reiter (Tabs) herum */
.tabmail-tab:not([selected]) {
border-right: 1px solid #c30052 !important;
}
.tab-line {
display: none !important;
}
/* Nicht aktive Tabs bei HOVER */
.tabmail-tab:not([selected]):hover .tab-background {
background-color: #c30052 !important;
}
/* Schriftfarbe */
.tabmail-tab:not([selected]):hover .tab-text {
color: #FFFFFF !important;
}
/* ========================================================================== */
/* Kreuz-Icon (nicht aktiv) - mit hellrotem Hintergrund */
.tab-close-button {
border-radius: 4px !important;
background-color: #ecd0de !important;
width: 20px !important;
height: 20px !important;
/* margin: 0 3px 0 -3px !important; */
}
/* Kreuz-Icon (aktiv) bei selektiertem Tab */
.tabmail-tab[selected] .tab-close-button {
margin: 1px -1px 0px 0px !important; /* oben, rechts, unten links */
}
/* Kreuz-Icon Hintergrund (aktiv) ist hellrot */
.tabmail-tab[selected] .tab-close-button {
border-radius: 4px !important;
background-color: #ecd0de !important;
width: 20px !important;
height: 20px !important;
/* margin: 0 4px 0 -3px !important; */
}
/* ========================================================================== */
/***** mittleres Menü "Datei, Bearbeiten, Ansicht..." *****/
/* >> hier wird der Hintergrund re. NEBEN diesem Menü eingefärbt */
/* >> ebenso wird die Höhe des Menüs angepaßt */
#toolbar-menubar {
background-color: #ecd0de !important;
color: #c30052 !important;
min-height: 28px !important; /* Höhe dieses Menüs */
max-height: 28px !important;
}
/***** mittleres Menü "Datei, Bearbeiten, Ansicht..." anpassen. *****/
/* >> Anpassung der Farben u. Hintergrund des eigentlichen Menüs */
#mail-menubar > menu,
#viewSource-main-menubar > menu {
border-right: 1px solid #c30052 !important;
background-color: #ecd0de !important;
color: #c30052 !important;
}
/* Hintergrund bei hover */
#mail-menubar > menu:hover,
#viewSource-main-menubar > menu:hover {
background-color: #c30052 !important;
color: #FFFFFF !important;
}
/* ========================================================================== */
/***** oberes Menü (Abrufen, Verfassen, Chat... etc. *****/
/* >> hier wird der komplette Hintergrund (Container) des oberen Menüs eingefärbt */
#unifiedToolbarContainer {
background-color: #c30052 !important;
}
/***** oberes Menü: Button und Toolbarbutton von #unifiedToolbar anpassen. *****/
/* >> die Schaltfläche links und das Hamburgermenü rechts (3 Striche) */
#unifiedToolbar > toolbarbutton {
background-color: #c30052 !important;
color: #FFFFFF !important;
}
/* die beiden Schaltflächen li + re bei hover */
#unifiedToolbar > toolbarbutton:hover {
background-color: #ecd0de !important;
color: #c30052 !important;
}
/* Hintergrund und Schriftfarbe des oberen Menüs (Abrufen, Verfassen, Chat...) */
#unifiedToolbarContent > li > div > button {
color: #FFFFFF !important;
}
/* Hintergrund und Schriftfarbe des oberen Menüs (Abrufen, Verfassen, Chat...) bei hover */
#unifiedToolbarContent > li > div > button:hover {
background-color: #ecd0de !important;
color: #c30052 !important;
}
/* ========================================================================== */
/* Hintergrund um das untere Menü herum (Posteingang, Kalender, Adressbuch...) */
#tabs-toolbar {
background-image: none !important;
background-color: #ecd0de !important;
}
/* ========================================================================== */
/* Hintergrund des Bereichs bei eingegangener Email --> "Von, An, Betreff" */
#messageHeader {
border-bottom: 1px solid #c30052 !important;
border-top: 1px solid #c30052 !important;
background-color: #e6bfd2 !important;
color: #000 !important;
}
/* ========================================================================== */
/* Hintergrund und Farbe der Buttons rechts bei "Antworten, Weiterleiten, Archivieren..." */
#starMessageButton,
#header-view-toolbar > toolbarbutton,
#header-view-toolbar > toolbaritem > toolbarbutton {
background-color: #c30052 !important;
color: #FFF !important;
}
#starMessageButton:hover,
#header-view-toolbar > toolbarbutton:hover,
#header-view-toolbar > toolbaritem > toolbarbutton:hover {
background-color: #ecd0de !important;
color: #c30052 !important;
}
/* ========================================================================== */
/* :::: Zebrastreifen bei den Nachrichten im Posteingang :::: */
/* background-image: gradient erzeugt einen Verlauf (einen weichen Übergang zwischen zwei
oder mehr Farben) rein auf der Basis von HTML und CSS ohne Bild */
#threadTree tr:nth-child(2n) {
background-image: linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.08))
/* background-image:linear-gradient(to bottom left, yellow, red) */
/* background-image:linear-gradient(0deg, yellow 5%, orange 70%) */
}
.tree-table {
background-color: #f9e5ee !important;
}
/* =========================================================================== */
/* Erweiterung "Lightning Calendar Tabs": Den Hintergrund der Tabs farblich anpassen */
#calendar-view-box > arrowscrollbox {
border-bottom: 1px solid #B2B2B2 !important;
}
.lightning-calendar-tabs-tabs-container > tabbox {
max-width: 828px !important;
margin: 0 !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs {
max-width: 823px !important;
border: 0 !important;
border-right: 1px solid #B2B2B2 !important;
border-left: 1px solid #B2B2B2 !important;
background-image: none !important;
padding: 0 0 0 1px !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab {
border: 1px solid #B2B2B2 !important;
margin: 1px 1px 1px 0 !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab.past {
background-color: grey !important;
color: #FFF !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab.future {
background-color: #c30052 !important;
color: #FFF !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab.current {
background-color: #c30052 !important;
color: #000 !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab.future[label~="Januar"] {
background-color: #ecd0de !important;
color: #000 !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab[selected="true"] {
font-weight: normal !important;
background-image: none !important;
background-color: #c30052 !important;
color: #FFF !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab:hover,
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab[selected="true"]:hover {
border: 1px solid #0082FC !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}
Alles anzeigen
Grüße,
imebro
Danke Dir Grisu2099 . Habe es jetzt geschafft und jetzt gefällt es mir gut.
So sieht es aus:
Aber ich habe es jetzt ohne !important umgesetzt. Geht trotzdem. Oder soll ich es nochmal ändern? Was würde es verändern?
Ich hatte es ja vorab auch ohne !important umgesetzt mit den 240px.
Hier mal der aktuelle Code:
var css = 'padding-top: 3px !important; padding-right: 15px; padding-left: 20px; margin-left: 205px; color: ' + cssColor + '; font-weight: bold; font-size: 12pt; border-left: 5px dotted #ff559d; border-right: 5px dotted #ff559d;';
Grüße,
imebro
...hmmm... das ist ja wirklich merkwürdig. Ich habe ja an diesem Codeteil nichts verändert.
Aber ich habe jetzt einfach mal eine blaue Farbe über HEX-Code eingesetzt, statt "Lightgrey" und jetzt sieht man es.
Die rechte Linie ist OK, aber die linke Linie ist zu weit links. Sie klebt quasi auf der roten Linie, die neben "Hilfe" ist. Wie bekomme ich die weiter nach rechts... also im gleichen Abstand, wie die rechte Linie?
Hier mal ein Screenshot, wo man die beiden blauen Linien sieht (siehe rote Pfeile):
Hier mal der Code von meiner Zeile 17:
var css = 'padding-top: 3px !important; padding-right: 15px; padding-left: 240px; color: ' + cssColor + '; font-weight: bold; font-size: 12pt; border-left: 1px ridge #268bd2; border-right: 1px ridge #268bd2;';
Offenbar wird die linke Linie nicht diese 240px nach rechts geschoben durch die "padding-left"-Angabe.
Und in Deinem Screenshot #84 sieht man links ja auch noch die Links "Skripte", "CSS", "WebCSS". Was hat es damit auf sich?
Und... sehe ich da eine Weltkugel vor dem Wort "Thunderbird" bei der Versionsanzeige? Ist das ein Link?
Grüße,
imebro
...danke Dir.
Ich habe es jetzt auf 240 px geändert und jetzt steht es genau mittig über dem Tab "Einstellungen".
In der Codezeile 17 stehen ja auch Angaben zu border in grau... Aber ich sehe keine Linie, das wundert mich etwas.
OK, ich will da auch keine Linie haben, aber es hätte mich einfach interessiert.
Eben habe ich noch zusätzlich eingesetzt: "font-size: 12pt" und dann das "padding-top" von 5 auf 3 px verringert. Somit habe ich eine schöne große Schrift, was richtig gut wirkt.
So sieht es jetzt aus:
Grüße,
imebro
...danke Dir Grisu2099
Ich hatte es tatsächlich schon gefunden und auch die Abstände zwischen den Angaben etwas verringert. Farbe habe ich auch angepaßt, aber damit muss ich noch etwas herum spielen...
Eine Sache habe ich aber noch nicht hinbekommen:
Und zwar wie ich es schaffe, dass der komplette Text "Thunderbird 128.4.3 > Profil: Name <" noch etwas weiter nach rechts rückt.
Wo hast Du diesen Abstand angegeben?
Grüße,
imebro
Danke für die weitere Hilfe...
Ja, ich hatte den Inhalt von #78 genau gelesen. Genau deshalb habe ich ja dann auch in meinen letzten Nachrichten berichtet, wie ich alles nun einkopiert habe. Aber tatsächlich hatte ich dennoch vorher "Programmordner" & "Profilordner" nicht auseinandergehalten. Jetzt ist es mir jedoch klar - auch nachdem ich mir den Inhalt dieses Links angeschaut habe:
https://www.thunderbird-mail.de/lexicon/entry/87-programmordner/
Ich habe jetzt den Inhalt Deines Scriptes "VersionInMenüleiste.uc.js" genommen und den vorherigen Inhalt damit ersetzt.
Tatsächlich sieht man nun die Versionsangabe sowie die Angabe des Profilnamens. Hier auf dem Screenshot steht da zwar noch Dein Name, aber da suche ich dann mal im Script, wo ich den Namen austauschen kann...
So sieht es im Moment aus:
...auch die gelbe Schrift werde ich dann noch austauschen. Ich denke, das wird auch direkt über das Script gehen... werde gleich da mal suchen.
Da es nun geklappt hat mit der Angabe der Version und des Profils, nehme ich an, dass jetzt alle Dateien in den richtigen Verzeichnissen liegen. Sonst dürfte es ja nicht funktionieren.
Danke Euch nochmal für die super weitere Hilfe und die Tipps
Grüße,
imebro
Hallo,
ich hätte die Angabe oben im Posteingang oder oben im Kalender erwartet. Ich hatte hier im Thread auch einen Screenshot gesehen, durch den ich überhaupt erst auf diese Möglichkeit aufmerksam wurde.
Und hier das Script "VersionInMenüleiste.uc.js", welches ich hier runtergeladen und NICHT verändert habe:
// ==UserScript==
// @name VersionInMenüleiste.uc.js
// @description Versionsnummer in der Status- oder einer anderen Leiste anzeigen
// @include main
// @charset UTF-8
// @note Basiert auf dem Script MemoryMonitorMod.uc.js und der Erweiterung "Version in Statusbar"
// @note Bit-Version aus https://www.camp-firefox.de/forum/thema/135247-anwendungsname-und-version-in-der-men%C3%BCleiste/
// @note In Zeilen 17 u. 18 die Toolbar und die Position (hinter welchem Element) auf der Toolbar anpassen.
// @note Ein Klick auf den Button öffnet das Fenster "Über Thunderbird".
// ==/UserScript==
setTimeout(function() {
const blanks = '\u00A0';
var personalText = ' > ' + blanks + blanks + blanks + blanks + blanks + ' Profil ' + blanks + ' RALF ' + blanks + blanks + blanks + blanks + blanks + blanks + ' < ' ; // your personal text here
var cssColor = 'yellow'; // Font Color
var css = 'padding-top: 5px !important; padding-right: 15px; padding-left: 40px; color: ' + cssColor + '; font-weight: bold; border-left: 1px ridge lightgrey; border-right: 1px ridge lightgrey;';
var ucjsVN = {
init : function () {
var Toolbar = 'mail-menubar'
var Position = 'ffcssweb-menu'
var info = Components.classes['@mozilla.org/xre/app-info;1'].getService(Components.interfaces.nsIXULAppInfo);
var versionPanel = document.createXULElement('toolbaritem');
versionPanel.id = 'VersionDisplay';
versionPanel.setAttribute('tooltiptext', 'Versions-Nummer. Klick öffnet "Über ' + info.vendor + ' ' + info.name + '"');
versionPanel.setAttribute('onclick', "openAboutDialog();");
versionPanel.setAttribute('style', css);
// versionPanel.style.paddingTop = '4px';
var label = document.createXULElement('label');
label.setAttribute('value', "Thunderbird " + blanks + blanks + blanks + blanks + info.version + blanks + blanks + blanks + blanks + blanks + blanks + blanks + blanks + blanks + personalText);
versionPanel.appendChild(label);
document.getElementById(Toolbar).insertBefore(versionPanel, document.getElementById(Position).nextSibling);
},
}
ucjsVN.init();
}, 3000);
Alles anzeigen
Ich habe schon nach Code gesucht, den ich ggf. anpassen muss. Aber habe keinen solchen Code gefunden. Offenbar ist dieser Code nicht für eine individuelle Anwendung gedacht... Aber vielleicht bin ich ja auch blind
Hmmm... jetzt bin ich doch etwas verwirrt.
Ich habe den Ordner selbst angelegt:
Grüße,
imebro
Ich habe jetzt auch den Unterordner \defaults\pref im Thunderbird-Programmordner selbst erstellt (den gab es vorher nicht) und dort rein die Datei "config-prefs.js" gelegt.
Im Grunde ist jetzt alles so, wie Du es beschrieben hast. Dennoch sehe ich noch immer keine Versions-Angabe im Kalender oder Posteingang.
Ich starte mittlerweile den TB immer über den Fehlerbehebungsmodus, da mir das schon vorher mal so empfohlen wurde, wenn ich solche Änderungen vornehme.
Wie gesagt... keine Änderung, obwohl alle Dateien dort liegen, wo sie liegen sollen.
Grüße,
imebro
Ich habe die "userChrome.js" jetzt auch in das Verzeichnis "chrome" gelegt, aber bezüglich Anzeige der Version von TB tut sich leider nichts.
Woran könnte es sonst noch liegen?
Hier mal die Screenshots:
Ich habe den Ordner "userChromeJS" und die Datei "config.js" jedoch auch ZUSÄTZLICH direkt im Verzeichnis "Thunderbird" untergebracht.
Aber auch das brachte keine Veränderung. Es sei denn, ich darf sie nicht in 2 unterschiedliche Verzeicnisse einkopieren. Hier mal der Screenshot dazu:
Grüße,
imebro
Ich habe es jetzt wie folgt umgesetzt:
Und die Datei "VersionMenüleiste.uc.js" habe ich auch in den Ordner "chrome" reinkopiert.
Hoffe es ist so richtig.
Grüße,
imebro
Danke Dir für den Code... Allerdings ändert dieser die Tabs im Menü (z.B. Posteingang, Kalender, Adressbuch...).
Ich meinte die "Lightning Calendar Tabs", deren Hintergrund farblich angepaßt werden soll. Hier mal ein Screenshot:
Die Schriftfarbe kann ich ja direkt über die Verwaltung der entspr. Erweiterung ändern. Aber dort kann man leider nicht den Hintergrund der Tabs ändern. Auf dem Screenshot zeigen die roten Pfeile die Tabs, deren Hintergrund ich farblich ändern möchte.
Danke und schöne Grüße,
imebro
Hallo nochmal...
Ich sehe soeben, dass sich mein Thread verselbständigt hat
Aber sehr interessante Entwicklung und ich habe jetzt auch schon 2 Dinge nochmal bei mir angepaßt:
1) Lightning Calendar Tabs
2) Die Zebrastreifen im Posteingang bei den Nachrichten
3) und ich möchte noch "VersioninMenüseiste.uc.js" bei mir installieren, um den Profilnamen auch anzeigen zu können
Das gefällt mir sehr gut. Dennoch habe ich ein paar Fragen dazu:
Zu 1: Wie färbe ich den Hintergrund der Tabs ein? Die Schriftfarbe geht ja über die Einstellungen direkt in der Add-On-Verwaltung.
Zu 3: Wo muss ich den .js-Code einsetzen? Kommt der auch in den "Chrome"-Ordner, wo auch die "userChrome.css" schon drin liegt?
Danke und Grüße,
imebro
...ok und danke Dir für den Link ggbsde
Grüße,
imebro
hahaha, gut geschrieben mit der Spülmaschine
OK, dann lassen wir das. War eigentlich auch nur eine recht spontane Idee, die mir heute Morgen in den Kopf schoss.
Danke für die Antworten und schöne Grüße,
imebro