Beiträge von Mitleser

Mitleser

Was denn nun A oder B?

A.

Zitat von milupo

wir haben doch hier eine Konvention, dass wir empfehlen, für die Grafiken einen Unterordner icons im Ordner chrome des Profils zu nutzen

(Link wäre hilfreich)

oder

B.

Zitat von milupo

Ich denke, es sollte eine Konvention geben

Warum meinst du das? Eine Begründung wäre schön.

Mitleser

JavaScript

// JavaScript Document
//  MyLinkButton.uc.js
  (function() {
// start config----------------------------------

let buttonIcon = "16_checkbox-circle_white.svg" // Name & Dateiendung des anzuzeigenden Symbols
let buttonPath = "/chrome/css/image/" // Pfad zum Ordner der das Icon beinhaltet

// end config-----------------------------------
    if (location.href !== 'chrome://browser/content/browser.xhtml') return;
       try {
          CustomizableUI.createWidget({
             id: 'aboutabout-ToolBarButton',
             type: 'custom',
             defaultArea: CustomizableUI.AREA_NAVBAR,
             onBuild: function(aDocument) {         
                var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                var props = {
                   id: 'aboutabout-ToolBarButton',
                   class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                   removable: 'true',
                   label: 'About:About',
                   accesskey: '',
                   tooltiptext: 'About:About',
                   style: "list-style-image: url('" + PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir)) + buttonPath + buttonIcon + "');",
                   onclick: 'if (event.button == 0) { \
                            openTrustedLinkIn("about:about", "tab");\
                            }; ' 
               };            
                for (var p in props)
                   toolbaritem.setAttribute(p, props[p]);            
                return toolbaritem;
              }      
          });
        } catch(e) { };
})();

Alles anzeigen

Mitleser

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne deine Zustimmung nicht automatisch geladen und angezeigt.

Durch die Aktivierung der externen Inhalte erklärst du dich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Mitleser

Zitat von Mira_Belle

Da ich die Sidebar sowieso nie nutzen, soll es an dieser Stelle gut sein.

Aber eine Chance hätte ich gerne noch:

CSS

treechildren::-moz-tree-cell-text {
    border: none !important;
    border-color:transparent !important;
    border-style: unset !important;
    outline: none !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    --default-focusring: 0 !important;
}

Mitleser

Zitat von Mira_Belle

Bleibt jetzt nur noch das elendige "Türkies" welches ich ausblenden möchte

Für die accent-color deckt eigentlich dies hier fast alles ab (muss in userContent und userChrome):

CSS

