1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. genetic

Beiträge von genetic

  • Scripte und Firefox61

    • genetic
    • 28. Juni 2018 um 18:39

    Nicht schlimm, Du hast mir wirklich auch so schon viel geholfen. :)

    Vom Code für die gerundeten Tabs, von meiner CSS, lässt es sich nicht ableiten? Da ist es nämlich auch so, dass die Schrift auf den (inaktiven)Tabs überall Weiß ist und bei inaktivem Browserfenster, schält die Schrift dieser Tabs, von Weiß auf Schwarz um.

    Was Du aber bestimmt noch weißt, wie man das Globussymbol er Lesezeichen in der Sidebar, auch in color:#00437A einfärbt?

  • Scripte und Firefox61

    • genetic
    • 28. Juni 2018 um 17:09
    Zitat

    So sieht das hier mit allen von dir gewollten Änderungen aus: und das ist der kompl. Code dazu

    :klasse: So sieht's bei mir jetzt auch aus. :klasse:

    Ist es jetzt noch sehr schwierig/aufwändig, wenn die Icons (Tab+ Minimieren Maximieren Schließen) bei Fenster inaktiv, wieder Schwarz werden?

  • Scripte und Firefox61

    • genetic
    • 28. Juni 2018 um 15:10
    Zitat

    Funktionierte bei mir auch erst nach einigen Neustarts vom Fx...k.A. warum.

    Kann eigentlich nicht sein, denn die ganzen Codes sind doch noch garnicht integriert?

    CSS
    #TabsToolbar .toolbarbutton-1 {
    	fill:white!important;
    }

    ...und geht auch nach mehren Neustarts nicht.

    (Ist es egal, wo ich den Code rein kopiere?)

  • Scripte und Firefox61

    • genetic
    • 28. Juni 2018 um 14:19

    Sorry, jetzt hab' ich's geblickt.

    Ja, damit ist jetzt die Menüzeile Weiß und die Einträge Blau (bis auf die Shortcut's Strg+Z usw.)

    An welcher Stelle soll jetzt der doppelte Code rausgenommen werden?

    CSS
    .bookmark-item[container="true"] {
       fill:#00437A !important;
       color:#00437A !important;

    Die Icons "neuer Tab, Minimieren...) sind noch nicht weiß.

  • Scripte und Firefox61

    • genetic
    • 28. Juni 2018 um 14:04

    Was heißt das jetzt (für mich) übersetzt?

    Kann/soll ich was raus löschen? Falls ja, wo (an welcher Stelle)?

  • Scripte und Firefox61

    • genetic
    • 28. Juni 2018 um 08:57

    milupo: Danke für die Info.

    Hastenichgesehen: Danke, das funktioniert jetzt bei mir zwischenzeitlich wieder.

    Zitat

    Entfern diese Zeile bitte mal.

    Dann haben wir den Fall, wie ich zuerst geschrieben habe ^- dann geht nix (in Bezug auf die Einfärbungen in weiß).

    Um alles weitere beurteilen zu können und bevor es zu kompliziert wird, hier mal meine komplette userChrome.css (ohne die neuesten Änderungen):

    CSS
    /* userChrome.css **********************************************/
    
    
    @-moz-document url-prefix(chrome://browser/content/browser.xul) {
    /***************************************************************/
    
    
    /* CSS-Anweisungen bitte unter diesen Kommentar eintragen. */
    #fake-beispiel {
    	font-color: red !important;
    }
    
    
    /***************************************************************/
    }
    /* This file can be used to customize the look of Mozilla's user interface
     * You should consider using !important on rules which you want to override default settings.
     */
    
    
    
    
    
    
    /* 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.xul){
    	.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; }
    }
    
    
    /******************* 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 {
      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;
    
    
    }
    
    
    /***********************************************************/
    /* context menu items and icons instead of just huge icons */
    /***********************************************************/
    
    
    #context-back .menu-iconic-icon {
      fill: #4169e1 !important;
    }
    
    
    #context-forward .menu-iconic-icon {
      fill: #4169e1 !important;
    }
    
    
    #context-reload .menu-iconic-icon {
      fill: green !important;
    }
    
    
    #context-stop .menu-iconic-icon {
      fill: red !important;
    }
    
    
    #context-bookmarkpage .menu-iconic-icon {
      fill: #336699 !important;
    }
    
    
    /*********** tab close - always visible *******************/
    #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
      visibility: visible !important;
      display: block !important;
    }
    #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
      visibility: collapse !important;
      display: none !important;
    }
    
    
    
    
    /****** Kontextmenü kürzen *********/
    
    
    #context-openlinkprivate,
    #context-sendlinktodevice,
    #context-sendpagetodevice,
    #context-bookmarklink,
    #context-sendimage,
    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 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}
    
    
    /****** Button ... ausblenden *********/
    
    
    #reader-mode-button{
    	display:none!important;
    }
    
    
    #pageActionButton{
    	display:none!important;
    }
    
    
    /*********** Menütextfarbe ****************/
    
    
    /*
    .bookmark-item[container="true"] {
       fill:#00437A !important;
       color:#00437A !important; 
    }
    
    
    toolbarbutton[container="true"] {
       filter:none !important;
       fill:#00437A !important;
       color:#00437A !important;
    }
    */
    toolbarbutton {
       filter:none !important;
       fill:#00437A !important;
       color:#00437A !important;
       background:transparent
    }
    .toolbarbutton-text {
    -moz-appearance: none !important;
    color:#00437A !important;
    } 
    menubar{
    -moz-appearance: none !important;
    color:#00437A !important;
    }
    menupopup > menu,
    menupopup > menuitem  {
    color:#00437A !important;
    }
    
    
    @-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul") {
    
    
    .sidebar-placesTreechildren,
    sidebarheader,
    #sidebar-search-label{
    color:#00437A !important}}
    Alles anzeigen
  • Scripte und Firefox61

    • genetic
    • 28. Juni 2018 um 02:32

    Danke.

    CSS
    menupopup > menu, menupopup > menuitem, menupopup > menucaption {
    color:#00437A!important;
    }

    Funktioniert. Der Text für die Shortcuts ist allerdings noch schwarz (z.B. Strg+Z)

    Der Rest, um Text in Menüleiste/Titlebar weiß einzufärben, funktioniert leider nicht.

    Für Menüleiste habe ich dies gefunden und umgebaut (war ursprünglich gedacht um Schriftgröße zu ändern) - würde funktionieren, aber ist das sinnvoll oder kann man es kürzen (None-Einträge)?

    CSS
    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    
    
    *{
    font-size:none!important}
    
    
    #main-menubar > menu{
    color:white!important;
    text-shadow:none;}

    Nachtrag: Wenn ich Deine Scripte, nach dem o.g. eintrage funktionieren sie :klasse: Hat es was mit der Zeile "@namespace..." zu tun?

    Kleine kosmetischer Wunsch: Bei inaktivem Fenster bleibt die Schrift/Icons dann weiß. Könnte man sie invertieren? Also dass sie bei inaktiv Schwarz werden?

  • Scripte und Firefox61

    • genetic
    • 27. Juni 2018 um 18:08

    Darf ich Dich doch nochmal kurz belästigen?

      "Textfarbe der Menüleiste = weiß "Datei Bearbeiten Ansicht ..."
      Und die Menüeinträge dann wieder in "bekannter" Farbe #00437A
      "+" (neuer Tab) in weiß
      Minimieren, Maximieren, Schließen-Icons in weiß


    Könntest Du da spontan was bauen? :)

  • Scripte und Firefox61

    • genetic
    • 27. Juni 2018 um 11:54

    :klasse:

    Ich danke Dir ganz herzlich.

  • Scripte und Firefox61

    • genetic
    • 26. Juni 2018 um 22:55
    Zitat von 2002Andreas


    Nein, den angesprochen werden damit Icons:

    sidebar-icon

    Also löschen?

    Hab' jetzt den Part mit der Textfarbe gefunden:

    CSS
    /*********** Menütextfarbe ****************/
    
    
    /*
    .bookmark-item[container="true"] {
       fill:#00437A !important;
       color:#00437A !important; 
    }
    
    
    toolbarbutton[container="true"] {
       filter:none !important;
       fill:#00437A !important;
       color:#00437A !important;
    }
    */
    toolbarbutton {
       filter:none !important;
       fill:#00437A !important;
       color:#00437A !important;
       background:transparent
    }
    .toolbarbutton-text {
    -moz-appearance: none !important;
    color:#00437A !important;
    } 
    menubar{
    -moz-appearance: none !important;
    color:#00437A !important;
    }
    menupopup > menu,
    menupopup > menuitem  {
    color:#00437A !important;
    }
    
    
    @-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
    url("chrome://browser/content/browser.xul"),
    url("chrome://browser/content/history/history-panel.xul") {
    
    
    .sidebar-placesTreechildren,
    sidebarheader,
    #sidebar-search-label{
    color:#00437A !important}}
    Alles anzeigen

    ...funktioniert aber in der Sidebar nicht mehr.

  • Scripte und Firefox61

    • genetic
    • 26. Juni 2018 um 22:43
    Zitat von 2002Andreas


    Wenn ich das mal bei Google eingebe lande ich bei:

    All-in-One Sidebar

    Hast du diese Erweiterung mal benutzt?

    Wenn ja, die funktioniert nicht mehr.

    Wenn nein, dann sagt mir der Text nichts :-??

    AIO-Sidebar habe ich zu 99,9% nie benutzt.

    Ich dachte das Script färbt den Text in der Sidebar, in Dunkelblau ein? :-??

  • Scripte und Firefox61

    • genetic
    • 26. Juni 2018 um 22:40

    Ja, perfekt! :klasse:

    Ich hatte Tomaten auf den Augen und dachte Du zitierst nochmals mein Script!

    Jetzt ist es quasi nur noch die Schriftfarbe...

  • Scripte und Firefox61

    • genetic
    • 26. Juni 2018 um 22:24
    Zitat

    Woher genau stammt das?

    sidebar-switcher-bookmarks

    Evtl. von einer Erweiterung?

    Stammt definitiv hier vom Forum - nicht von einer Erweiterung. Genaue Quelle ist nicht mehr bekannt. Nutze ich seit 12/2017.

    Es funktioniert jetzt alles, bis auf die 2 Scripts, aus #2. (also quasi einmal die Ordner- und die Textfarbe der Sidebar)

    Back to the FavIcon hat funktioniert und funktioniert auch in Deiner Variante.

  • Scripte und Firefox61

    • genetic
    • 26. Juni 2018 um 21:11

    Zum Teil hat mir dieser Fred geholfen:

    https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=125490

    aktuell funktioniert weiterhin nicht:

    CSS
    /* Lesezeichen Sidebar - Ordnericon stehend gelb */
    @-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
    url("chrome://browser/content/history/history-panel.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.xul") {
    	.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

    und

    CSS
    /**********Sidebar**********/
    
    
    #sidebar-switcher-bookmarks > .toolbarbutton-icon,
    #sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
      color: #336699 !important;
      fill: #336699 !important;
      opacity: 1.0 !important;
    }
    
    
    #sidebar-switcher-history > .toolbarbutton-icon,
    #sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
      color: #800080 !important;
      fill: #800080 !important;
      opacity: 1.0 !important;
    }
    
    
    #sidebar-switcher-tabs > .toolbarbutton-icon,
    #sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
      color: #4169e1 !important;
      fill: #4169e1 !important;
      opacity: 1.0 !important;
    }
    Alles anzeigen
  • Scripte und Firefox61

    • genetic
    • 26. Juni 2018 um 20:56

    Hallo,

    auch meinen Fox61 hat's erwischt und einige Scripte funktionieren nicht mehr.

    Das da wären:

    Code
    //      BackToTheFavicon.uc.js
    
    
    (function() {
    
    
       if (location != 'chrome://browser/content/browser.xul')
          return;
    
    
       gBrowser.tabContainer.addEventListener('TabAttrModified', function() {
          var icon = document.getElementById('identity-icon');
          var favicon = gBrowser.selectedTab.image;
          if (favicon)
             icon.src = favicon
          else
             icon.removeAttribute('src');
       }, false);
    
    
       if (Number(gAppInfo.version.split('.')[0]) >= 51) {
          var css =
             '#urlbar[pageproxystate="valid"] > #identity-box > #identity-icon {opacity: 1} ' +
             '#identity-icon {filter: none}';
          var stylesheet = document.createProcessingInstruction('xml-stylesheet',
             'type="text/css" href="data:text/css;utf-8,' + encodeURIComponent(css) + '"');
          document.insertBefore(stylesheet, document.documentElement);
       };
    
    
    })();
    Alles anzeigen
    Code
    // Neustartbutton
    
    
    (function() {
    
    
    let menuitem = document.createElement('toolbarbutton');
    menuitem.id = 'fp-appMenu-restart-button';
    menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
    menuitem.setAttribute('label' , 'Neustart');
    menuitem.setAttribute('tooltiptext' , 'Neustart');
    menuitem.style.listStyleImage= 'url("chrome://browser/skin/reload.svg")';
    menuitem.setAttribute('oncommand' , "Services.appinfo.invalidateCachesOnRestart() || BrowserUtils.restartApplication();");
    let refItem = document.getElementById('appMenu-quit-button');
    refItem.parentNode.insertBefore(menuitem, refItem);
    
    
    })();
    Alles anzeigen

    Und Teile meiner "großen" userChrome.css:

    CSS
    /***********************************************************/
    /* context menu items and icons instead of just huge icons */
    /***********************************************************/
    
    
    #context-back .menu-iconic-icon {
      fill: #4169e1 !important;
    }
    
    
    #context-forward .menu-iconic-icon {
      fill: #4169e1 !important;
    }
    
    
    #context-reload .menu-iconic-icon {
      fill: green !important;
    }
    
    
    #context-stop .menu-iconic-icon {
      fill: red !important;
    }
    
    
    #context-bookmarkpage .menu-iconic-icon {
      fill: #336699 !important;
    }
    Alles anzeigen
    CSS
    /**********Sidebar**********/
    
    
    #sidebar-switcher-bookmarks > .toolbarbutton-icon,
    #sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
      color: #336699 !important;
      fill: #336699 !important;
      opacity: 1.0 !important;
    }
    
    
    #sidebar-switcher-history > .toolbarbutton-icon,
    #sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
      color: #800080 !important;
      fill: #800080 !important;
      opacity: 1.0 !important;
    }
    
    
    #sidebar-switcher-tabs > .toolbarbutton-icon,
    #sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
      color: #4169e1 !important;
      fill: #4169e1 !important;
      opacity: 1.0 !important;
    }
    Alles anzeigen

    Bin für Hilfe sehr dankbar :)

  • Firefox 61 Lesezeichen

    • genetic
    • 26. Juni 2018 um 20:24

    Kann ich Fragen hierzu, in diesem Fred posten?

  • Firefox 61 Lesezeichen

    • genetic
    • 26. Juni 2018 um 20:15

    Mit einem "frischen" (jungfräulichen) Fox geht es - allesdings funktionieren dann wieder nicht alle Scripts der in der userChrome.css bzw. *.js.

    Sind die ggf. nicht mit neueren Fox-Vers. kompatibel?

  • Firefox 61 Lesezeichen

    • genetic
    • 26. Juni 2018 um 20:00

    Dann funktioniert's.

    Aber es liegt nicht an den Add-Ons, denn wenn ich die komplett deaktiviere, funktioniert's auch nicht.

    Kann's an der userChrome liegen?

  • Firefox 61 Lesezeichen

    • genetic
    • 26. Juni 2018 um 19:19

    Hallo zusammen,

    habe meinen Fox gerade auf 61 upgedated und nun öffnen sich die Lesezeichen, in der Lesezeichensymbolleiste nicht mehr mit Doppelklick. Bedeutet ich kann draufklicken, sie verändern sich auch farblich, aber es wird kein Fenster/Tab geöffnet.

    Mit Rechtsklick "In neuem Tab/Fenster öffnen" geht es und aus der Sidebar raus auch.

    Hat jemand eine Idee?

    Grüße
    genetic

  • eckige Tabs bei Quantum abrunden

    • genetic
    • 3. Januar 2018 um 20:35

    Guten Abend,

    an welchem Code dreht man denn, wenn ich die Farbe (vielleicht auch Farbverlauf), für die inaktiven Tabs verändern möchte?

    CSS
    :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 {
      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

Unterstütze uns!

Jährlich (2025)

92,9 %

92,9% (604,17 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon