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

Beiträge von Skippy

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 25. Oktober 2026 um 20:27

    Ääääähm, da bin ich doch noch mal.
    Die Rahmenfarben beim aktiven Tab und wenn alle ausgewählt sind bekomme ich nicht geändert.
    Beim aktiven Tab ist es von deinem Testcode aktuell noch so und da wird der grüne Rahmen angezeigt:

    /*aktiver Tab*/
    .tabbrowser-tab[selected] > .tab-stack > .tab-background {
       border: 2px solid green !important;
    }


    Daraus habe ich es mit diesen beiden Varianten probiert, aber keine wird angenommen:

    /*aktiver Tab*/
    .tabbrowser-tab[selected] > .tab-stack > .tab-background {
       border: 2px solid #95A9B8 !important;
    }

    /*aktiver Tab*/
    .tabbrowser-tab[selected] > .tab-stack > .tab-background {
       border: 2px solid rgb(149, 169, 184) !important;
    }

    Wo liegen da die Fehler?

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 25. Oktober 2026 um 15:26

    Super, das ist nun auch perfekt, und jetzt ist soweit alles so, wie es für mich sein soll.
    Ich spiele nun nur noch weiter an den Farben der Tabs herum (Ränder, aktiver Tab, ausgewählte Tabs etc.), aber das ist sicher auch bald geschafft.

    Danke für die schnellen und hilfreichen Antworten zu meinen vielen Fragen! :thumbup::thumbup::thumbup:

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 24. Oktober 2026 um 21:48
    Zitat von 2002Andreas

    Fällt dir das gar nicht auf, wenn einzelne Codes nicht mehr funktionieren :/

    Teils war das so, aber jetzt habe ich eben alles überarbeitet und repariert. Sieht nun auch alles gut aus. Morgen werde ich an den Farben weiterarbeiten.

    Ein letztes habe ich aber noch. Wenn ich einen Rechtsklick auf ein Tab mache und das Menü geht auf, dann steht als erstes oben "Tab neu laden". An zweiter Stelle stand dort lange "Alle Tabs auswählen", aber mit der Zeit und verschiedenen Firefox-Updates wurde das immer weiter nach unten durchgerückt.
    Wie bekomme ich "Alle Tabs auswählen" wieder an Position 2 ?
    Ich wusste mal wie das geht, aber nun stehe ich auf dem Schlauch ...

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 24. Oktober 2026 um 18:12

    So sieht es jetzt bei mir auch aus, super!
    Ich werde mit den Farben und anderem noch etwas herumprobieren und mich später dann noch mal melden.

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 24. Oktober 2026 um 17:58

    Hier ist er. Die Höhe der Tabs und die der Tableiste ist normalerweise etwas niedriger, nur zum Testen stehen sie aktuell auf 36 und 48 px.

    CSS
    /* -------------------------------------------------------------------------------------------- */
    /* ------------------------------------------ Tabs ------------------------------------------ */
    /* -------------------------------------------------------------------------------------------- */
    
    #tab-preview-panel {
      --panel-width: auto !important;
    }
    
    
    /* Höhe derTableiste */
    #tabbrowser-tabs,
    #tabbrowser-arrowscrollbox,
    .tabbrowser-tabs .tabbrowser-tab {
      min-height: 48px !important;
      max-height: 48px !important;
    }
    
    /* Höhe der Tabs */
    .tabbrowser-tab {
    min-height: 36px !important;
    max-height: 36px !important;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    }
    
    
    /* Rahmenfarbe und Stärke bei ausgewählten Tabs, wenn sie neu geladen werden sollen, und beim aktiven Tabs */
    
    /*aktiver Tab*/
    .tabbrowser-tab[selected] > .tab-stack > .tab-background  {
    	outline: 2px solid green !important;
    }
    /*ausgewählte Tabs*/
    .tabbrowser-tab[multiselected] > .tab-stack > .tab-background {
    	outline: 2px solid blue !important;
    }
    
    
    /* Farbverlauf von links nach rechts in einem oder allen Tabs wenn sie neu geladen werden */
    #tabbrowser-tabs .tabbrowser-tab .tab-loading-burst[bursting] {
        fill: rgba(49, 197, 190, 0.164) !important;
        opacity: 1 !important;
    }
    
    /* Farbverlauf in der Tabzeile von oben nach unten */
    #TabsToolbar {
       background: linear-gradient(to bottom, #CDDBE9, #E0EDF5 ) !important;
    }
    
    /* Entfernt in der Tabzeile rechts die Grafik für -Alle Tabs Auflisten- */
    #alltabs-button {
      display: none !important;
      }
    
    /* Seitliche Abstände der Texte in Tab-Kontextmenüs */
    menupopup#tabContextMenu menuitem,
    menupopup#tabContextMenu menu {
      padding-left: 10px !important;
      padding-right: 10px !important;
     }
    
    /* Entfernt den farbigen Rahmen um das Adressfeld bei neu geöffneten Tab-Seiten */
    #urlbar {
        --toolbar-field-focus-border-color: transparent !important;   
    }
    
    menuitem#context_selectAllTabs {
      -moz-box-ordinal-group: 1 !important;
    }
    
    /* Entfernt den Eintrag "Teilen" aus Tab-Kontextmenü */ 
    menuitem[data-l10n-id="tab-context-share-url"] {
    display: none !important;
    }
    
    #context_moveTabToSplitView.badge-new::after {
      display: none !important;
    }
    
    
    /* ------------------------------------------------------------------------------------------------ */
    /* --------------------- Abstände in den Lesezeichen-Menüs ---------------------- */
    /* ----------------------------------------------------------------------------------------------- */
    
    /* Abstand zwischen den Lesezeichen in der Lesezeichen-Symbolleiste */
    /* Abstände Höhe (4px) und zu den Rändern (8px) der Einträge in Lesezeichen-Popups */
    #PlacesToolbar .toolbar-menupopup :is(menuitem,menu) {
      padding: 4px 8px !important; 
    }
    
    /* Hamburger-Menü Abstände, Abstände in der Höhe, muss identisch sein zum ersten Wert im Codeblock hier drüber (4px) */
    #appMenu-mainView {
        --panel-menuitem-padding: 4px !important;
    }
    
    /* Höchstbreite des Lesezeichen-Popups (geöffneter Lesezeichen-Ordner) */
    #PlacesToolbar .toolbar-menupopup {
      max-width: 315px !important;
    }
    
    
    /* -------------------------------------------------------------------------------- */
    /* -------------------------------- Sonstiges --------------------------------- */
    /* ------------------------------------------------------------------------------- */
    
    /* Entfernt den farbigen Rahmen ums vorgeschlagene Auswahlfeld bei der Auswahl,ob eine 
    Datei im Net nach dem Anklicken geöffnet oder runtergeladen werden soll, z.B. PDFs */
    @-moz-document url(chrome://mozapps/content/downloads/unknownContentType.xhtml){
    
    :root {
      --focus-outline-width: 0 !important;
    }
    }
    
    /* Abstände in Kontextmenüs / Rechtsklickmenüs (erscheinen, wenn Rechtsklick auf einen Link/verlinkte Grafik gemacht wird) */
    menupopup > menu, menupopup > menuitem {
        padding-block: 2px !important;  /*  Abstand in der Höhe zwischen den Einträgen */
        min-height: 18px !important;     /* für was ? */
    }
    
    /* Entfernt die farbigen Rahmen bei allen aktiven Eingabefeldern */
    input:not([type="file"], [type="image"]):focus-visible,
    select:focus-visible,
    button:focus-visible,
    textarea:focus-visible {
        outline-style: none !important;
        }
    Alles anzeigen
  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 24. Oktober 2026 um 17:42

    Oh .... da muss ich mal gucken.

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 24. Oktober 2026 um 17:34

    Das hilft nicht. Es bleibt dabei, dass der untere Rand der Tabs nur 1 px breit angezeigt wird.
    Ich habe mal einen Screenshot beigefügt.
    Der Freiraum in der Tableiste kann unter den Tabs 20 px hoch sein, so dass also genug Platz da ist, dass die unteren Tabränder 2 px oder gar dicker sein könnten.

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 24. Oktober 2026 um 15:44

    Das mit den Farben anpassen klappt nun recht gut. Ich spiele noch ein wenig herum, bis ich die für mich perfekten gefunden habe.
    Gestern, als ich in der userChrome.css des PCs mit den Farben herumgespielt habe, hat es sich auf der Seite in diese Auswahlansicht umgeändert:



    Wie ich das ausgelöst habe weiß ich nicht, aber es ist jedenfalls sehr hilfreich.
    Bin nun gerade am Laptop und werkel an der userChrome.css herum, da bekomme ich diese Ansicht leider nicht hin.

    Beim Laptop habe ich die Rahmen um die Tabs von 1 auf 2 px breiter gemacht. An den Seiten und oben sind die Rahmen nun auch
    2 px breit, aber unter bleibt es bei der 1 px-Stärke. Ich dachte zuerst, dass die Tableiste in der Höhe zu niedrig sei und habe die Höhe vergrößert. Der untere Tabrahmen bleibt aber weiterhin so dürre bei 1 px, obwohl nach unten hin aktuell 10 px freier Platz ist.
    Was kann ich da nun noch probieren?

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 23. Oktober 2026 um 21:47

    Erst mal danke für die Antwort. Leider hat das aber nichts geändert.
    Ich habe es danach auch mal mit Hexcodes als Farben probiert, damit ging es aber auch nicht.

    Für heute muss ich nun erst mal Schluss machen.
    Gutes Nächtle. :)

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 23. Oktober 2026 um 20:31

    Ähm, hier bin ich doch noch mal mit Fragen zum Ändern der Farben von Tabreitern ...

    Ich möchte gerne die Hintergrundfarbe bei "Tab neu laden" ändern und auch die bei "Tabs neu laden", wenn alle ausgewählt sind. Da läuft beim Laden von links nach rechts immer ein "Farbwischer" durch. Am PC ist der mintfarben und am Laptop rosa.

    Außerdem möchte ich gerne die Rahmenfarbe der Tabs bei "alle Tabs auswählen" ändern sowie auch die des gerade aktiven Tabs.

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 17. Oktober 2026 um 19:39

    Sooo, nun ist es hier perfekt. 😀

    Vielen Dank für alles an dich und auch Mira_Belle !!! :thumbup:

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 17. Oktober 2026 um 18:24

    Juchhe, jetzt hat's endlich funktioniert. 😀
    Mein Fehler war, dass ich es bei beiden mit unterschiedlichen Werten versucht hatte ... *sehr peinlich*
    Danke für deine Geduld.

    Ein kurze letzte Frage noch. Wie kann man die Breite eines offenen Lesezeichenordners begrenzen? Manche Lesezeichen haben einen langen Text und dadurch werden die Spalten manchmal recht breit.
    Kann man die Breite irgendwie begrenzen und der lange Text wird dann an einem bestimmten Punkt abgestoppt und es kommt evtl. einfach ein . . . hinten dran?

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 17. Oktober 2026 um 17:52

    Jetzt ist der komplette Code aus Beitrag Nr. 8 online. Die einzelnen Lesezeichen sind nun alle dicht aneinander.
    Jetzt versuche ich schon seit ein paar Minuten, zwischen denen jeweils einen Abstand von etwa 3 oder 4px einzufügen, aber sie kleben trotzdem weiterhin direkt aneinander.
    Habe es mit Änderungen an den Werten in Zeile 8 und auch 13 versucht, aber die haben nie etwas bewirkt.

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 17. Oktober 2026 um 16:44
    Zitat von 2002Andreas

    Steht in deiner userChrome.css Datei unten rechts auch: UTF-8

    Ja, da steht UTF-8

    Hier ist der komplette Inhalt der userChrome.css.
    Einiges altes, das längst nicht mehr gültig oder nötig war, habe ich zuvor rausgeschmissen. Das hier ist nun noch übrig.
    Die Werte oben bei margin-inline und padding-block kann ich ändern wie ich will, z. B. auf 5, 8 oder 12 stellen, im Browser bleibt der Lesezeichabstand danach trotzdem immer bei dem alten wie auf dem Screenshot.

    CSS
    /* ------------------------------------------------------------------------------ */
    /* --------------------- Abstände in den Lesezeichen-Menüs ---------------------- */
    /* ------------------------------------------------------------------------------ */
    
    /* Abstand zwischen den Lesezeichen in der Lesezeichen-Symbolleiste */
      toolbarbutton.bookmark-item {
          margin-inline: 2px !important;
      }
    
      #AppMenuButton menupopup > menuitem,
      #AppMenuButton menupopup > menu {
          padding-block: 3px !important; /* default 4px */
      }
    
    
    /* ------------------------------------------------------------------------------ */
    /* ------------------------------------ Tabs ------------------------------------ */
    /* ------------------------------------------------------------------------------ */
    
    #tab-preview-panel {
      --panel-width: auto !important;
    }
    
    /* Farbverlauf in der Tabzeile von oben nach unten */
    #TabsToolbar {
       background: linear-gradient(to bottom, #CDDBE9, #E0EDF5 ) !important;
    }
    
    /* Entfernt in der Tabzeile rechts die Grafik für -Alle Tabs Auflisten- */
    #alltabs-button {
      display: none !important;
      }
    
    /* Höhe der Tabs */
    .tabbrowser-tab {
    min-height: 36px !important;
    max-height: 36px !important;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    }
    
    /* Seitliche Abstände der Texte in Tab-Kontextmenüs */
    menupopup#tabContextMenu menuitem,
    menupopup#tabContextMenu menu {
      padding-left: 10px !important;
      padding-right: 10px !important;
     }
    
    /* Entfernt den farbigen Rahmen um das Adressfeld bei neu geöffneten Tab-Seiten */
    #urlbar {
        --toolbar-field-focus-border-color: transparent !important;   
    }
    
    menuitem#context_selectAllTabs {
      -moz-box-ordinal-group: 1 !important;
    }
    
    /* Entfernt den Eintrag "Teilen" aus Tab-Kontextmenü */ 
    menuitem[data-l10n-id="tab-context-share-url"] {
    display: none !important;
    }
    
    
    /* ---------------------------------------------------------------------------- */
    /* -------------------------------- Sonstiges --------------------------------- */
    /* ---------------------------------------------------------------------------- */
    
    /* Entfernt den farbigen Rahmen ums vorgeschlagene Auswahlfeld bei der Auswahl,ob eine 
    Datei im Net nach dem Anklicken geöffnet oder runtergeladen werden soll, z.B. PDFs */
    @-moz-document url(chrome://mozapps/content/downloads/unknownContentType.xhtml){
    
    :root {
      --focus-outline-width: 0 !important;
    }
    }
    
    /* Entfernt die farbigen Rahmen bei allen aktiven Eingabefeldern */
    input:not([type="file"], [type="image"]):focus-visible,
    select:focus-visible,
    button:focus-visible,
    textarea:focus-visible {
        outline-style: none !important;
        }
    Alles anzeigen
  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 16. Oktober 2026 um 20:41
    Zitat von 2002Andreas

    Das sollte ausreichen:

    CSS
    /* Abstände/Höhe der Einträge in Lesezeichen-Popup-Menüs ändern */
    #PlacesToolbar .toolbar-menupopup :is(menuitem,menu) {
    padding: 0 0 !important;
    }

    Alles anzeigen

    Das scheint bei mir nicht zu funktionieren. Ich habe es da auch mal mit verschiedenen Werten probiert, aber das Ergebnis sieht immer gleich aus. Die Abstände werden weder kleiner noch größer. Sie bleiben zwischen den einzelnen Lesezeichen-Zeilen immer auf dem selben zu großen Abstand. Hmmm ...
    Ob der Hintergrund eines Lesezeichens bei Mouseover nun eckig oder abgerundet angezeigt wird, ist mittlerweile nicht mehr so wichtig für mich, aber es wäre toll, wenn es klappen würde, dass sich die Abstände zwischen den einzelnen doch noch irgendwie verringern ließen, so wie es auf dem Bild in Beitrag #5 zu sehen ist.
    Es ist halt seltsam, dass sich das am Laptop alles prolemlos machen lässt, aber am PC hakt es.

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 15. Oktober 2026 um 20:04
    Zitat von 2002Andreas

    Das sollte ausreichen:

    CSS
    /* Abstände/Höhe der Einträge in Lesezeichen-Popup-Menüs ändern */
    #PlacesToolbar .toolbar-menupopup :is(menuitem,menu) {
      padding: 0 0 !important; 
    }

    Okay, ich werde es morgen mal am PC ausprobieren.


    Und das hat keinerlei Funktion mehr, das stammt noch aus Zeiten von Proton, und wir sind bei Nova inzwischen.

    CSS
    /* Tab Inhalt Abstände */
    :root {
       --proton-tab-radius: 0px !important;   
       --proton-tab-block-margin: 2px !important;
      --inline-tab-padding: 9px !important;
    }

    Dann kann ich es ja entfernen. Gibt es etwas ähnliches auch für Nova oder ist das nicht nötig?

    Zitat von Skippy

    mit "Kompakt" probieren

    Hat darauf keinen Einfluss.

    Zitat von Skippy

    doch dort bekomme ich es einfach nicht hin

    Nutzt du dort denn schon CSS-Codes?
    Ja

    Ansonsten, hast du den config Eintrag auf true stehen?
    Ja

    toolkit.legacyUserProfileCustomizations.stylesheets
    genau so

    Alles anzeigen
  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 14. Oktober 2026 um 21:43

    Am Laptop steht es auf "Automatisch (Standard)".
    Beim PC müsste ich morgen mal gucken und es dort evtl. mal mit "Kompakt" probieren, falls dort was anderes ausgewählt ist.

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 14. Oktober 2026 um 20:53

    Hallo,
    hier bin ich noch mal.

    Ich habe in den vergangenen Tagen mit verschiedenen Einstellungen herumgespielt und nun habe ich bis auf eine Kleinigkeit alles so, wie es mir gefällt. Anstatt an einigen Stellen die Rundungen von Proton wegzubekommen und es lieber wieder eckig zu haben, finde ich die Rundungen jetzt doch ganz nett und möchte sie so lassen. Das heißt, bis auf die Hintergründe bei Mouseover über den Einträge in den Ordnern, die auf der Lesezeichen-Symbolleiste liegen.

    Ich habe auf dem Laptop und dem PC nun eine identische userChrome.css in Verwendung. Wenn ich am Laptop in der Lesezeichen-Symbolleiste einen Ordner öffne, dann erhalten die Einträge dort bei Mouseover einen eckigen Hintergrund. So gefällt es mir gut und so soll es bleiben. Auch kann ich die Abstände in der Höhe zwischen den einzelnen Eintäge anpassen, diese vergrößern oder verkleinern. So wie es auf dem beigefügten Bild rechts zu sehen ist, gefällt es mir für den Laptop jetzt gut.

    Genauso soll es auch am PC sein, doch dort bekomme ich es einfach nicht hin, obwohl dort - wie schon erwähnt - die userChrome.css nun völlig identisch ist. Ich habe schon verschiedenes probiert, aber das hatte entweder gar nichts geändert oder es wurde verschlimmbessert …
    Die Abstände zwischen den einzelnen Einträgen sind dort deutlich größer und der Mouseover-Hintergrund ist abgerundet. Wie lässt sich das ändern? Die Einträge dichter zusammenschieben geht momentan vielleicht auch deswegen nicht, weil der Mouseover-Hintergrund so hoch ist (im Bild links).




    Dieses habe ich in der userChrome.css stehen:

    CSS
    /* Abstände/Höhe der Einträge in Lesezeichen-Popup-Menüs ändern */
    #PlacesToolbar menuitem,
    #PlacesToolbar menu {
      margin: 0 0 !important;
      min-height: 20px !important;
      padding-top: 1px !important; 
      padding-bottom: 0 !important;
      border-radius: unset !important;
    }
    
    /* Tab Inhalt Abstände */
    :root {
       --proton-tab-radius: 0px !important;   
       --proton-tab-block-margin: 2px !important;
      --inline-tab-padding: 9px !important;
    }
    Alles anzeigen
  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 3. Oktober 2026 um 17:35

    Danke erst mal für deine css-Codes und sorry, dass ich mich jetzt erst wieder melde.
    Gestern und heute habe ich einige Zeit mit den Codes herumprobiert, aber es hat nicht ganz geklappt. Manches wurde zwar so geändert, wie ich es mir gewünscht habe, aber anderes ging dann nur teilweise oder auch gar nicht.

    Wahrscheinlich liegt es hieran: Die userChrome.css wurde vor einiger Zeit schon mal ziemlich geändert und da habe ich es mit meinem Halbwissen jetzt nicht hinbekommen, die von dir geschriebenen Codes dort mit einzufügen bzw. auch altes unnützes gegen neues auszutauchen.
    Ein Problem war auch mal – zumindest bei meinen Versuchen – dass bei dem verwendeten Theme die hellen blaugrauen Teile Farbverläufe haben, die man beim kurz mal draufgucken kaum bemerkt.

    Hier ist mal die komplette alte userChrome.css. Vielleicht kannst du dort mal drüberschauen und gucken, wie ich meine neuen Wünsche dort eintragen muss. Es eilt auch nicht!


    CSS
    #context_moveTabToNewGroup,
    #context_askChat,
    #context_askChat + menuseparator,
    #context_closeDuplicateTabs {
      display: none !important;
    }
    
    #context_reloadTab {
      order: -1 !important;
    }
    
    #context_selectAllTabs{
      order: -1 !important;
    }
    
    
    /* Abstände/Höhe der Einträge in Lesezeichen-Popup-Menüs ändern */
    #PlacesToolbar menuitem,
    #PlacesToolbar menu {
      margin: 0 0 !important;
      min-height: 20px !important;
      padding-top: 1px !important; 
      padding-bottom: 0 !important;
      border-radius: unset !important;
    }
    
    /* Abstände/Höhe der Einträge in Lesezeichen-Popup-Menüs ändern */
    /* 1px = Abstand Zeile oben und unten, 10px = Abstand linker Rand */
    menupopup > menuitem,
    menupopup > menu {
      padding-block: 1px !important;
      padding-inline-start: 10px !important;
    }
    
    #tab-preview-panel {
      --panel-width: auto !important;
    }
    
    /* Entfernt in der Tabzeile rechts die Grafik für -Alle Tabs Auflisten- */
    #alltabs-button {
      display: none !important;
      }
    
    /* Höhe der Tabs */
    .tabbrowser-tab {
    min-height: 36px !important;
    max-height: 36px !important;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    }
    
    /* Rahmen des aktiven Tabs */
    .tabbrowser-tab .tab-background[selected="true"] {
    border-left: 1px solid #767676 !important;   /* Farbe der festsichtbaren Rahmenlinien, mittelgrau */
    border-right: 1px solid #767676 !important;
    border-top: 1px solid #767676 !important;
    border-bottom: 2px solid #E6F0F8 !important; /* Höhe und Farbe der unteren Rahmenlinie */
    box-shadow: none !important;  /* Entfernt den Schatten um den Rahmen */
    }
    
    /* Fügt eine schwarze Linie über der Symbolleiste als Trennlinie zum Tabbereich ein. Der aktive Tab hat dann 
    Rahmenlinien seitlich und oben, aber nicht unten. Diese Ansicht war mal verschwunden, daher nun ein extra Code */
    .tabbrowser-tab[selected] {
       position: relative;
       z-index: 1;
    }
    
    /* Tab Inhalt Abstände */
    :root {
       --proton-tab-radius: 0px !important;   
       --proton-tab-block-margin: 2px !important;
       --inline-tab-padding: 9px !important;
    }
    
    /* Seitliche Abstände der Texte in Tab-Kontextmenüs */
    menupopup#tabContextMenu menuitem,
    menupopup#tabContextMenu menu {
      padding-left: 10px !important;
      padding-right: 10px !important;
     }
     
    menupopup#placesContext menuitem,
    menupopup#placesContext menu {
     padding-left: 10px !important;
     padding-right: 10px !important;
     }
     
     
    /* Farbverlauf in der Tabzeile von oben nach unten */
    #TabsToolbar {
       background: linear-gradient(to bottom, #CDDBE9, #E0EDF5 ) !important;
    }
    
    /* Aktiver Tab Hintergrund mit Farbverlauf */
    .tabbrowser-tab[visuallyselected="true"]> .tab-stack > .tab-background {
       background: linear-gradient(to bottom, #EDF4FA, #E8F1F9 ) !important;
    }
    
    /* Inaktiver Tab hover Hintergrund */
    .tabbrowser-tab:not([visuallyselected="true"]):hover  > .tab-stack > .tab-background {
       background: #BEC9D1 !important;    
    }
    
    /* Neuer-Tab-Button hover HG, funktioniert nur ohne eigenen HG für den Button */
    #TabsToolbar #tabs-newtab-button {
      --toolbarbutton-hover-background: #BEC9D1 !important;  
    }
    
    /* Abstand zwischen den Lesezeichen in der Lesezeichen-Symbolleiste */
    toolbarbutton.bookmark-item {
      margin-inline: 5px !important;
    }
    
    /* Entfernt die farbigen Rahmen bei allen aktiven Eingabefeldern */
    input:not([type="file"], [type="image"]):focus-visible,
    select:focus-visible,
    button:focus-visible,
    textarea:focus-visible {
        outline-style: none !important;
        }
    
    /* Entfernt den farbigen Rahmen um das Adressfeld bei neu geöffneten Tab-Seiten */
    #urlbar {
        --toolbar-field-focus-border-color: transparent !important;   
    }
    
    /* Entfernt den farbigen Rahmen ums vorgeschlagene Auswahlfeld bei der Auswahl, ob eine 
    Datei im Net nach dem Anklicken geöffnet oder runtergeladen werden soll, z.B. PDFs */
    @-moz-document url(chrome://mozapps/content/downloads/unknownContentType.xhtml){
    
    :root {
      --focus-outline-width: 0 !important;
    }
    }
    
    /* Farbe des Sterns im Suchfeld bei schon gesetztem Lesezeichen für die aktuelle Seite */
    #star-button[starred="true"] {
        fill: #7D7C7C !important;
        }
    
    /* Farbe des Seite-Neu-Laden-Buttons in der Symbolzeile */
    #reload-button {
        color: #0558E2 !important;
        }
    
    menuitem#context_selectAllTabs {
      -moz-box-ordinal-group: 1 !important;
    }
    
    /* Entfernt den Eintrag "Teilen" aus Tab-Kontextmenü */ 
    menuitem[data-l10n-id="tab-context-share-url"] {
    display: none !important;
    }
    
    
    #context_moveTabToSplitView.badge-new::after {
      display: none !important;
    }
    Alles anzeigen
  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Skippy
    • 1. Oktober 2026 um 20:24

    Gestern war mein erster Eindruck nach dem Update so, dass ich dachte, ich müsse am neuen Aussehen meines alten Themes wieder vieles ändern. Jetzt habe ich aber schon eine Weile mit ihm gearbeitet und die kleinen Neuerungen sind doch gar nicht so übel. Zwei Dinge möchte ich allerdings doch wieder anders haben.
    1) Wie bekomme ich es hin, dass der Reiter des aktiven Tabs wieder so aussieht wie auf dem nachfolgenden Bild? Also oben leicht abgerundete Ecken und unten offen?

    .
    2) In der Lesezeichen-Symbolleiste erhalten die ausgewählten Ordner oder Websites bei Mouseover einen etwas dunkleren Hintergrund, der an den Seiten sehr rund ist. Wie kann ich es ändern, dass der Hintergrund zum einen rechts und links leicht breiter wird und dann auch nur noch oben und unten an den Ecken leicht abgerundet ist?
    Im Beispiel hier ist oben das aktuelle Aussehen und unten das alte, so wie es wieder werden soll.


Unterstütze uns!

Jährlich (2026)

72,4 %

72,4% (560,79 von 775 EUR)

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