Cool, vielen Dank. Das wars
Tab mit Audioinhalt: Ist diese Darstellung normal oder ein nicht mehr richtig funktionierendes Script?
-
genetic -
29. Oktober 2024 um 17:28 -
Erledigt
-
-
vielen Dank. Das wars
Gern geschehen
-
browser.tabs.secondaryTextUnsupportedLocales
Und dort den Wert um de erweitern
Also bei mir war/ist dort "de" nicht ergänzt und der Tab ist trotzdem einzeilig.
Ist die Anpassung dann doch in meinem CSS-Code?
CSS
Alles anzeigen/* userChrome.css **********************************************/ @-moz-document url-prefix(chrome://browser/content/browser.xhtml) { /***************************************************************/ /* CSS-Anweisungen bitte unter diesen Kommentar eintragen. */ /***************************************************************/ } /* 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/places/bookmarksSidebar.xhtml") { 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.xhtml") { 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; } } .titlebar-button { stroke: white !important; } /*******Damit wird der Tabtext nicht blasser, wenn kein Fokus auf dem FF ist*******/ .tab-label { opacity: 1 !important; } /*******Menüleiste eingefärbt*******/ #toolbar-menubar { color:#fff!important; background: #0062A8 !important; } /*******Tableiste eingefärbt*******/ #TabsToolbar { color:#fff!important; background: #0078D7 !important; } /*******Abgerundete Tabs*******/ .tab-background { border-radius: 80px !important; } /*******Abgerundeter Schließen Button*******/ .tab-close-button { border-radius: 80px !important; } /*******Aktiver Tab Schrift weiß*******/ .tabbrowser-tab[visuallyselected] { text-shadow: none !important; color: white !important; } /*******Aktiver Tab hover*******/ .tabbrowser-tab:is([visuallyselected="true"]:hover, [multiselected]) > .tab-stack > .tab-background { background: #CFCFD8 !important; } /*******Aktiver Tab Schrift weiß*******/ .tabbrowser-tab[visuallyselected] { color: white !important; } /* weißer Rahmen um aktiven Tab weg*/ .tab-background[selected] { outline: none !important; } /******Inaktiver Tab hover*******/ .tabbrowser-tab:not([visuallyselected="true"]):hover > .tab-stack > .tab-background { background: #005A9E !important; } /******Inaktiver Tab HG******/ .tabbrowser-tab:not([visuallyselected]) > .tab-stack > .tab-background { background: #006CBA !important } /******Inaktiver Tab Schrift weiß, transparent (.5 steht für die Deckkraft Werte zwischsen 0 (komplett transparent) und 1 (komplett sichtbar) sind möglich.******/ .tabbrowser-tab:not([visuallyselected]) { color: rgba(255, 255, 255, .5) !important; text-shadow: none !important; } /*****Inaktiver Tab hover Schrift weiß******/ .tabbrowser-tab:not([visuallyselected]):hover { color: white !important; } /*******Tab schließen Button HG bei hover rot und das X weiß******/ .tab-close-button[fadein]:hover { fill: white !important; background: #E81123 !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; } /*******Runder Neuer Tab Button*******/ #TabsToolbar #tabs-newtab-button > image { border-radius: 80px !important; } /*******Hintergrund bei den Buttons in der Tableiste: +, <, >, v bei Hover und beim draufklicken*******/ #TabsToolbar { --toolbarbutton-hover-background: #005A9E !important } /*Lautsprechersymbol größer und Weiß bei Sound*/ .tab-icon-overlay[soundplaying] { fill: white !important; transform: scale(1.4, 1.4) !important; background-color: transparent !important; border: none !important; } /*Lautsprechersymbol größer und Rot bei Stumm*/ .tab-icon-overlay[muted] { fill: #E81123 !important; transform: scale(1.4, 1.4) !important; background-color: transparent !important; border: none !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-bookmarklink, menuitem[label="Link in Pocket speichern"], #context-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:white !important; } menupopup > menu, menupopup > menuitem { color:#00437A !important; } .menu-accel{ color:#00437A!important; } #titlebar-min,#titlebar-max,#titlebar-close{ color:white!important; } @-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") { .sidebar-placesTreechildren, sidebarheader, #sidebar-search-label{ color:#00437A !important; } .sidebar-placesTreechildren::-moz-tree-image(leaf) { fill:#00437A!important; } } /******Linkvorschau unten links abschalten******/ @-moz-document url-prefix(chrome://browser/content/browser.xhtml){ #statuspanel-label {display:none!important;} /******Tooltipps entfernen******/ tooltip{ visibility:hidden!important; } /********Neustart im Dropdownmenü einrücken*******/ #restartfirefox-appMenu > label { margin-left: -24px !important; } /********Lesezeichen-Symbolleite schmaler*************/ menupopup[needsgutter] menu:not([checked="true"]), menupopup[needsgutter] menuitem:not([checked="true"]) { padding-inline-start: 15px !important; } } /********Damit werden die Standard Icons statt denen aus einem Theme wieder genommen*************/ :root[lwtheme-image] { .titlebar-button { -moz-context-properties: stroke !important } .titlebar-min { list-style-image: url(chrome://browser/skin/window-controls/minimize.svg) !important } .titlebar-max { list-style-image: url(chrome://browser/skin/window-controls/maximize.svg) !important } .titlebar-restore { list-style-image: url(chrome://browser/skin/window-controls/restore.svg) !important } .titlebar-close { list-style-image: url(chrome://browser/skin/window-controls/close.svg) !important } } /****** Keine Tabvorschau ********/ #tab-preview-panel { display: none !important; } /********** Tab-Ordner in der Tableiste entfernen *********/ #alltabs-button { display: none !important; }
-
Ist die Anpassung dann doch in meinem CSS-Code?
In Zeile 70:
color: white !important;
Zwecks Test mal entfernt, ergibt dann:
D.h., der Text ist nicht weg, sondern dadurch nur unsichtbar geworden.
-
D.h., der Text ist nicht weg, sondern dadurch nur unsichtbar geworden.
Sehr seltsam.
Denn mein Tab ist nicht Weiß und wenn ich Zeile 70 entferne, tut sich bei mir gar nichts.
-
Denn mein Tab ist nicht Weiß
So sieht das mit deinem
Code hier aus:
Und so bei hover auf den Tab:
Und so bei hover wenn es Video mit Ton läuft:
Dieser Teil in deinem Code ist auch doppel:
-
Dieser Teil in deinem Code ist auch doppel:
Genau - Zeilen 79-82 müssen raus.
Aber auch dann ändert sich (bei mir nichts) - die Farben passen und der Text ist einzeilig.
-
die Farben passen und der Text ist einzeilig.
Evtl. hast du dann noch einen weiteren Code
Denn bei mir ist der aktive Tab auch weiß.
-
Evtl. hast du dann noch einen weiteren Code
Das ist meine userChrome.css 1:1 kopiert:
CSS
Alles anzeigen/* userChrome.css **********************************************/ @-moz-document url-prefix(chrome://browser/content/browser.xhtml) { /***************************************************************/ /* CSS-Anweisungen bitte unter diesen Kommentar eintragen. */ /***************************************************************/ } /* 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/places/bookmarksSidebar.xhtml") { 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.xhtml") { 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; } } .titlebar-button { stroke: white !important; } /*******Damit wird der Tabtext nicht blasser, wenn kein Fokus auf dem FF ist*******/ .tab-label { opacity: 1 !important; } /*******Menüleiste eingefärbt*******/ #toolbar-menubar { color:#fff!important; background: #0062A8 !important; } /*******Tableiste eingefärbt*******/ #TabsToolbar { color:#fff!important; background: #0078D7 !important; } /*******Abgerundete Tabs*******/ .tab-background { border-radius: 80px !important; } /*******Abgerundeter Schließen Button*******/ .tab-close-button { border-radius: 80px !important; } /*******Aktiver Tab Schrift weiß*******/ .tabbrowser-tab[visuallyselected] { text-shadow: none !important; color: white !important; } /*******Aktiver Tab hover*******/ .tabbrowser-tab:is([visuallyselected="true"]:hover, [multiselected]) > .tab-stack > .tab-background { background: #CFCFD8 !important; } /* weißer Rahmen um aktiven Tab weg*/ .tab-background[selected] { outline: none !important; } /******Inaktiver Tab hover*******/ .tabbrowser-tab:not([visuallyselected="true"]):hover > .tab-stack > .tab-background { background: #005A9E !important; } /******Inaktiver Tab HG******/ .tabbrowser-tab:not([visuallyselected]) > .tab-stack > .tab-background { background: #006CBA !important } /******Inaktiver Tab Schrift weiß, transparent (.5 steht für die Deckkraft Werte zwischsen 0 (komplett transparent) und 1 (komplett sichtbar) sind möglich.******/ .tabbrowser-tab:not([visuallyselected]) { color: rgba(255, 255, 255, .5) !important; text-shadow: none !important; } /*****Inaktiver Tab hover Schrift weiß******/ .tabbrowser-tab:not([visuallyselected]):hover { color: white !important; } /*******Tab schließen Button HG bei hover rot und das X weiß******/ .tab-close-button[fadein]:hover { fill: white !important; background: #E81123 !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; } /*******Runder Neuer Tab Button*******/ #TabsToolbar #tabs-newtab-button > image { border-radius: 80px !important; } /*******Hintergrund bei den Buttons in der Tableiste: +, <, >, v bei Hover und beim draufklicken*******/ #TabsToolbar { --toolbarbutton-hover-background: #005A9E !important } /*Lautsprechersymbol größer und Weiß bei Sound*/ .tab-icon-overlay[soundplaying] { fill: white !important; transform: scale(1.4, 1.4) !important; background-color: transparent !important; border: none !important; } /*Lautsprechersymbol größer und Rot bei Stumm*/ .tab-icon-overlay[muted] { fill: #E81123 !important; transform: scale(1.4, 1.4) !important; background-color: transparent !important; border: none !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-bookmarklink, menuitem[label="Link in Pocket speichern"], #context-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:white !important; } menupopup > menu, menupopup > menuitem { color:#00437A !important; } .menu-accel{ color:#00437A!important; } #titlebar-min,#titlebar-max,#titlebar-close{ color:white!important; } @-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") { .sidebar-placesTreechildren, sidebarheader, #sidebar-search-label{ color:#00437A !important; } .sidebar-placesTreechildren::-moz-tree-image(leaf) { fill:#00437A!important; } } /******Linkvorschau unten links abschalten******/ @-moz-document url-prefix(chrome://browser/content/browser.xhtml){ #statuspanel-label {display:none!important;} /******Tooltipps entfernen******/ tooltip{ visibility:hidden!important; } /********Neustart im Dropdownmenü einrücken*******/ #restartfirefox-appMenu > label { margin-left: -24px !important; } /********Lesezeichen-Symbolleite schmaler*************/ menupopup[needsgutter] menu:not([checked="true"]), menupopup[needsgutter] menuitem:not([checked="true"]) { padding-inline-start: 15px !important; } } /********Damit werden die Standard Icons statt denen aus einem Theme wieder genommen*************/ :root[lwtheme-image] { .titlebar-button { -moz-context-properties: stroke !important } .titlebar-min { list-style-image: url(chrome://browser/skin/window-controls/minimize.svg) !important } .titlebar-max { list-style-image: url(chrome://browser/skin/window-controls/maximize.svg) !important } .titlebar-restore { list-style-image: url(chrome://browser/skin/window-controls/restore.svg) !important } .titlebar-close { list-style-image: url(chrome://browser/skin/window-controls/close.svg) !important } } /****** Keine Tabvorschau ********/ #tab-preview-panel { display: none !important; } /********** Tab-Ordner in der Tableiste entfernen *********/ #alltabs-button { display: none !important; }
Was komisch ist, auch der Tab-Ordner, links außen, ist bei Dir zu sehen, der ist aber auch ausgeblendet - siehe letzten CSS-Code, der Datei.
-
Das ist meine userChrome.css 1:1 kopiert:
Neues Profil, nur mit dem Code ergibt hier:
Der Text im Tab ist nur bei hover sichtbar.
So ohne hover:
Nutzt du evtl. ein eigenes Theme?
Die 2te Zeile erscheint auch nur, wenn das Video aktiv ist, also läuft.
-
Nutzt du evtl. ein eigenes Theme?
Yes.
Mit dem Standard-Theme (hell) ist der aktive Tab jetzt tatsächlich auch bei mir Weiß.
Aber eine zweite Zeile habe ich definitiv nicht - auch nicht, wenn ein Video läuft.
Das ist echt verrückt.
Welcher Teil im Code, ist denn verantwortlich, dass der aktive Tab, komplett Weiß ist?
-
dass der aktive Tab, komplett Weiß ist?
Durch dein Theme ist das bei dir nicht so, nur ohne.
-
Durch dein Theme ist das bei dir nicht so, nur ohne.
Das ist mir jetzt klar.
Ich würde nur den aktiven Tab auch per CSS einfärben, so dass er unabhängig vom Theme ist.
So wie ich den CSS-Code sehe, ist nämlich gar kein Code für die Hintergrundfarbe des aktiven Tabs hinterlegt, deshalb ist es auch Weiß.
-
-
Mal noch etwas Anderes, hat sicherlich nichts mit eurem Problem zu tun: Aber in den Zeilen 226 und 227 (Beitrag #29) wird für alle toolbarbutton-Elemente die gleiche Schriftfarbe und Füllfarbe festgelegt. Das heißt, hier wird wohl etwas unlesbar. Allerdings wird der Hintergrund noch auf transparent gesetzt.
-
Habe in einer "alten" Sicherheitskopie auch gerade noch den hier gefunden:
CSS/*******Aktiver Tab HG*******/ .tabbrowser-tab[visuallyselected] > .tab-stack > .tab-background { background: #66AEE7 !important; }
...und funktioniert.
Ist das "vbox" vor dem ".tab-background" kriegsendscheidend?
für alle toolbarbutton-Elemente
Blöde Frage: Welche "Elemente" sind das?
-
Schaltflächen, also anklickbare Symbole.
-
Schaltflächen, also anklickbare Symbole.
Habe die Farbe mal auf Rot geändert und das ist das Ergebnis (also die dort gewählten Farben inkl. Transparent passen):
-
Ja, wichtig ist, dass sich Schriftfarbe und Hintergrundfarbe unterscheiden und die Hintergrundfarbe die Schrift nicht „verschluckt“. Dann solltest du dir überlegen, ob du wirklich einfach toolbarbutton nimmst, denn dann trifft das auf alle Symbolschaltflächen zu, es sei denn, du hast irgendwo noch eine Regel, die das einschränkt. Schaltflächen haben oft eine ID. Eine ID ist immer eindeutig, das heißt, es wird dann auch nur diese eine Schaltfläche angesprochen.
-
-moz-appearance: none !important;
Alle diese Zeilen sind zu ersetzen durch: appearance: none !important;
-