Beiträge von genetic

genetic · 6. Juni 2021

CSS

/*Menüleiste eingefärbt*/
#TabsToolbar {
color:#fff!important;
background: #0078D7 !important;
}

/*Aktiver Tab hover*/
.tabbrowser-tab:is([visuallyselected="true"]:hover, [multiselected]) > .tab-stack > .tab-background {
  background: grey !important;
}

/*Inaktiver Tab hover*/
.tabbrowser-tab:not([visuallyselected="true"]):hover  > .tab-stack > .tab-background {
    background: #005A9E !important;    
}

/*Inaktiver Tab*/
.tabbrowser-tab:not([visuallyselected="true"]) > .tab-stack > .tab-background {
  background: #3896E0 !important   
}

/*Tab schließen X hover*/
.tab-content > .tab-close-button:hover {
  background: #E81123 !important;
}

/*Tab Schließen-Kreuz anzeigen bei vielen Tabs wenn gehovert wird */
.tabbrowser-tab:hover .tab-close-button {
display: block !important; 
}

/*Tab Schließen-Kreuz anzeigen bei vielen Tabs wenn gehovert wird */
.tabbrowser-tab:hover .tab-close-button {
display: block !important; 
}

/* < und > Buttons (wenn Tableiste sehr voll) weiß eingefärbt */
#toolbarbutton, #scrollbutton-down,#scrollbutton-up, #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
fill: rgb(255, 255, 255)!important;
}

/*v-Button für Alle Tabs auflisten (wenn Tableiste sehr voll) weiß eingefärbt */
#alltabs-button {
fill: rgb(255, 255, 255)!important;
}
/* + Button für neuer Tab weiß eingefärbt */
#tabs-newtab-button, #TabsToolbar #new-tab-button {
fill: rgb(255, 255, 255)!important;
}

#tabs-newtab-button, #TabsToolbar #new-tab-button:hover {
fill: white!important;
}

Alles anzeigen

Funktioniert jetzt soweit - es hatte tatsächlich eine Klammer gefehlt.

Was tatsächlich aber nicht geht, ist der Hover des "+" Buttons - der ist hellgrau und ich wüsste nicht, wo/wie ich den anpassen könnte?

Bekomme ich die 3 Symbole, in der Ecke auch noch weiß?

genetic · 6. Juni 2021

^ habe ich schon getestet, aber da tut sich exakt 0,0.

Wenn ich das richtig lese, geht es da eher um den gesamten Button, als um den Text darin? (Aber auch der Button wird nicht weiß)

genetic · 6. Juni 2021

Passt soweit, herzlichen Dank.

Wie bekomme ich die Symbole <, >, +, v, weiß? Und die Farbe für Hover "+" angepasst?

Und folgender Code funktioniert leider nicht - kennst Du den Fehler?

CSS

/*Tab Schließen-Kreuz anzeigen bei vielen Tabs wenn gehovert wird */
.tabbrowser-tab:hover .tab-close-button {
display: block !important; 
}

genetic · 6. Juni 2021

Hallo,

ich möchte gerne die Hover-Farbe des aktiven und inaktiven Tabs anpassen und die Hover-Farbe des auf dem Tab befindlichen "Schließen"-Buttons.

Was ich nicht anpassen möchte: Schriftfarbe /-art /-größe etc.

Danke für Tipps.

genetic · 6. Juni 2021

Hallo,

die Überschrift sagt es eigentlich schon...wie bekommt man einen Neustart-Button, ins Hamburger-Menü?

genetic · 1. Juni 2021

Zitat von grisu2099

Ändere mal .xul in .xhtml und teste.

Danke

genetic · 1. Juni 2021

Sind nur noch diese "post-modernen Bauhaus-Icons" möglich?

"Früher" hat mal dieser Code funktioniert und auch eine Art Win7-Icons zurück gebracht:

CSS

/* Lesezeichen Sidebar - Ordnericon stehend gelb */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/history/history-panel.xul"),
url("chrome://browser/content/places/bookmarksSidebar.xul")  {
    treechildren::-moz-tree-image(container) {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important; }
}