* {
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
    /*findbar*/
    --input-border-color: #f60 !important;
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
    --in-content-link-color: green !important;
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
    --button-primary-bgcolor: green !important;
    --button-primary-hover-bgcolor:  lightgray !important;
    --button-primary-active-bgcolor: lightgray !important;
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
    --primary-button-background-color: #f60 !important;
    --primary-button-hover-background-color: green !important;
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
    --in-content-primary-button-background: green !important;
    --in-content-primary-button-background-hover: #dddddd !important;
    --in-content-primary-button-background-active: #ffffff !important;
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
    --in-content-link-color: #f60 !important;
    --in-content-link-color-hover: #f60 !important;
    --in-content-link-color-active: #f60 !important;
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
    /*Checkboxes*/
    --checkbox-border-color: red !important;
/*-------------------------------------------------*/
    --checkbox-checked-bgcolor: green !important;
    --checkbox-checked-color: yellow !important;
    --checkbox-checked-hover-bgcolor: lightgray !important;
    --checkbox-checked-active-bgcolor:#ffffff !important;
    --checkbox-checked-border-color: #dddddd !important;
/*-------------------------------------------------*/
    --checkbox-unchecked-bgcolor: teal !important;
    --checkbox-unchecked-hover-bgcolor: lightgray !important;
    --checkbox-unchecked-active-bgcolor:  #ffffff !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
    /*toggle-button*/
.toggle-button[aria-pressed="true"]::before {
  background-color: #232323 !important;
}
.toggle-button[aria-pressed="true"] {
  background: green !important;
  border-color: transparent;
}
.toggle-button:hover[aria-pressed="true"] {
  background: red !important;
  border-color: transparent;
}
.toggle-button:active[aria-pressed="true"] {
  background: #ffffff !important;
  border-color: transparent !important;
}
.toggle-button {
  --toggle-background-color: #f60 !important;
  --toggle-background-color-hover: green !important;
  --toggle-background-color-active: #ffffff !important;
  --toggle-background-color-pressed: blue !important;
  --toggle-background-color-pressed-hover: purple !important;
  --toggle-background-color-pressed-active: green !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

Alles anzeigen

Mitleser

Zitat von Mira_Belle

da ist ja noch dieser kleine Pfeil

Dies meintest du wohl nicht:

CSS

.sidebar-placesTreechildren::-moz-tree-twisty(open) {   
fill: red !important;
fill-opacity: 1.0 !important;
opacity: 1!important;
}
.sidebar-placesTreechildren::-moz-tree-twisty(closed) {   
fill:  green !important;
fill-opacity: 1.0 !important;
opacity: 1!important;
}
.sidebar-placesTreechildren::-moz-tree-twisty(open, hover) {   
fill: blue !important;
fill-opacity: 1.0 !important;
opacity: 1!important;
}
.sidebar-placesTreechildren::-moz-tree-twisty(closed, hover) {   
fill: yellow !important;
fill-opacity: 1.0 !important;
opacity: 1!important;
}

Alles anzeigen

Mitleser

Mira_Belle

Ich denke dieser Post ist hier besser aufgehoben als in diesem Thema:

Zitat von Mira_Belle

Es geht um den Button um weiteres Profil zu öffnen

Ich (Linux FF 116.0.3) habe festgestellt, dass bei mir bei eingetragenem zweiten Profil - im Gegensatz zu 'Profilmanager öffnen' (wo alle Versionen funktionieren) - lediglich die Version 2a funzt.

Es muss der Startparameter -foreground sowie der EventListener document.getElementById('profileschange-button').addEventListener("click",onClick); zwingend vorhanden sein.

Spoiler anzeigen

Dies läuft hier auf Linux (mit für Win angepasster 'execPath'-Variable) :

JavaScript

  (function() {
// start config----------------------------------

let buttonIcon = "default-browser-red.svg"  // Name.Dateiendung des anzuzeigenden Symbols | Name.file extension of the symbol to be displayed
let buttonPath = "/chrome/icons/" // Pfad zum Ordner der das Icon beinhaltet | Path to folder containing the icon
let execPath= "C:\\Program Files\\Mozilla Firefox\\firefox.exe" // Windows  // Pfad zur ausführbaren Programmdatei | Path to executable program file
// "/Applications/Firefox.app/Contents/MacOS/firefox" // MacOS
// "/home/'username'/Programme/Firefox/firefox/firefox" // Linux
let profileName = "Test-Benutzer" // Name des zweiten Profils | Name of the second profile

// end config-----------------------------------

    if (location.href !== 'chrome://browser/content/browser.xhtml') return;
       
       try {
          CustomizableUI.createWidget({
             id: 'profileschange-button',
             type: 'custom',
             defaultArea: CustomizableUI.AREA_NAVBAR,
             onBuild: function(aDocument) {         
                var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                var props = {
                   id: 'profileschange-button',
                   class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                   removable: 'true',
                   label: 'Profile Changer',
                   accesskey: '',
                   tooltiptext: 'Test-Profil in neuem Fenster öffnen',
                     style: "list-style-image: url('" + PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir)) + buttonPath + buttonIcon + "');",
              };            
             for (var p in props)
                toolbaritem.setAttribute(p, props[p]);            
             return toolbaritem;
          }    
       });
    } catch(e) { };
   
   document.getElementById('profileschange-button').addEventListener("click",onClick);
     
   function onClick(event) {
      if (event.button != 0){
         return;
      }
      let file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
      let arguments = ["-no-remote", "-P", profileName, "-foreground"];
      file.initWithPath(execPath); 
      let process = Cc["@mozilla.org/process/util;1"].createInstance(Ci.nsIProcess);
      process.init(file);    
      process.run(false, arguments, arguments.length);
   }    
})();

Alles anzeigen

Vielleicht hilft's.

Mitleser

Wegen dieses Buttons habe ich mir endlich ein Test-Profil angelegt.

Mehrmaliges Cache leeren per 'Start-cache löschen'-Button hat auch nichts geändert.

Inhalt des Ordners 'startupCache' gelöscht, beim nächsten Neustart haben dann auch die Skripte funktioniert. Es führen eben viele Wege nach Rom.

Mitleser

Lass das Original doch mal durch die Online-Software aus Beitrag #9 laufen, das Original ist zwar schon 16x16 px, aber trotzdem mal auf 16x16 px einstellen und staunen.....

Mitleser

@Mira_Belle

Und noch 'gekürzter':

