Beiträge von Harff182

Harff182

Viele Wege führen nach Rom...

Damit sieht die Leiste bei mir auch so aus, wie ich es mag und ich hab was dazugelern:

CSS

#threadCol,
#flaggedCol,
#attachmentCol,
#subjectCol,
#unreadButtonColHeader,
#correspondentCol,
#dateCol,
#junkStatusCol,
.thread-tree-col-picker
{
  border: solid black 1px !important;    
}

Alles anzeigen

Harff182

Da find ich nix.

Per Stilbearbeitung komm ich damit auch nicht weiter:

CSS

#threadCols .tree-splitter {
  width: 2px !important;
}

Harff182

Hab ich grad erst bewußt wahrgenommen:

Zitat von Sehvornix

Ändert man auf das Theme 'Hell', ist der css-Code wirksam.

Wo haste denn die dickeren Spaltentrenner her?

Harff182

Zitat von Sehvornix

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.

Harff182

Zitat von milupo

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:

CSS

#threadCols{
    background-color: yellow !important; 
    border: double black 7px !important;
}

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

Harff182

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.

Harff182

Ganzer code:

CSS

/*  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

Harff182

Win 11, TB 102.5.1 (64bit)

'nabend...

Ich benutze folgendes CSS, um im Nachrichtenbereich verschieden Farben zu setzen:

CSS

/*     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

Harff182

Hier wäre was zum rumspielen:

CSS

treechildren::-moz-tree-row(selected) { 
    background-color: palegreen !important; 
    border: solid red 2px !important;
}

Harff182

Zitat von hwww

Kann mir jemand da weiter helfen?

Thema

Anpassung per userChromeJS (per Script) - ab Version 60+

Diese Anleitung betrifft nur das Anpassen des Thunderbird ab Version 60 über Scripts.

Als Grundlage dient die aktuelle Beschreibung "userChrome Verwendung ab Firefox 57 und neuer", die nahezu eins-zu-eins in Thunderbird übernommen werden kann.

Haltet Euch an die genannte (und verlinkte) Anleitung für Firefox und macht dabei folgendes für Thunderbird anders:

Die Datei config.js muss in den Thunderbird-Installationsordner (statt Firefox-Installationsordner)
Der Ordner userChromeJS muss auch in den

…

edvoldi

26. August 2018 um 12:11

Harff182

Zitat von Bastler

nur die Pfeile an den Enden zeigen sich noch nicht.

Hast Du denn Pfeil-Icons in /chrome/icons ?

Siehe:

CSS

      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

Harff182

Es gibt für den FF ein Script für Scrollbars zu Pimpen.

Ich benutzte das hier:

JavaScript

"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...

Harff182

Danke, @Bastler, da hab ich am Wochenende Für TB und FF was zu basteln

Harff182

bege, nowar :

Hab ich eben im CFF entdeckt:

Anwendungsname und Version in der Menüleiste - camp-firefox.de

Das Skript erkennt automatisch den Anwendungstyp (Release, Beta, ESR...), die Version und die Bitrate von Firefox (Quelltext, 20 Zeilen) In Verbindung mit…

www.camp-firefox.de

Vielleicht hilft Euch das ja weiter...

Harff182

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

Harff182

Zitat von edvoldi

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.

Harff182

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...

Harff182

@milupo : funktionuckelt

Das Icon hab ich aus Endors Sammlung entliehen.

Und ich hab (vielleicht nicht nur für mich) den berechneten Pfad eingebaut:

JavaScript

// 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

Harff182

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...

Zitat von edvoldi

nur der Code ist für das Forum zu groß.

Oha... Wo steht denn, welche Grenze es gibt?

Harff182

Zitat von edvoldi

extras_config_menu_tb.uc.js

Gibts das irgendwo zum angucken/downloaden?

Beiträge von Harff182

#threadCols - Hintergrund läßt sich nicht einfärben

#threadCols - Hintergrund läßt sich nicht einfärben

#threadCols - Hintergrund läßt sich nicht einfärben

#threadCols - Hintergrund läßt sich nicht einfärben

#threadCols - Hintergrund läßt sich nicht einfärben

#threadCols - Hintergrund läßt sich nicht einfärben

#threadCols - Hintergrund läßt sich nicht einfärben

#threadCols - Hintergrund läßt sich nicht einfärben

Auswahlbalken andere Farbe/transparent

Script funktioniert nicht mehr

Anpassung per userChromeJS (per Script) - ab Version 60+

Scrollbalken inkl Pfeile ändern ?

Scrollbalken inkl Pfeile ändern ?

Diskussionsthread für Benutzerskripts

Diskussionsthread für Benutzerskripts

Diskussionsthread für Benutzerskripts

Diskussionsthread für Benutzerskripts

Diskussionsthread für Benutzerskripts

Diskussionsthread für Benutzerskripts

Diskussionsthread für Benutzerskripts

Diskussionsthread für Benutzerskripts

Thunderbird 139.0.1 veröffentlicht

Thunderbird 128.11.0 ESR veröffentlicht