/* Lesezeichen verwalten - Ordnericon stehend gelb */
@-moz-document url-prefix("chrome://browser/content/places/places.xul") {
    treechildren::-moz-tree-image(container) {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important; }
}

/* Lesezeichen - Ordnericon gelb */
@-moz-document url-prefix(chrome://browser/content/browser.xhtml){
    .bookmark-item[container="true"] {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
        !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important; }
}

Alles anzeigen

genetic · 22. Oktober 2019

Hier mal die FirefoxLoader.exe mit neuem Icon (FF70).

genetic · 4. September 2019

Danke, aber meine Grafiktreiber sind top-aktuell.

genetic · 4. September 2019

...habe jetzt herausgefunden, dass es an der Hardwarebeschleunigung liegt - ohne diese, ist das schwarze Quadrat weg.

Hat jemand eine Idee, wie ich das Quadrat weg bekomme, OHNE die Hardwarebeschleunigung zu deaktivieren?

genetic · 4. September 2019

Hallo zusammen,

bis auf diesen Fehler, konnte ich alle mit Lesen eurer tollen Anleitungen, selber beheben (browser.xhtml und createXULElement).

Wie man sieht, wird mir links, oben, ein schwarzes Quadrat angezeigt

Ich vermute, dass es durch den Code für "abgerundete Tabs" kommt.

Um den Rahmen hier nicht zu sprengen, füge ich euch deshalb nur mal diesen Code, der userChrome.css ein:

CSS

/******************* Abgerundete Tabs ********************/

:root {
  --tab-curve-width: 30px;
  --tabs-border: transparent !important;
}

.arrowscrollbox-scrollbox {
  padding-inline-start: 10px !important;
}

/* To be able to see the top border of the tab */
.tab-stack {
  margin-top: 2px !important;
}

/* When the window is maximized, the first pinned tab is properly displayed. */
#TabsToolbar  {
  padding-inline-start: 15px !important;
}

.titlebar-placeholder {
  border: none !important;
}

/* Remove unneeded styles from Photon */
.tabbrowser-tab::before,
.tabbrowser-tab::after {
  border: none !important;
}

.tabbrowser-tab > .tab-stack > .tab-background {
  background-image: none !important;
  -moz-box-orient: horizontal !important;
  background-color: transparent !important;
  margin-top: 1px !important;
}

.tab-background[selected="true"] {
  border: none !important;
}

.tab-line {
  display: none !important;
}

.tab-bottom-line {
  display: none !important;
}

/* Match height of new tab button (right svg) on hover */
.tabs-newtab-button {
  margin: 0 !important;
}

/* overlap the tab curves */
.tab-background {
  -moz-margin-end: -15px !important;
  -moz-margin-start: -15px !important;
}

/* Begin tab background customizations */
.tab-background[selected="true"]::before {
  border: none !important;
  content: "" !important;
  width: 30px !important;
  min-height: 30px !important;
  display: -moz-box !important;
  background-repeat: no-repeat !important;
}

.tab-background[selected="true"]::after {
  border: none !important;
  content: "" !important;
  width: 30px !important;
  min-height: 30px !important;
  display: -moz-box !important;
  background-repeat: no-repeat !important;
}

.tab-background[selected="true"] > spacer {
  margin-top: 0px !important;
}

#new-tab-button,
.tabs-newtab-button {
    fill:white!important;
  width: calc(36px + 30px) !important;
  margin-inline-start: -15px !important;
  margin-top: 1px !important;
}

/* Tab hover customizations */

/* Regular tabs */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
  display: -moz-box !important;
  background-repeat: no-repeat !important;
  content: "" !important;
  width: 30px !important;
  min-height: 30px !important;
  background-color: transparent !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
  display: -moz-box !important;
  background-repeat: no-repeat !important;
  content: "" !important;
  width: 30px !important;
  min-height: 30px !important;
  background-color: transparent !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
  margin-top: 0px !important;
}

