Hab ich grad erst bewußt wahrgenommen:
Wo haste denn die dickeren Spaltentrenner her?
Hab ich grad erst bewußt wahrgenommen:
Wo haste denn die dickeren Spaltentrenner her?
Ist das System-Theme aktiv, funktioniert der css-Code an der Stelle nicht.
Ändert man auf das Theme 'Hell', ist der css-Code wirksam.
Danke, das war es.
Auch Dank an alle anderen, die versucht haben zu helfen.
Der Fehlerbehebungsmodus deaktiviert CSS, aber du willst ja gerade, dass dein CSS-Code funktioniert.
Ich hatte vom FF im Hinterkopf, daß sich Probleme manchmal erledigen, wenn man den Fehlerbehebungsmodus mal nutzt.
-----
Ich hab aber mal etwas rumgespielt:
Damit kommt dann das heraus:
Das Gelb ist also irgendwie da, ich kann mir nur nicht erklären, warum nicht so wie bei Dir
auf jeden Fall fürs Gegentesten, ich muß jetzt
Ich versteh es nicht.
Ich kann mit border: solid black 2px !important; rumspielen, soviel ich will, alle Änderungen drin.
Ich reboote mal komplett...
Fehlerbehebungsmodus - nix bewirkt.
Neustart - nixbewirkt.
Rechner aus - Rechner wieder an - nix bewirkt.
Ganzer code:
/* im linken Bereich (die ganzen Ordner) Zeilen abwechselnd in anderer Farbe */
/* von MiniHorst hier:
https://www.thunderbird-mail.de/forum/thread/83283-zebra-striping/?postID=453075#post453075
*/
treechildren::-moz-tree-row(odd) {
/* border: solid red 2px !important; */
background-color: #dddddd !important;
}
treechildren::-moz-tree-row(selected) {
background-color: palegreen !important;
border: solid red 2px !important;
}
treechildren::-moz-tree-cell-text(selected) {
color: black !important;
/* font-size: 14px; */
}
/* 221203:*/
/* https://www.thunderbird-mail.de/forum/thread/90943-nach-update-betreffzeilen-in-der-nachrichten-themenliste-kaum-noch-lesbar/ */
/* im Nachrichtenbereich verschiedene Farben */
#threadTree treechildren::-moz-tree-row(even) {
background-color: lightgrey !important;
}
#threadTree treechildren::-moz-tree-row(odd) {
background-color: white !important;
}
#threadTree treechildren::-moz-tree-row(selected) {
background-color: palegreen !important;
border: solid red 2px !important;
}
#threadCols{
background-color: yellow !important; /* klappt nicht - wieso?*/
border: solid black 2px !important;
}
Alles anzeigen
Win 11, TB 102.5.1 (64bit)
'nabend...
Ich benutze folgendes CSS, um im Nachrichtenbereich verschieden Farben zu setzen:
/* im Nachrichtenbereich verschiedene Farben */
#threadTree treechildren::-moz-tree-row(even) {
background-color: lightgrey !important;
}
#threadTree treechildren::-moz-tree-row(odd) {
background-color: white !important;
}
#threadTree treechildren::-moz-tree-row(selected) {
background-color: palegreen !important;
border: solid red 2px !important;
}
#threadCols{
background-color: yellow !important; /* klappt nicht - wieso?*/
border: solid black 2px !important;
}
Alles anzeigen
Heraus kommt folgendes:
Was mach ich falsch?
Was muß ich machen, um dem ganzen schwarz umrandeten Bereich (also nicht nur "Betreff") einen gelben Hintergrund zu verpassen?
mDv...
harff182
Kann mir jemand da weiter helfen?
nur die Pfeile an den Enden zeigen sich noch nicht.
Hast Du denn Pfeil-Icons in /chrome/icons ?
Siehe:
scrollbar[orient="vertical"] scrollbarbutton[type="decrement"] {
mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/sc_up20.png") !important;
}
scrollbar[orient="vertical"] scrollbarbutton[type="increment"] {
mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/sc_down20.png") !important;
}
scrollbar[orient="horizontal"] scrollbarbutton[type="increment"] {
mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/sc_right20.png") !important;
}
scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/sc_left20.png") !important;
}
Alles anzeigen
Es gibt für den FF ein Script für Scrollbars zu Pimpen.
Ich benutzte das hier:
"use strict";
/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* Original by Aris (aris-addons@gmx.net)****************************************************** */
/* Github: https://github.com/aris-t2/customscrollbarsforfx *********************************** */
/* ******************************************************************************************** */
/* Customized by Mira ++++++++***************************************************************** */
/* version 3 nach (ECMAScript 2015) *********************************************************** */
/* https://www.camp-firefox.de/forum/thema/135133-custom-scrollbars-uc-js-anpassen/ *********** */
/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.6 ****************************************************************************** */
/* ********************************************************************************************
220821: harff: eigene PNG-Icons eingebaut
README
!!! Wichtig !!!
Diese Einstellungen müssen auf 'false' gesetzt werden, damit dies auf aktuellen Firefox-Builds (102+) funktioniert:
about:config >
widget.windows.overlay-scrollbars.enabled > false (Windows)
widget.gtk.overlay-scrollbars.enabled > false (Linux/MacOSX)
[!] 'Methode 2' ist erforderlich, um Firefox für benutzerdefinierte JavaScript-Dateien vorzubereiten
[!] Die Datei 'custom_scrollbars.uc.js' gehört in den Firefox-Profilordner 'chrome'!
-> Profilordner finden: Adressleiste > about:profiles > Wurzelordner > Ordner öffnen
-> Datei zum Ordner \chrome\ hinzufügen (ggf. einen Ordner mit Namen "chrome" erstellen)
[!] DER STARTUP-CACHE MUSS NACH JEDER ÄNDERUNG GELÖSCHT WERDEN!
-> Ordner 'startupCache' finden: Adressleiste > about:profiles > Lokales Verzeichnis > Ordner öffnen > startupCache
-> Firefox schließen
-> Inhalt des 'startupCache'-Ordners löschen
Alternativ mit einem JavaScipt!
-> https://github.com/Endor8/userChrome.js/blob/master/Firefox%2087/RestartFirefoxButtonM.uc.js
Aktivieren einer Einstellung > let ... auf 'true' setzen
Deaktivieren einer Einstellung > let ... auf 'false' setzen
Anpassungen vornehmen > Werte ändern
- Farbe - Name: red, blue, transparent / Hexcode: #33CCFF, #FFF
- Farbe - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8) // a = Sichtbarkeit (transparenz)
- Zahlen: 1, 2, 3 ... 10, 11, 12 ...
- Deckkraft (in Dezimalzahlen): 0.0 bis 1.0 z.B. 1.4 oder 1.75
- Farbverläufe: linear-gradient(direction, color, color, color)
- Beispiel für Farbverläufe: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
HINWEIS
- Zu kleine Werte für die Scrollbar-Breite werden sich negativ auf einige Oberflaechenelemente auswirken!
*********************************************************************************************** */
// "berechneten" Path ermöglichen //von harff
let scrollerProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
// GENERAL SCROLLBAR SETTINGS
let custom_scrollbar_size_value = 22; // in px // default: custom_scrollbar_size_value = 17 //von harff
// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
let cs_thumb_border = 3; // in px // default: cs_thumb_border = 0 // Rahmen des Sliders
let cs_thumb_roundness = 80; // in px // default: cs_thumb_roundness = 0 // Rundung des Sliders //von harff
let cs_thumb_minimal_size = 40; // in px //von harff
// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
let cs_background_color = "yellow"; // default: cs_background_color = "#DDDDDD" //von harff
let cs_background_image_vertical = "unset"; // default: cs_background_image_vertical = "unset"
let cs_background_image_horizontal = "unset"; // default: cs_background_image_horizontal = "unset"
// - corner
let cs_corner_background_color = "beige"; // default: cs_corner_background_color = "#DDDDDD" //von harff
let cs_corner_background_image = "unset"; // default: cs_corner_background_image = "unset"
// - thumb/slider
let cs_thumb_color = "cornflowerblue"; // default: cs_thumb_color = "#33CCFF" //von harff
let cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_vertical = "unset" //von harff
let cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_horizontal = "unset" //von harff
let cs_thumb_hover_color = "coral"; // default: cs_thumb_hover_color = "#66FFFF" //von harff
let cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_vertical = "unset" //von harff
let cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_horizontal = "unset" //von harff
let cs_thumb_border_color = "black"; // default: cs_thumb_border_color = "#33CCFF" //von harff
// - buttons
let cs_color_arrow = "black"; //von harff
let cs_color_arrow_hover = "fuchsia"; //von harff
let cs_width = 22; //von harff
let cs_height = 22; //von harff
/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */
// Scrollbar code
Components.utils.import("resource://gre/modules/Services.jsm");
let ss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
let custom_scrollbars = {
init: function() {
let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
@namespace html url("http://www.w3.org/1999/xhtml");
scrollbar, scrollcorner, scrollbar thumb,
scrollbar[orient="vertical"] scrollbarbutton[type="increment"],
scrollbar[orient="vertical"] scrollbarbutton[type="decrement"],
scrollbar[orient="horizontal"] scrollbarbutton[type="increment"],
scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
-moz-appearance: none !important;
appearance: none !important;
}
scrollbar {
background-color: ${cs_background_color} !important;
}
scrollbar[orient="vertical"] {
background-image: ${cs_background_image_vertical} !important;
}
scrollbar[orient="horizontal"] {
background-image: ${cs_background_image_horizontal} !important;
}
scrollcorner {
background-color: ${cs_corner_background_color} !important;
background-image: ${cs_corner_background_image} !important;
}
scrollbar thumb {
background-color: ${cs_thumb_color} !important;
border-radius: ${cs_thumb_roundness}px !important;
border: ${cs_thumb_border}px solid ${cs_thumb_border_color} !important;
}
scrollbar thumb[orient="vertical"] {
background-image: ${cs_thumb_image_vertical} !important;
min-height: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
}
scrollbar thumb[orient="horizontal"] {
background-image: ${cs_thumb_image_horizontal} !important;
min-width: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
}
scrollbar thumb:hover, scrollbar thumb:active {
background-color: ${cs_thumb_hover_color} !important;
}
scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active,
scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {
}
scrollbar[orient="vertical"] scrollbarbutton[type="decrement"] {
mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/sc_up20.png") !important;
}
scrollbar[orient="vertical"] scrollbarbutton[type="increment"] {
mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/sc_down20.png") !important;
}
scrollbar[orient="horizontal"] scrollbarbutton[type="increment"] {
mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/sc_right20.png") !important;
}
scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
mask-image: url("file:${scrollerProfileDirectory}/chrome/icons/sc_left20.png") !important;
}
scrollbarbutton[type="increment"],
scrollbar[orient="vertical"] scrollbarbutton[type="decrement"],
scrollbarbutton[type="increment"],
scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
mask-repeat: no-repeat;
mask-position: center;
background-color: ${cs_color_arrow};
width: ${cs_width}px !important;
height: ${cs_height}px !important;
}
scrollbarbutton[type="increment"]:hover,
scrollbar[orient="vertical"] scrollbarbutton[type="decrement"]:hover,
scrollbarbutton[type="increment"]:hover,
scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"]:hover {
background-color: ${cs_color_arrow_hover} !important;
}
scrollbar[orient="vertical"] {
background-image: ${cs_background_image_vertical} !important;
width: ${custom_scrollbar_size_value}px !important;
}
scrollbar[orient="horizontal"] {
background-image: ${cs_background_image_horizontal} !important;
height: ${custom_scrollbar_size_value}px !important;
}
scrollcorner {
background-color: ${cs_corner_background_color} !important;
background-image: url("file:${scrollerProfileDirectory}/chrome/icons/fux22.png") !important;
width: ${custom_scrollbar_size_value}px !important;
}
`), null, null);
ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);
}
};
// enable settings as configured above
custom_scrollbars.init();
Alles anzeigen
Habs grad mal _unverändert_ im TB versucht:
Farben und Breiten und Icons müssten noch angepaßt werden.
Vielleicht hilfts/gefällts Dir ja...
Danke, Bastler, da hab ich am Wochenende Für TB und FF was zu basteln
Hab ich eben im CFF entdeckt:
Vielleicht hilft Euch das ja weiter...
edvoldi :
Ich hoffe, es ist nicht falsch rübergekommen, daß ich die Quellen verlinkt habe, aber da ich immer viel in meinen Scripts/css dokumentiere, sind die Quell-Threads immer nur einen Klick entfernt zum nachgucken, was denn da los war
am besten mit einem base64 code Symbole, das kann dann jeder direkt verwenden.
Dafür hätte ich leider frühestens am Wochenende vielleicht Zeit, da ich erst auf base64 umbauen müßte, weil ich (fast) überall den "berechneten Pfad" von Thomas S. verwende.
Der hat übrigens 2019 hier einige Scripts rausgehauen
Um die beiden konkret bei mir laufenden ...Empty... - Scripts geht es hier.
Ich hab in den Tiefen meines Profils noch 3 Scripte gefunden:
TB_aboutabout-button.js
TB_EmptyJunkFolderThunderbird.uc.js
TB_EmptyTrashFolderThunderbird.uc.js
Besteht daran Interesse für die Liste oben?
Wenn ja:
Wo/wie soll ich die einbringen? (alle 3 jeweils <2kb )
Screenshot erwünscht?
Benutztes Button-GFX beifügen?
BTW:
edvoldi : Dein aboutconfig-button.uc.js wird vermißt
guuts nächtle...
@milupo : funktionuckelt
Das Icon hab ich aus Endors Sammlung entliehen.
Und ich hab (vielleicht nicht nur für mich) den berechneten Pfad eingebaut:
// aboutconfig-button.uc.js
// ursprünglich: edvoldi
// 211104: milupo: tabmail.openTab("contentTab", { url: "about:config" });\
// 211104: harff182: berechneter Pfad zum Icon in ../chrome/icons/
"use strict";
(function() {
if (location != 'chrome://messenger/content/messenger.xhtml') return;
var toolbarbutton = document.createXULElement('toolbarbutton');
var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
var buttonicon = "Endor_Bild2.png"
var props = {
id: 'aboutconfig-toolbar',
label: 'Einstellungen',
tooltiptext: 'about:config öffnen',
style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '");',
class: 'toolbarbutton-1',
onclick:
'if (event.button == 0) { \
var tabmail = document.getElementById("tabmail"); \
tabmail.openTab("contentTab", { url: "about:config" });\
};'
};
for (var p in props) toolbarbutton.setAttribute(p, props[p]);
var toolbox = document.getElementById("mail-toolbox");
toolbox.palette.appendChild(toolbarbutton);
var toolbar = document.getElementById("tabbar-toolbar");
toolbar.insertItem("aboutconfig-toolbar", document.getElementById('button-addons'));
})();
Alles anzeigen
Schankedön, hab ich nochwas zum basteln
Momentan versuch ich allerdings vezweifelt, ein zusätzliches Menü per External-Aplication.uc.js vom FF rüberzubasten.
Profil-Backup4TB liegt deswegen auf Halde...
nur der Code ist für das Forum zu groß.
Oha... Wo steht denn, welche Grenze es gibt?
extras_config_menu_tb.uc.js
Gibts das irgendwo zum angucken/downloaden?
warte bis in ca. 2Wochen TB 91 kommt dann ist das weg
91? Der is doch schon da...
Oder meinst Du TB 92?
Kennst Du einen TB-release-Kalender, den ich noch nicht gefunden habe?
Nach meinem Update auf 7822 hab ich versucht das Script entsprechend anzupassen:
// AttachmentBoxToTop.uc.js - Attachment-Box unter dem Nachrichtenkopf im Message Preview
//
// von Thomas S. hier:
// https://www.thunderbird-mail.de/forum/thread/82793
//
// 280920: Anpassung xul -> xhtml für 7822
"use strict";
(function(){
// if (location != 'chrome://messenger/content/messenger.xul') return; //vor 78xx
if (location != 'chrome://messenger/content/messenger.xhtml') return; //mit 7822
var that = document.getElementById("singlemessage");
var sp = document.getElementById("attachment-splitter");
var br = sp.previousSibling;
var at = sp.nextSibling;
that.insertBefore(that.removeChild(at), br);
that.insertBefore(that.removeChild(sp), br);
})();
Alles anzeigen
Muß ich noch was anderes ändern?
Mag das eventuell jemand gegenchecken?
mDv...
harff182