XML

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
<g id="default-browser-red">
<path style=" stroke:none;fill-rule:nonzero;fill:#ff1500;fill-opacity:1;" d="M 8 5.5 C 8 5.5 8 1.5 11.5 1.5 C 15 1.5 15 4.5 15 5.5 C 15 10 8 14.5 8 14.5 Z M 8 5.5 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:#ff1500;fill-opacity:1;" d="M 8 5.5 C 8 5.5 8 1.5 4.5 1.5 C 1 1.5 1 4.5 1 5.5 C 1 10 8 14.5 8 14.5 L 9 8.5 Z M 8 5.5 "/>
</g>
</svg>

Mitleser

Mira_Belle

Nur mal so nebenbei, bei deinem Icon aus:

Zitat von Mira_Belle

Dort müsst Ihr das Symbol, welches sich in der Zip verbirgt, hinkopieren.
default-browser-red.zip

sieht der 'einigermaßen bereinigte' Quelltext so aus:

XML

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
<g id="default-browser-red">
<path style=" stroke:none;fill-rule:nonzero;fill:#ff1500;fill-opacity:1;" d="M 10.320312 9.359375 C 10.320312 9.359375 10.320312 8.558594 9.515625 8.558594 C 8.710938 8.558594 8.710938 9.160156 8.710938 9.359375 C 8.710938 10.261719 10.320312 11.160156 10.320312 11.160156 L 10.550781 9.960938 Z M 10.320312 9.359375 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:#ff1500;fill-opacity:1;" d="M 9.53125 9.058594 C 9.53125 9.058594 9.53125 7.78125 10.648438 7.78125 C 11.769531 7.78125 11.769531 8.738281 11.769531 9.058594 C 11.769531 10.5 9.53125 11.941406 9.53125 11.941406 Z M 9.53125 9.058594 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:#ff1500;fill-opacity:1;" d="M 9.148438 7.820312 C 9.148438 7.820312 9.148438 6.539062 8.03125 6.539062 C 6.910156 6.539062 6.910156 7.5 6.910156 7.820312 C 6.910156 9.261719 9.148438 10.699219 9.148438 10.699219 L 9.46875 8.78125 Z M 9.148438 7.820312 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:#ff1500;fill-opacity:1;" d="M 8 5.5 C 8 5.5 8 1.5 11.5 1.5 C 15 1.5 15 4.5 15 5.5 C 15 10 8 14.5 8 14.5 Z M 8 5.5 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:#ff1500;fill-opacity:1;" d="M 8 5.5 C 8 5.5 8 1.5 4.5 1.5 C 1 1.5 1 4.5 1 5.5 C 1 10 8 14.5 8 14.5 L 9 8.5 Z M 8 5.5 "/>
</g>
</svg>

anstatt:

XML

<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="16" height="16" viewBox="0 0 16 16" xml:space="preserve">
<desc>Created with Fabric.js 5.2.4</desc>
<defs>
</defs>
<g transform="matrix(1 0 0 1 8 8)" id="f7ccb41e-0f1e-4a0a-b24a-cd5290fc41da"  >
<rect style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; visibility: hidden;" vector-effect="non-scaling-stroke"  x="-8" y="-8" rx="0" ry="0" width="16" height="16" />
</g>
<g transform="matrix(Infinity NaN NaN Infinity 0 0)" id="7ad56bc3-4418-4e4e-8c98-15f3df2e9cae"  >
</g>
<g transform="matrix(0.01 0 0 0.01 25.04 25.36)"  >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-11.5, -8.5)" d="M 8 6 C 8 6 8 2 11.5 2 C 15 2 15 5 15 6 C 15 10.5 8 15 8 15 z" stroke-linecap="round" />
</g>
<g transform="matrix(0.23 0 0 0.2 9.63 9.86)"  >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-5, -8.5)" d="M 8 6 C 8 6 8 2 4.5 2 C 1 2 1 5 1 6 C 1 10.5 8 15 8 15 L 9 9 z" stroke-linecap="round" />
</g>
<g transform="matrix(0.32 0 0 0.32 10.65 9.86)"  >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-11.5, -8.5)" d="M 8 6 C 8 6 8 2 11.5 2 C 15 2 15 5 15 6 C 15 10.5 8 15 8 15 z" stroke-linecap="round" />
</g>
<g transform="matrix(0.32 0 0 0.32 8.19 8.62)"  >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-5, -8.5)" d="M 8 6 C 8 6 8 2 4.5 2 C 1 2 1 5 1 6 C 1 10.5 8 15 8 15 L 9 9 z" stroke-linecap="round" />
</g>
<g transform="matrix(1 0 0 1 8 8)"  >
<g style="" vector-effect="non-scaling-stroke"   >
        <g transform="matrix(1 0 0 1 3.5 0)"  >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,21,21); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-11.5, -8.5)" d="M 8 6 C 8 6 8 2 11.5 2 C 15 2 15 5 15 6 C 15 10.5 8 15 8 15 z" stroke-linecap="round" />
