Beiträge von pupil

pupil

Zitat von 2002Andreas

Wie lautet der CSS-Code den du damit laden willst, bzw. welche Codes hast du alles?

Das logische Denken hat wieder einmal gefehlt. Natürlich kann nur ein CSS-Codeder Veursacher sein. Ich habe ihn auch gefunden.

CSS

::selection {
    color: var(--uc-color-red) !important;
    background-color: transparent !important;
}

Diesen Code habe ich sogar von Dir. Ich wollte eingentlich damit nur die URL- und Searchbar ansprechen. Kann man das eingrenzen. Da der Hintergrund mit dem Code nicht sichtbar ist, konnte ich auch die Markierungen in anderen Texten nicht sehen. Und die rote Textfarbe übernimmt es dann ja wieder nur in der URL- und Searchbar.

Habe nochmals einen Überlegunsfehler gemacht. Die Schriftfarbe wird so nicht akzeptiert. Wenn ich aber red verwende klappt es. Dat Thema hat sich somit für mich erledigt. Bestne Dank

pupil

JavaScript

// ==UserScript==
// @name                ShadowCSSLoader.uc.js
// @namespace           ShadowCssLoader
// @include             main
// @charset             UTF-8
// @version             1.1.12.09.2026
// @description         Lädt automatisch alle CSS-Dateien aus chrome/CSSShadow/
//                      in Firefox und Thunderbird.
//                      Eine userChromeShadow.css ist nicht erforderlich.
// @author              erstellt mit KI
// @compatibility       Firefox 155+ / Thunderbird 140+
// ==/UserScript==

(async function() {

    // ============================================================
    // Nur in den Hauptfenstern von Firefox und Thunderbird starten
    // ============================================================

    const allowedLocations = [
        "chrome://browser/content/browser.xhtml",      // Firefox
        "chrome://messenger/content/messenger.xhtml"   // Thunderbird
    ];

    if (!allowedLocations.includes(location.href)) {
        return;
    }

    try {

        // ========================================================
        // Profilordner / chrome / CSSShadow
        // ========================================================

        const folder = PathUtils.join(
            PathUtils.profileDir,
            "chrome",
            "cssShadow"
        );

        console.log(
            "[ShadowCSSLoader] cssShadow-Ordner:"
        );
        console.log(folder);


        // ========================================================
        // Dateien aus dem Ordner lesen
        // ========================================================

        const files = await IOUtils.getChildren(folder);

        console.log(
            "[ShadowCSSLoader] Einträge im cssShadow-Ordner: " +
            files.length
        );


        // ========================================================
        // Nur CSS-Dateien berücksichtigen
        // ========================================================

        const cssFiles = files
            .filter(file => /\.css$/i.test(PathUtils.filename(file)))
            .sort((a, b) =>
                PathUtils.filename(a).localeCompare(
                    PathUtils.filename(b),
                    undefined,
                    {
                        numeric: true,
                        sensitivity: "base"
                    }
                )
            );


        console.log(
            "[ShadowCSSLoader] CSS-Dateien gefunden: " +
            cssFiles.length
        );


        if (cssFiles.length === 0) {
            throw new Error(
                "Keine CSS-Dateien gefunden in:\n" + folder
            );
        }


        // ========================================================
        // CSS-Dateien zusammenführen
        // ========================================================

        let cssIn = "";
        let cssCount = 0;

        for (const file of cssFiles) {

            const name = PathUtils.filename(file);

            console.log(
                "[ShadowCSSLoader] Gefunden: " + name
            );

            try {

                const text = await IOUtils.readUTF8(file);

                cssIn +=
                    "\n\n/* ==================================================\n" +
                    "   BEGINN " + name + "\n" +
                    "   ================================================== */\n" +
                    text +
                    "\n/* ==================================================\n" +
                    "   ENDE " + name + "\n" +
                    "   ================================================== */\n";

                cssCount++;

                console.log(
                    "[ShadowCSSLoader] CSS gelesen: " +
                    name +
                    " (" +
                    text.length +
                    " Zeichen)"
                );

            } catch (e) {

                console.error(
                    "[ShadowCSSLoader] Fehler beim Lesen von " +
                    name +
                    ": " +
                    e.name +
                    ": " +
                    e.message
                );
            }
        }


        console.log(
            "[ShadowCSSLoader] CSS-Dateien gelesen: " +
            cssCount
        );

        console.log(
            "[ShadowCSSLoader] Gesamtzeichen: " +
            cssIn.length
        );


        if (cssCount === 0) {
            throw new Error(
                "Keine CSS-Datei konnte gelesen werden."
            );
        }


        // ========================================================
        // Style Sheet Service
        // ========================================================

        const sss = Cc[
            "@mozilla.org/content/style-sheet-service;1"
        ].getService(
            Ci.nsIStyleSheetService
        );


        // ========================================================
        // Data-URI erzeugen
        // ========================================================

        const uri = Services.io.newURI(
            "data:text/css;charset=UTF-8," +
            encodeURIComponent(cssIn)
        );


        // ========================================================
        // Stylesheet registrieren
        // ========================================================

        sss.loadAndRegisterSheet(
            uri,
            sss.AUTHOR_SHEET
        );


        console.log(
            "[ShadowCSSLoader] Stylesheet registriert."
        );

        console.log(
            "[ShadowCSSLoader] " +
            (location.href.includes("messenger")
                ? "Thunderbird"
                : "Firefox") +
            " CSS erfolgreich geladen."
        );


    } catch (e) {

        console.error(
            "[ShadowCSSLoader] Fehler: " +
            e.name +
            ": " +
            e.message
        );
    }

})();

