Hoffe mal, dass funktioniert jetzt so...
Kurzmeldung, weil mich gleich erst um dem Haushalt meiner Mom kümmern muß.
Zum genauer angucken des Codes, austesten und umfärben komm ich erst später...
Funtioniert bei mir grundsätztlich auch 
Erste Bitte:
Um den aktiven TAB gibts hier wieder so einen Verlauf nach außen:
(wie) ist der wegzubekommen?
Bin dann erstmal kochen, waschen, spülen bei meiner Mom...
Es ist mir unklar, was mit diesem Satz gemeint ist.
Beim hovern wird in der Regel eine andere "Hintergrundfarbe" angezeigt.
Das will ich in der Tableiste nicht, weil es mich eher stört.
Die Tabs sind jedenfalls völlig unterschiedlich bezüglich der Form
Der Unterschied zwischen den inaktiven (weiß, oben abreundet mit schwarzen Rahmen) und dem aktiven TAB (gelb mit allen abgerundeten Ecken des schwarzen Rahmens) ist genau so von mir gewünscht.
So ganz steige ich da auch nicht durch ob bzw. was davon wirklich gebraucht wird.
Ich versuch wirklich so gut wie möglich zu dokumentieren, warum was drin ist und wo es her ist.
Und für mich brauch ich nicht aufzuschreiben, warum ich es gern so hätte.
Resüme:
sieht wohl so aus, als gingen "Audio-/Video-Tabs in bunt" bei meinen bisher von mir realisierten Wünschen für die TABs nicht.
Nuja, man kann halt nicht alles haben 
Schade.
guuts nächtle und ein besseres Wochenende, als den verregneten Freitag von heute...
Das ist mein Haribo-Design 
Spass beiseite - Ich komm weder mit dunklen noch mit hellen Themes/Oberflächen zurecht, aber je bunter, desto einfacher für mich und meine Augen....
@all : Ich hab ja versucht, so gut wie möglich zu Dokumentieren, warum was drin ist und woher.
2002Andreas und BrokenHeart :
Und wo soll ich den Schnipsel für bunt jeweils einfügen?
Ich probier jetzt ersma mit der Änderung in Zeile 86 und häng dann beide Codes mal hinten dran...
Huch.. vergessen abzuschicken...
bin noch am rumtesten...
Bisheriges Ergebnis:
Wenn ich gemäß #2 den "*" entferne, zerschießt es mir den aktiven TAB mit dem Code von Andreas:
Farben Rot/grün werden aber dargestellt.
Ihr seit teilweise zu schnell....
Ich kann die ganzen Änderungsvorschläge garnich so schnell einbauen und testen 
Ich habe folgenden Code für Tabaussehen in Benutzung:
/********** Tab-Aussehen verändern *********************/
/* 210612: FF89neu
210616: einige Anpassungen/Zusätze bei 2002Andreas abgeguckt:
https://www.camp-firefox.de/forum/thema/132802
210616: Problem_1-Nachfrage: https://www.camp-firefox.de/forum/thema/132849
210815: Problem_2-Nachfrage: https://www.camp-firefox.de/forum/thema/133199
210910: Sound-Tabs bunt: https://www.camp-firefox.de/forum/thema/133353
*/
/* Tab Inhalt Abstände
*/
:root {
--proton-tab-radius: 0px !important;
--proton-tab-block-margin: 0px !important;
--inline-tab-padding: 10px !important;
}
#toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
border:none!important;}
/* TAB normal (inaktiv):
***********************
* Hintergrund, Schrift, Rahmen
*/
#TabsToolbar .tabbrowser-tab {
color: black !important;
border: 2px solid !important;
border-bottom: 1px solid black!important;
background: white !important; /* weiß für inaktive Tabs*/
border-radius: 10px 10px 0 0 !important; /*alle 0 für bigzorro*/
margin: 5px 1px 0px 0px !important;
}
/* TAB bei bei angewähltem TAB (aktiv):
**************************************
* Hintergrund, Rahmen, Schrift.
*/
#TabsToolbar .tabbrowser-tab[selected="true"] {
color: black ! important;
border: 3px solid !important;
border-radius: 20px 20px 20px 20px !important;
background: yellow !important;
font-weight:bold !important;
}
/* "Problem_1": .DejaVu hat in #8 das links und rechts im aktiven Tab augenscheinlich gelöst
*/
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"],
[multiselected]) > .tab-stack > .tab-background
{
box-shadow: none !important;
}
/* Tab-Icon:
* *********
* etwas größer, links weniger, unten etwas mehr Abstand zum TAB-Rand.
*/
#TabsToolbar .tab-icon-image {
height: 18px !important;
width: 18px !important;
margin-left: -2px !important;
margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
* ***********************
* Rechts weniger Abstand zum TAB-Rand, etwas größer,
* Textfarbe (Kreuz)
* an den Eckenradius des Buttons angepaßt.
* bei angewähltem TAB (aktiv): Hintergrundfarbe.
*/
#TabsToolbar .tab-close-button[selected="true"] {
margin-right: 2px !important;
padding: 0 !important;
color: black !important;
height: 20px !important;
width: 20px !important;
border-radius: 5px !important;
background-color: red !important;
}
/* Alle Elemente in der TABsToolbar ohne Hintergrund/Veränderung beim hovern.
* Dat klappt wohl so:
*/
#TabsToolbar * {
background: none !important;
}
/* Alle Tabs ausgewählt => alle grün*/
#main-window .tab-background[multiselected] {
background: chartreuse !important;
}
/* Lautsprecher Symbol vergrössern
* https://www.camp-firefox.de/forum/thema/132680
* #5 und #24
*/
.tab-icon-overlay {
top: 2px !important;
fill: red !important;
transform: scale(1.5, 1.5) !important;
}
/* Problem_2: Dharkness-Lösung
*/
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-content {
padding-bottom: 5px !important;
}Nun wollte ich aus dem Nachbarthread diesen Code von 2002Andreas einbauen:
.tabbrowser-tab:not([visuallyselected="true"])[soundplaying] {
color: white !important;
}
.tabbrowser-tab:not([visuallyselected="true"])[soundplaying] .tab-stack > .tab-background {
background: red !important;
}
.tabbrowser-tab:not([visuallyselected="true"])[muted] {
color: white !important;
}
.tabbrowser-tab:not([visuallyselected="true"])[muted] .tab-stack > .tab-background {
background: green !important;
}Ich habs versucht ganz hinten anzuhängen, vorne einzufügen und auch Anweisungen für meine aktiven und inaktiven Tabs zu übernehmen.
Nix klappt
Wer erbarmt sich und zeigt mir wie ich zum Ziel kommen könnte?
Alles klar, hab bei mir hier einen entsprechenden Kommentar eingefügt, war grad kein Taschentuch fürn Knoten da
Dann bitte mal testen:
Ich bin eben nochmal deinen Code durchgegangen und über die Zeilen 45-48 gestolpert 
Ist das der Rest vom Schützenfest, den Du vergessen hast rauszunehmen?
Aus border: 0px solid transparent !important; hab ich noch schnell border: 2px solid black !important; gemacht und schon fühl ich mich wieder wie zu hause
Danke für die beiden Erklärungen zu RGB/rgba.
Das hilft mir aber leider nicht, anhand des Codes zu erkennen, wo welche Farbe gesetzt wird.
Auch die Sache mit der Transparenz ist für mein Verständnis des Codes leider nicht hilfreich.
Bin halt in einigen Bereichen zudummzumzum....
Huch... da is ja zwischzeitlich ein Code aufgetaucht.
ich geh mal schnell testen....
Ich hab mal versucht, Deinen Code zu verstehen, um einige Teile zu ändern, scheitere aber bei einigen Sachen
Textfarbe hab ich aus meinem alten CSS übernehmen können und hinten angehängt:
/* aus altem .css */ /*210908*/
#urlbar-input[placeholder] {
color: blue !important;
font-weight: bold !important;
font-size: 13px !important;
}Aaaaber:
Um die Urlbar gibts es einen Farbverlauf, den ich gerne weg hätte.
Zur Verdeutlichung hab ich mal das Blau aus dem Hintergrund weggenommen:
Und für weitere Fragen, auch den Code oben wieder deaktiviert:
Eine Veränderung beim Hovern brauch ich nicht.
Stattdessen hätte ich gerne einen weißen Hintergrund, wenn ich die urlbar fokussiere, denn jetzt wirds dann dunkel:
Wenn ich nun in die urlbar klicke, um einen Teilstring zu markieren/kopieren, siehts so aus:
Ich hoffe ich habe mich verständlich genug ausgedrückt und es ist ersichtlich, wo's mir mangelt.
Leider komme ich mir den ganzen Zeilen mit rgbas nicht zurecht.
Kannst/magst Du mir weiterhelfen?
Danke, daß Du Dich so ausführlich mit meinem "Haribo-Design-Problem" beschaftigt hast und für die Erläuterung.
Hab den Code grade mal kurz getestet - sieht schon gut aus
Kann mich aber erst heut Abend reinvertiefen, da ich gleich 2 Arzt-Termine für meine Mom und mich habe.
Bis später dann...
Danke fürs Teilen, nu bin ich mit meinen menuseparatoren da, wo ich gerne hinwollte 
Ich hab ein letztes "optisches Problemchen", das der Behebung harret:
Ohne Focus sieht die urlbar so aus:
Fokussiert, also z.B. wenn ich reinklicke, verändert sie sich in der Höhe:
Folgenden urlbar-bezogenen Code habe ich in meinen .css gefunden:
/* URL in fetter Schrift, Hauptadresse markanter
200120 von Milupo von hier:
https://www.camp-firefox.de/forum/thema/129888-adresse-in-urlbar-fette-schrift/?postID=1136582#post1136582
*/
#urlbar-input[placeholder] {
color: blue !important;
font-weight: bold !important;
}
/*#########################################################################################*/
/* Url-Bar-Feld bei Focus klein lassen
Andreas von hier:
https://www.camp-firefox.de/forum/thema/130624-url-adressleistengr%C3%B6%C3%9Fe-anpassen/?postID=1146279#post1146279
scheint ab FF89 nich zu funktionuckeln, stört aber noch minimal, verglichen mit FF88
*/
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
}
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}
/*#########################################################################################*/
/* URL-Bar Drop Down verhindern
200408 von BrokenHaert von hier:
https://www.camp-firefox.de/forum/thema/130354-ff-75-url-bar-drop-down-verhindern/?postID=1142548#post1142548
*/
.urlbarView {
display: none !important;
}
/*#########################################################################################*/
/*Rahmen um die Urlbar*/
#urlbar {
background: white !important;
border: 2px solid black !important; /* cyan wär auch nett*/
border-radius: 8px !important;
}Ist die Vergrößerung der Höhe nach unten irgendwo in dem Code verursacht?
Wenn ja: was muß ich ändern?
Wenn nein: (wie) kann ich das verhindern?
Deutsch Sprach - schwer Sprach 
Nieder mit den Schachtelhalmensätzen
Vielleicht hilft es dem Verständnis, den Satz so zu ändern:
... damit Scripte (und bei Nutzung vom UserCSSLoader.uc.js auch CSS Dateien) wieder funktionieren.
Ein Script..eine Datei...ich schätze dauert keine 2 Minuten
Stimmt, ich hatte das mit was anderem (UserCSSLoader) verwexelt.
Ging ganz fix, sieht schon fast wie vorher aus - muß nur noch diverse Scripts/Css auf-/umräumen...
Zumindest in meinem Hauptprofil kann ich das mit dem Abstand jetzt nachvollziehen.
Eine Lösung habe ich aber noch nicht dafür gefunden
Dann laß ich den Thread her offen, bis wer eine Lösung findet
Hmpfff... ich hatte gehofft, darum noch länger drumerumzukommen.
Mal abwarten, wann ich dafür genug Zeit und Ruhe hab.
UliBär :
Ich hab eben "nebenan" aber auch keine Lösung gesehn - oder habsch was überlesen?
Was mich sehr stark irritiert: Warum nur, wenn man einen Bookmarkfolder öffnet?
Hab eben auf 92 upgedated und finde keine Lösung für/gegen folgende optische Ungereimtheiten:
Ich habe mit folgendem Code bisher alle vertikalen Abstände überall erfolgreich verkleinert:
Bei meinereiner auch /* Vertikale Abstände der Einträge überall wieder kleiner
210609: FF89neu
Andy: https://www.camp-firefox.de/forum/thema/132742
*/
menupopup > menuitem,
menupopup > menu {
padding-block: 0 !important;
padding-inline-start: 16px !important;
}Das klappt nun zwar bei "normalen" PopUps und oben aus der Menu-Zeile heraus, aber nicht beim Öffnen eines Ordners.
Wie bekommen ich den Abstand bei Ordnern wieder hin?
Desweiteren ist bei den Ordnern zwischen Rahmen und Inhalt auch ein "transparenter Rahmen", siehe Pfeile.
Waren bisher auch nicht da.
Verwendetes CSS:
/* PopUps gerundet
von FuchsFan hier in Zeilen 59-76 gemopst:
https://www.camp-firefox.de/forum/thema/112673-userchrome-js-scripte-f%C3%BCr-den-fuchs-diskussion/?postID=1139379#post1139379
*/
/* milupo: "Bei border kannst du statt solid auch groove, ridge, inset oder outset verwenden." */
/* 200224: alles auskommentiert, was ich momentan nich mag/will */
/* 210616: FF89neu*/
/* 210811: Anpassung -moz-appearance: none!important; */
/* 210817: optische Anpassungen*/
/* 210907: FF92: Probleme mit Ordnern */
/* Einstellungen für alle Popup-Fenster */
.popup-internal-box, menupopup, popup {
/* -moz-appearance: none !important; */ /*FF91 veraltet*/
appearance: none !important;
border: 5px red solid !important;
border-radius: 10px !important;
/* background-color: white !important; */ /* erste Hintergrundfarbe - ganzes Fenster */ /* padding: 3px !important; */ /* 210817: Umrandung nach außen versetzt sieht bääh aus*/
/* width: 325px !important; */ /* Vorgegebene Breite der Popup-Fenster */
/* font-family: "helvetica" !important; */
/* font-style: italic !important; */ /* Schriftstil */
/* font-size: 11pt !important; */ /* Schriftgröße */
/* font-weight: bold !important; */ /* fette Schrift */
/* box-shadow: 10px red inset !important; */
}
/* Hintergrundfarbe/Separatoren für alle Popup-Fenster ändern
210810: grisu + andy: https://www.camp-firefox.de/forum/thema/133146
*/
.menupopup-arrowscrollbox {
background-color: blanchedalmond !important;
}
menuseparator {
margin-top: 2px !important; /*Abstand nach oben*/
margin-left: 2px !important; /*Abstand von links*/
margin-right: 2px !important; /*Abstand von rechts*/
min-height: 3px !important;
max-height: 3px !important;
background: black !important;
}Desweitern benutze ich noch folgendes Autopopup_bookmarks.uc.js von aborix :
// Autopopup_bookmarks.uc.js
// von @aborix, zuletzt von hier:
// https://www.camp-firefox.de/forum/thema/131728
//
// 210615: FF89
(function() {
if (!window.gBrowser)
return;
let itemToClose = null;
let timeoutEnter, timeoutLeave;
let placesContext = document.getElementById('placesContext');
placesContext.addEventListener('popuphidden', function() {
if (itemToClose) {
itemToClose.open = false;
itemToClose = null;
};
});
function onMouseenter(event) {
clearTimeout(timeoutLeave);
timeoutEnter = setTimeout(function() {
itemToClose = null;
if (placesContext._view && !placesContext._view._openedMenuButton) {
placesContext.hidePopup();
};
event.target.open = true;
}, 100);
};
function onMouseleave(event) {
clearTimeout(timeoutEnter);
timeoutLeave = setTimeout(function() {
if (placesContext.state == 'closed') {
event.target.open = false;
itemToClose = null;
} else {
itemToClose = event.target;
};
}, 100);
};
function addListeners(items) {
for (let item of items) {
item.addEventListener('mouseenter', onMouseenter);
item.addEventListener('mouseleave', onMouseleave);
};
};
let observer = new MutationObserver(mutations => {
for (let mutation of mutations) {
let items = [];
for (let node of mutation.addedNodes) {
if (node.type == 'menu') {
items.push(node);
};
};
addListeners(items);
};
});
addListeners(document.querySelectorAll('#PlacesToolbarItems > toolbarbutton[type="menu"]'));
observer.observe(document.getElementById('PlacesToolbarItems'), {childList: true});
setTimeout(() => observer.disconnect(), 5000);
window.addEventListener('aftercustomization', () =>
setTimeout(() =>
addListeners(document.querySelectorAll('#PlacesToolbarItems > toolbarbutton[type="menu"]')),
100
)
);
})();Keine Ahnung, ob das was beeinflußt...
Wie bekomme ich den "transparenter Rahmen" weg?
Wer braucht schon ´ne titlebar?
Meinereiner 
Ich hab mal hier im CFF rumgesucht, aber der einzige Thread, den ich gefunden hab, ist geschlossen und ohne Antworten, die mir weiterhelfen könnten: https://www.camp-firefox.de/forum/thema/125522
Werde sowas niedliches dann wohl unter "geht hier nich" ablegen, denn aus dem von 2002Andreas verlinkten Artikel kann ich rein garnix ableiten :nowink:
guuuts nächtle
Danke für den Link, ich hab in mal reingeguckt - is abba nix für mich, ich tu mich ja schon mit CSS und JS schwer.