</g>
        <g transform="matrix(1 0 0 1 -3 0)"  >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,21,21); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-5, -8.5)" d="M 8 6 C 8 6 8 2 4.5 2 C 1 2 1 5 1 6 C 1 10.5 8 15 8 15 L 9 9 z" stroke-linecap="round" />
</g>
</g>
</g>
</svg>

Alles anzeigen

Mitleser

Sören Hentzschel

Kein Problem, dachte file.initWithPath sollte Betriebssystemunabhängig werden? Benötige den Button eigenlich nicht. Teste trotzdem.

Der Pfad hier auf Linux mit dem Benutzer 'hanswurst' ist:

file.initWithPath("/home/hanswurst/Programme/Firefox/firefox/firefox");

Ergebnis:

Testversion_1.js Icon ja Profilmanager ja

Testversion_1a.js Icon ja Profilmanager ja

Testversion_2.js Icon ja Profilmanager ja

Testversion_2a.js Icon ja Profilmanager ja

Mitleser

Sorry, bin da raus, weil das hier mit Linux garantiert nicht funktioniert:

file.initWithPath("C:\\Program Files\\Mozilla Firefox\\firefox.exe");

Mitleser

Zitat von Mira_Belle

hier ganz rechts, oben, in Rot, kaum noch zu erkennen.
Das kann ich nirgends finden.
Kannst Du es mir bitte rauf laden?

ReloadButton.zip

Edit

Noch besser, hier ist die Quelle:

"synchronization" - iconmonstr

Mitleser

Einen Tipp hätte ich noch:

Sollte der style im icon mal fehlen, wird diese Angabe beim scallieren mit diesem Onlinetool hinzugefügt, allerdings mit fill:rgb(0%,0%,0%);fill-opacity:1; :

Online die Bildgröße mehrerer Bilder gleichzeitig ändern

Verändern Sie kostenlos die Größen mehrerer JPG-, PNG-, SVG- oder GIF-Bilder in nur wenigen Sekunden. Durch eine Änderung der Prozent- oder Pixelvorgaben…

www.iloveimg.com

Mache Feierabend, Icon kommt morgen...

Mitleser

Zitat von Mira_Belle

Nein, so nicht,

So, so!

Ist ja sehr merkwürdig...

Funktioniert hier bestens!

Mitleser

Zitat von Mira_Belle

Letzte beiden sind im Übrigen die gleichen Symbole, aber unteres ist das "originale", schwarz und leider nicht per CSS-Code einfärbbar

So gehts:

XML

<svg enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path style="stroke:none;fill-rule:nonzero;fill:context-fill;fill-opacity:context-fill-opacity;" d="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3zM609.3 512H471.4c5.4-9.4 8.6-20.3 8.6-32v-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1 4.7-.2 7.1-.2h61.4C567.8 320 640 392.2 640 481.3c0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9C372.4 196.5 384 163.6 384 128c0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z"/></svg>

Mitleser

Mit Win kann ich nicht dienen, aber hier die Vorschau auf Lin mit Nemo:

Mitleser

Mira_Belle

In den .svg's ändere ich:

fill:context-fill;fill-opacity:context-fill-opacity;

Und im .css 'färbe' ich sie mit:

fill: orange !important;

fill-opacity: 1 !important;

ein.

Mitleser

Danke, habe ich geändert.

Beiträge von Mitleser

Button ändern bei einem Skript

Button ändern bei einem Skript

Was hört Ihr gerade?

Zebra in der Bookmarks Sidebar

Zebra in der Bookmarks Sidebar

Zebra in der Bookmarks Sidebar

Button um weiteres Profil zu öffnen

Freiwillige gesucht für Tests an einem JavaScript

Wie bearbeitet man Vektor-Grafiken am "leichtesten"?

Wie bearbeitet man Vektor-Grafiken am "leichtesten"?

Wie bearbeitet man Vektor-Grafiken am "leichtesten"?

Freiwillige gesucht für Tests an einem JavaScript

Freiwillige gesucht für Tests an einem JavaScript

Wie bearbeitet man Vektor-Grafiken am "leichtesten"?

Wie bearbeitet man Vektor-Grafiken am "leichtesten"?

Wie bearbeitet man Vektor-Grafiken am "leichtesten"?

Wie bearbeitet man Vektor-Grafiken am "leichtesten"?

Wie bearbeitet man Vektor-Grafiken am "leichtesten"?

Tooltips nur für die Bedienoberfläche ausschalten?

Tooltips nur für die Bedienoberfläche ausschalten?