Alles anzeigen

pupil

Ich habe das Skript installiert und es funktioniert einwandfrei. Jetzt habe ich aber festgestellt, dass ich keinen Text mehr markieren und kopieren kann. Hat das noch jemand festgestellt.

pupil

Seit dem Update auf FF 157 habe ich festgestellt, dass #searchmode-switcher-panel-list-searchbar bei mir nicht mehr funktioniert. Das Popup öffnet sich nicht mehr. Wenn ich das Script userCSSLoader deaktiviere funktioniert es.

pupil

Hast Du so gemeint?

pupil

Zitat von Horstmann
Zitat von Horstmann
Zitat von pupil
JavaScript
JS Code
#1 könnte evtl. auch die Tableiste unter den Browserinhalt setzen, was nochmal was anderes ist.
Solange die Zusatzleiste nicht komplett voll ist, kann man in deinem JS, im CSS Abschnitt, als visuellen Fix sowas probieren:
CSS
#TabsToolbar {
    z-index: 12 !important;
}

Mit diesem Zusatz wird der im CSS-Teil angesprochene obere rote Rand der Tab-Leiste durchgehend angezeigt. Der Rest wie gehabt.

pupil

JavaScript

/* Verschiebt die Tab leiste ganz nach unten  */
(function(){


try {

var vbox = document.createXULElement('vbox');
document.getElementById("navigator-toolbox").parentNode.insertBefore( vbox, null);
vbox.appendChild(document.getElementById("TabsToolbar"));

}catch(e) {}

/* Die zusätzliche Titlebar Buttonbox wird bei deaktivierter Titelleiste in der Tableiste entfernt */
var css = `
#TabsToolbar > .titlebar-buttonbox-container {
display: none !important;}
#TabsToolbar{
border-top: 2px solid red !important;}
`;

var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
  var uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
sss.loadAndRegisterSheet(uri,sss.AGENT_SHEET);

})();

Alles anzeigen

pupil

Ich habe das Script aus #17 ausprobiert. Finde ich gut. Hat jedoch ein kleines Manko. Die Tab-Leiste ist bei mir unten. Wenn die Leiste links ist, kein Problem. Ist sie jedoch auf der rechten Seite, wird die Tab-Leiste am rechten Rand verdeckt. Kann das ev. angepasst werden.

Bis jetzt habe ich die addonbar_vertical von aris in Gebrauch. Seit dem update auf Version 143 ist sie jedoch im Anpassen-Fenster nicht mehr sichtbar und somit kann auch nichts mehr verschoben werden.

pupil

Jetzt habe auch ich es begriffen. Besten Dank an alle

pupil

Funktioniert leider nicht. Mit dem Script aus #4 habe ich keine Buttons mehr und bei #5 tut sich nichts.

pupil

Seit Jahren verfolge ich das Forum und habe sehr viele Anregungen anwenden können. Mit den neuen Änderungen habe ich aber meine Probleme. Die vielen Profis hier im Forum können die zu ändernde Zeile aber sicher aus dem Ärmel schütteln.

JavaScript

/* Forward_Back_Button.uc.js by aborix */


(function() {
 if (window.__SSi != 'window0')
   return;
 function createButton(str) {
   CustomizableUI.createWidget({
     id: 'back-button-2',
     type: 'custom',
     defaultArea: CustomizableUI.AREA_NAVBAR,
     onBuild: function() {
       let button = document.getElementById(str + '-button').cloneNode(true);
       button.id = 'back-button-2';
       button.style.listStyleImage = 'url(chrome://browser/skin/' + str + '.svg)';
       button.setAttribute('onclick',
         'checkForMiddleClick(this, event); if (event.button == 0) event.target.ownerDocument.getElementById("' + str + '-button").click();');
       button.setAttribute('onmousedown', 'if (event.button == 0) event.preventDefault();');
       return button;
     }
   });
 }
 createButton('back');
})();
(function() {
 if (window.__SSi != 'window0')
   return;
 function createButton(str) {
   CustomizableUI.createWidget({
     id: 'forward-button-2',
     type: 'custom',
     defaultArea: CustomizableUI.AREA_NAVBAR,
     onBuild: function() {
       let button = document.getElementById(str + '-button').cloneNode(true);
       button.id = 'forward-button-2';
       button.style.listStyleImage = 'url(chrome://browser/skin/' + str + '.svg)';
       button.setAttribute('onclick',
         'checkForMiddleClick(this, event); if (event.button == 0) event.target.ownerDocument.getElementById("' + str + '-button").click();');
       button.setAttribute('onmousedown', 'if (event.button == 0) event.preventDefault();');
       return button;
     }
   });
 }
   createButton('forward');
})();

Alles anzeigen

Beiträge von pupil

userChromeShadow.uc.js

userChromeShadow.uc.js

userChromeShadow.uc.js

UserCSSLoader (2025)

Eigene Zusatzleisten

Eigene Zusatzleisten

Eigene Zusatzleisten

Eigene Zusatzleisten

Das Script Forward_Back_Button.uc.js funktioniert nicht mehr

Das Script Forward_Back_Button.uc.js funktioniert nicht mehr

Das Script Forward_Back_Button.uc.js funktioniert nicht mehr