#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
.tabs-newtab-button:hover,
.tabs-newtab-button:hover::before,
.tabs-newtab-button:hover::after {
  background-color: transparent !important;
}

/* New tab hover customizations */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), .tabs-newtab-button:hover {
  background-position: 0px 2px, 30px 4px , 36px 2px !important;
  background-repeat: no-repeat !important;
  background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;
}

.tabs-newtab-button:hover > .toolbarbutton-icon {
  background: none !important;
  background-color: transparent !important;
}

/* Color specific customizations */
:root {
  --svg-selected-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(245,246,247);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

  --svg-selected-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(245,246,247);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

  --background-selected-middle:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
    linear-gradient(
      transparent
      2px,
      rgb(245,246,247) 2px,
      rgb(245,246,247)
    ),
    none;

  --svg-hover-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='30' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(81,156,214,1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

  --svg-hover-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(81,156,214,1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

  --background-hover-middle:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
    linear-gradient(
      transparent
      2px,
      rgba(81,156,214,1) 2px,
      rgba(81,156,214,1)
    ),
    none !important;

  --newtab-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(81,156,214,1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"),
    linear-gradient(rgba(81,156,214,1), rgba(81,156,214,1)),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(81,156,214,1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
}

/* OS-specific color variables */
@media screen and (-moz-windows-theme) {
  :root {

  }
}

@media not screen and (-moz-windows-theme) {
  :root {

  }
}

.tab-background[selected="true"]::before {
  background-image: var(--svg-selected-before) !important;
}

.tab-background[selected="true"]::after {
  background-image: var(--svg-selected-after) !important;
}

.tab-background[selected="true"] > spacer {
 background-image: var(--background-selected-middle) !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
  background-image: var(--svg-hover-before) !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
  background-image: var(--svg-hover-after) !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
  background-image: var(--background-hover-middle) !important;

}

.tabs-newtab-button:hover {
  background-image: var(--newtab-hover) !important;
}

.tab-close-button.close-icon:hover { 
   background-color: rgb(255,0,0,.5) !important;

}

Alles anzeigen

Danke im Voraus, für eure Hilfe

genetic · 6. Mai 2019

Hat geklappt.

Vielen Dank für eure Hilfe. :klasse:

genetic · 5. Mai 2019

Nicht der Hintergrund sollte die andere Farbe haben, sondern nur der Text (und die Grafik):

Mit dem Text konnte ich selber lösen:

Code

menuitem.setAttribute('style' , 'color:#00437A');

andreas:

Code

data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" fill-opacity="context-fill-opacity" d="....................................

Wie mache ich das, wenn es nicht "red" sein soll, sondern die Farbe #00437A?

genetic · 5. Mai 2019

Verstehe. ist aber nicht so tragisch, wenn der eine Eintrag bleibt.

genetic · 5. Mai 2019

:klasse: Perfekt.

"Flagfox" ist zwar noch sichtbar, bekommt man einzeln aber vermutlich nicht weg - oder?

genetic · 5. Mai 2019

Also mein Kontextmenü sieht derzeit so aus:

[attachment=0]Zwischenablage01.jpg[/attachment]

und mein Code in der css so:

Code

#context-openlinkprivate,
#context-sendlinktodevice,
#context-sendpagetodevice,
#context-bookmarklink,
#context-sendimage,
#context-openlinkinusercontext-menu,
menuitem[label="Tab an Gerät senden"],
menuitem[label="Seite an Gerät senden"],
menuitem[label="Element untersuchen"],
/menuitem[label="Link in neuem Tab öffnen"],
menuitem[label="Link in neuem privaten Fenster öffnen"],
menuitem[label="Link bei Pocket speichern"],
menuitem[label="Seite bei Pocket speichern"],
menuitem[label="Auswahl-Quelltext anzeigen"],
menuitem[label="Seitenquelltext anzeigen"],
menuitem[label="Seiteninformationen anzeigen"],
menuitem[label="Hintergrundgrafik anzeigen"],
menuitem[label="Bildschirmfoto aufnehmen"],
menuseparator#inspect-separator,
menuseparator#context-sep-sendlinktodevice{
display:none!important}

Alles anzeigen

Es soll aber noch weg:

Link in neuem priv. Fenster öffnen
Lesezeichen für diesen Link...
Link in Pocket speichern
Link an Gerät senden
(idealerweise) Flagfox

Hast Du einen Tipp für mich?

genetic · 5. Mai 2019

Ja, dieses Script:

Code

(function() {	


var menuitem = document.createElement('toolbarbutton');
menuitem.id = 'uc_menu_Restart_H';
menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('tooltiptext' , 'Neustart');
menuitem.style.listStyleImage= 'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" fill-opacity="context-fill-opacity" d="M15,1a1,1,0,0,0-1,1V4.418A6.995,6.995,0,1,0,8,15a6.954,6.954,0,0,0,4.95-2.05,1,1,0,0,0-1.414-1.414A5.019,5.019,0,1,1,12.549,6H10a1,1,0,0,0,0,2h5a1,1,0,0,0,1-1V2A1,1,0,0,0,15,1Z"/></svg>\')';
menuitem.setAttribute('oncommand' , "Services.appinfo.invalidateCachesOnRestart() || BrowserUtils.restartApplication();");
var refItem = document.getElementById('appMenu-quit-button');
refItem.parentNode.insertBefore(menuitem, refItem);


})();

Alles anzeigen

Es hat vorne ein Symbol, gefolgt vom Text "Neustart"...das Ganze soll in Farbe #00437A sein.

genetic · 5. Mai 2019

Zitat von Zitronella

Ich hab mal hier was hochgeladen, wo man sieht was wohin gehört
https://workupload.com/file/gths2tny

1.000 Dank! :klasse:

Hat auf Anhieb, astrein geklappt.

Noch eine Frage zum Script mit dem Restart-Button: Wo/wie ändere ich da die Farbe des Eintrags?

genetic · 5. Mai 2019

Da gibt es aber nirgendwo mehr die datein für den Download!

genetic · 5. Mai 2019

Zitat von milupo
So genau kann ich dir das nicht sagen. Hole dir die Dateien, wie schon geschrieben, von Endors Seite aus Beitrag #62. Was ich auf jeden Fall schon gesehen habe:

In der config-prefs.js fehlt folgende Zeile:
Code
pref("general.config.sandbox_enabled", false);
Die Datei main.js im Ordner userChromeJS sollte mindestens von 26.03.2018 sein.
Alles anzeigen

Die Zeile habe ich ergänzt!

Ordnerstruktur: Da checkt doch kein normaler Mensch (mehr) durch. Ordner userChromeJS wo soll der sein? Gibt's keine aktuelle und TRANSPARENTE Beschreibung bzgl. der Ordnerstruktur?

Diese hier, ist uralt und passt nicht mehr, weil man keine ZIP mehr runter laden kann.

https://www.camp-firefox.de/fo…ewtopic.php?f=16&t=122538

Beiträge von genetic

Hover-Farbe für Tabs und "Schließen"-Button

Hover-Farbe für Tabs und "Schließen"-Button

Hover-Farbe für Tabs und "Schließen"-Button

Hover-Farbe für Tabs und "Schließen"-Button

Neustart-Button für Hamburger-Menü

Ordnersymbole schwarz einfärben

Ordnersymbole schwarz einfärben

FF Portable: FirefoxLoader.exe (neues Icon?)

Grafikfehler seit FF68

Grafikfehler seit FF68

Grafikfehler seit FF68

Restart Button funktioniert nicht?

Restart Button funktioniert nicht?

Firefox 61 Kontextmenü aufräumen ?

Firefox 61 Kontextmenü aufräumen ?

Firefox 61 Kontextmenü aufräumen ?

Restart Button funktioniert nicht?

Restart Button funktioniert nicht?

Restart Button funktioniert nicht?

Restart Button funktioniert nicht?