Beiträge von Mira_Belle
-
-
Ich fürchte fast, es muss auf die Codes von Endor zurückgegriffen werden.
En Heiden Arbeit würde dann auf "uns" warten, denke ich.
About Seiten mit CSS Codes anpassen
Klasse wäre es, wenn man mit einem Script Hintergrund, Schriftfarbe und noch ein paar kleinere Dinge
in einem Rutsch anpassen könnte.
-
-
Dann hätte es konsequenterweise aber auch border-top-color sein sollen.

Bist Du kleinlich.

Aber recht hast Du ja.

-
Hallo,
ArtikelMozilla veröffentlicht Firefox 95
Mozilla hat Firefox 95 und damit das letzte große Firefox-Update dieses Jahres für Windows, Apple macOS und Linux veröffentlicht. Ein besonderer Schwerpunkt lag dabei auf der Sicherheit der Nutzer. Dieser Artikel fasst die wichtigsten Neuerungen zusammen – wie immer auf diesem Blog weit ausführlicher als auf anderen Websites.
Sören Hentzschel7. Dezember 2021 um 21:32 Vielen lieben Dank auch.
Gruß
Mira
PS: Nehmt doch zum Testen besser Tagesschau.de.
-
Ja, nur mir war nicht bekannt, dass man "Rahmenverhalten" UND "Rahmenfarbe" genau SO im Code kombimieren kann.
Daher die Frage(n)!
Ich habe bisher das im Code getrennt, und zwar so:
Nun habe ich wieder was dazugelernt.
Gruß
Mira
-
Habe gestern das Update durchgeführt und mich danach gewundert,
dass z.B. Tagesschau.de, aber auch z.B. Computerbase.de dunkel sind.
Nach einigem hin und her habe ich festgestellt, dass dieses Verhalten durch das aktivierte Theme verursacht wird.
Lässt sich DAS unabhängig des Themes beeinflussen?
Code in der userContent.css oder besser in den Einstellungen oder eben in der userChrome.css

Danke schon mal im Voraus für eine Lösung dieses kniffligen Problems.
Gruß
Mira
-
Danke für die Aufklärung,
wieder was gelernt.
Ich habe das immer getrennt.
Ich nutze rot oder blau immer nur zur besseren Erkennung bei einem Screenshot

Die Farbe kann sich ja jeder dann selber nach Bedarf anpassen.
Wir haben da irgendwie aneinander vorbeikommuniziert.
Kann passieren.
-
Und wie sieht es mit border-top: aus?
Da geht es um den Rahmen oben, oder nicht?
Rahmendicke und "solide" ist ja ok, denke ich,
aber rot?
Wäre also border-top: 4px solid !important; nicht der richtige Code?
Und für die Farbe müsste es nicht border-color: red !important; heißen?
Oder kann man hi oder da sowas zusammenfassen?
-
Teste bitte mal.
Resultat:

!! Aber nur wenn ich das Theme wechsle !!
Wenn ein echtes und signiertes Windows 10 Theme genutzt wird,
schaut es wie bei Dir aus!
Da ist dann so ein "komischer" Rahmen um alle Popups und Menüs.
Was auch komisch ist, aber mich jetzt erst einmal nicht weiters stört,
es zerhaut mir die definierten Abstände im Lesezeichenmenü.
Wenn ich aber direkt in die zweite Zeile appearance: none !important; eintrage,
passt es.
-
Das sollte am Anfang zu den Einträgen für menupopup eingefügt werden.
Gesagt, getan.
Es ändert fast nix.
Fast! Denn immerhin werden jetzt die Zeilenabstände im Lesezeichenmenü
wieder so angewendet, wie in der userChrome.css definiert.
Der Anfang ist gemacht.
Und so schaut das z.B. Hilfemenü nun aus!

Im Lesezeichenmenü sind dann in der Spalte vor dem Text dann Ordnericons.
Und so in etwa sollte es aussehen, wenn die Einträge in der userChrome.css nicht ignoriert werden würden.
Gruß
Mira
PS: Es scheint. als ob der Eintrag appearance: none !important; aber die
definierten Abstände im "normal" Modus außer Kraft setzen würde.
PPS:
Gerade überprüft, jo tut er!
-
Was ist denn mit meinem Vorschlag aus #3, hast Du es mal damit getestet?
😱 Oh!
😳 Ähhh, neeeeiiin. 😇
Wo genau muss dieser Eintrag hin?
Oder ist es egal, ob er am Anfang oder am Ende steht?
Gruß
Mira
-
Da kann ich dir aus Erfahrung sagen, wenn auch etwas her, dass jedes Windows-Thema sich ganz sicher auch auf Firefox auswirkt ...
Mh, ...
habe ich gemerkt.
Deshalb ja auch meine Frage, ob man
Zitat: "Gibt es eine Möglichkeit diese Änderungen dennoch zu erzwingen?",
also die Auswirkungen auf die Popups nicht unterbinden kann.
Denn mir ist nicht ganz klar, was genau MS da verwurschtelt hat!
Es scheint so, als ob Themes, die mehr oder weniger nur die Farbe der Titelleiste verändern,
anders umgesetzt werden wie Themes die auch "Rahmen" erzeugen.
Und ganz kastriert hat MS wohl den Weg, den Big Muscle mit seinem Aero Glass gegangen ist.
Der Fensterrahmen unter dem "normalen" Themes ist also auf genau 1px festgetackert.
Zitat: " ... bei der Reproduzierbarkeit, weil wohl kaum jemand hier das besagte Windows-Thema nutzt."
Das ist völlig Wurscht welches Theme da genutzt wird, die userChrome.css wird immer zum Teil außer Kraft gesetzt.
Somit sollte es für jeden, egal welches Windowstheme, wenn es "untergeschoben" ist, nachvollziehen können.
Das muss sich doch patchen lassen.
Oder aber, es muss doch möglich sein, dass ein "untergeschobenes" Theme sich nicht auf Elemente auswirkt,
die im Grunde nichts mit dem "Windowstheme" zu tun haben. Nämlich ALLE Popups unter FireFox.
-
Du hast in den Zeilen 349 und 365 übriggebliebene Kommentarabshlusszeichen */.
Ah!
Diese Fehler hatte ich entdeckt und korrigiert.
Den :not() Fehler kann ich also ignorieren.
Fein, dann ist meine userChrome.css ja jetzt Fehlerbereinigt.
Danke.
Nur, kopfkratz, ist mein ursächliches Problem noch nicht zur Sprache gekommen.
Gruß
Mira
-
Verstehe ich nicht!
Stylus meckert doch wegen:
CSS#urlbar:not([focused="true"], [open]):-moz-lwtheme > #urlbar-background, #searchbar:not(:focus-within):-moz-lwtheme { /* border: 1px solid grey!important; */ border: none !important; }und
CSS.urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, .urlbarView-row-inner[selected] { background-color: #484a4d !important; /* Hellgrau */ /* background-color: rgba(225, 225, 225, 0.15) !important; /* Hellgrau, transparent */ color: #e1e1e1 !important; /* Hellgrau */ }warning 196 : 17 Complex selector inside :not().
warning 306 : 25 Complex selector inside :not(). -
Die Fehlerliste ist noch länger laut Stylus
Mit Kontrolle in Stylus wär das nicht passiert.
Habe die Kommafehler korrigiert.
Danke für den Tip.
Nur mit den Fehlern kann ich so gar nichts anfangen.
Was bedeutet das?
warning 203 : 14 Complex selector inside :not(). warning
278 : 22 Complex selector inside :not(). Die anderen Fehler sind durch das Kopieren passiert,
da waren persönliche Anmerkungen und ich habe unsauber kopiert
und jeweils das " */ " versehendlich mit kopiert.
-
Ohne deine userChrome.css zu kennen bestimmt nicht..

Sorry, war ja eine ganz allgemeine Frage.
CSS
Alles anzeigen@-moz-document url(chrome://browser/content/browser.xhtml) { /* ----------------------------------------------------------------------------*/ /***** Abstände der Einträge in den Menüs und Lesezeichen wieder schmaler ******/ /* ----------------------------------------------------------------------------*/ menupopup > menuitem, menupopup > menu { padding-block: 2px !important; padding-inline-start: 15px !important; } /* Rundungen/Ecken der Menüs */ menupopup { --panel-border-radius: 7px !important; } /* Schatte & Rahmen um die Menüs */ menupopup { -moz-window-shadow: none !important; /* Schatten */ --panel-border-color: tranzparent !important; /* Rahmen */ } /*---------------------------------------------------*/ /********* Anpassungen des "Hamburgermenüs" **********/ /*---------------------------------------------------*/ :root { --arrowpanel-menuitem-padding: 0px 8px !important; /* Zeilenabstand */ } /* #appMenu-multiView .subviewbutton { /* padding-top: 2px !important; /* Zeilenabstand */ /* }*/ #appMenu-protonMainView { /* Menüreite */ width: 320px !important; } /* Farbe des ersten Separators */ .PanelUI-subView toolbarseparator.proton-zap { border-image: none !important; background: #5b5b66 !important; /* Helles Mausgrau */ } /* Farbe all der anderen Separatoren */ #widget-overflow-mainView > toolbarseparator, #widget-overflow-mainView > .panel-subview-body > toolbarseparator, .PanelUI-subView toolbarseparator, #permission-popup-mainView > toolbarseparator, #protections-popup-multiView toolbarseparator, #identity-popup-mainView > toolbarseparator, #identity-popup-securityView > toolbarseparator, #editBookmarkPanel toolbarseparator, .cui-widget-panelview menuseparator, .cui-widget-panel toolbarseparator, .PanelUI-subView > toolbarseparator { background: #5b5b66 !important; /* Helles Mausgrau */ } /* Farbe der Schrift & Hintergrund */ panelview, #appMenu-popup .panel-subview-body { color: #e1e1e1 !important; /* Hellgrau */ background: #292c2f !important; /* Dunkles Grau */ } :is(menupopup, panel)[type="arrow"] { --panel-background: #292c2f !important; /* Dunkles Grau */ } /* -----------------------------------------*/ /************* Tabs anpassen ****************/ /* -----------------------------------------*/ :root { --tab-border-radius: 4px !important /* Rundung der Ecken */ } :root { --inline-tab-padding: 8px !important /* Abstand von Links */ } /* -------------------------------------------------*/ /************* aktiven Tab einfärben ****************/ /* -------------------------------------------------*/ .tab-background[selected="true"] { background:rgba(255, 148, 0, 0.4) !important; /* Orange */ box-shadow: inset 0px 0px 5px 0px #ff9400 !important; /* Orange */ } /* --------------------------------------------------*/ /************* passiven Tab einfärben ****************/ /* --------------------------------------------------*/ .tab-background:not([selected]):not([multiselected]) { background:rgba(225, 225, 225, 0.2) !important; /* Hellgrau */ box-shadow: inset 0px 0px 5px 0px #e1e1e1 !important; /* Hellgrau */ } /*---------------------------------------------------*/ /************** Tab schließen X hover ***************/ /*---------------------------------------------------*/ .tab-content > .tab-close-button:hover { background:rgba(255, 0, 0, 0.4) !important; /* Rot */ /* background: #E81123 !important; */ /* Kirschrot */ /* box-shadow: inset 0px 0px 4px 0px #ff0000 !important; */ /* Hellrot */ } /*---------------------------------------------------*/ /***************** New Tab Icon *********************/ /*---------------------------------------------------*/ /* Dies ist das Pluszeichen um einen neuen Tab zuöffnen */ * :is(.tabs-newtab-button,#tabs-newtab-button) { list-style-image: url(./image/newtab-inverted.png) !important; -moz-image-region: rect(2px, 15px, 16px, 1px) !important; } /*----------------------------------------------------*/ /* Anpassungen der Navigations- und Lesezeichenleiste */ /*----------------------------------------------------*/ /* Navigationsleiste Farbe */ #nav-bar { background-color: transparent !important; } /* Menüleiste Farbe */ #PersonalToolbar { background-color: transparent !important; } /*---------------------------------------------------*/ /********** Anpassungen in der Adressleiste **********/ /*---------------------------------------------------*/ /* Lesezeichen-Stern ungesetzt */ #star-button:not([starred="true"]) { fill: rgb(80,160,225) !important; /* Hellblau */ } /* Lesezeichen-Stern gesetzt */ #star-button[starred="true"] { /* fill: rgb(225,225,225) !important; /* Hellgrau */ fill: rgb(80,160,225) !important; /* Hellblau */ } /* Download-Anzeige */ #downloads-button[progress="true"] , #downloads-indicator-anchor , #downloads-indicator-icon { fill: #FFCC00 !important; /* Orange */ } #downloads-button { --toolbarbutton-icon-fill-attention: rgb(255,204,0) !important; /* Orange */ } #downloads-button > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer { border-color: #FFCC00 !important; /* Orange */ } #downloads-indicator-start-image { fill: #FFCC00 !important; /* Orange */ } /* Rahmen von Adressfeld und Suchfeld */ #urlbar-container { --toolbar-field-focus-border-color: transparent !important; } #urlbar { box-shadow: none !important; --toolbar-field-focus-border-color: transparent !important; } #search-container { --toolbar-field-focus-border-color: transparent !important; } #searchbar { box-shadow: none !important; --toolbar-field-focus-border-color: transparent !important; } #urlbar:not([focused="true"], [open]):-moz-lwtheme > #urlbar-background, #searchbar:not(:focus-within):-moz-lwtheme { /* border: 1px solid grey!important; */ border: none !important; } /* Markierter Text */ ::selection { color: #ffffff !important; background: #ff8000 !important; } /* Schriftfarbe im Adress- und Suchfeld */ #urlbar-input, #urlbar-scheme, .searchbar-textbox { /* color: gray !important; */ color: #e6e6e6 !important; /* Sehr helles Grau */ } /* Symbolfarbe im Adress- und Suchfeld */ #urlbar:-moz-lwtheme, #searchbar:-moz-lwtheme { /* color: rgb(80,160,225) !important; */ color: #e1e1e1 !important; /* Hellgrau */ } /*----------------------------------*/ /********** Line entfernen **********/ /*----------------------------------*/ /* Ich hatte eine helle Linie */ /* zwischen Tab- & Adressleiste */ :root { --tabs-navbar-shadow-size: 0 !important; } /*---------------------------------------------------*/ /********** Anpassungen an der Adressleiste **********/ /*---------------------------------------------------*/ :root { --arrowpanel-border-color: transparent !important; /* Schatten um Adress- & Suchfeld */ } /* Farbe Hintergrund des Adressfelds */ /* #urlbar-input-container:hover:not([disabled]) { background: rgba(255,255,255,0.1) !important; } */ /* Farbe Hintergrund & Schrift im Suchfeld */ .search-panel-tree { background: #292c2f !important; /* (Dunkelgrau) */ color: #e1e1e1 !important; /* (Hellgrau) */ } #PopupSearchAutoComplete { --panel-background: #292c2f !important; --panel-color: #e1e1e1 !important; } /* Farbe der Felder (transparent) */ #urlbar-results { background-color: #292c2f !important; } .urlbarView { background-color: #292c2f !important; } /* #urlbar[open] > #urlbar-background { box-shadow: 0px 0px 0px 0px rgba(255, 0, 0, 0.9) !important; } */ /* #urlbar-background{ background-color: #292c2f !important; } */ .search-panel-tree { background: #292c2f !important; color: #e1e1e1 !important; } #urlbar-background, #searchbar { background-color: transparent !important; } /* Farbe URL */ .urlbarView-url { overflow: hidden !important; color: rgba(255, 204, 0, 0.7)!important; /* Helles Orange , Eidottergelb */ } /* Schriftzug " -- Mit "Google" suchen" & Hintergrund */ .urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, .urlbarView-row-inner[selected] { background-color: #484a4d !important; /* Hellgrau */ /* background-color: rgba(225, 225, 225, 0.15) !important; /* Hellgrau, transparent */ color: #e1e1e1 !important; /* Hellgrau */ } /* Schatten um Suchfeld */ #PopupSearchAutoComplete { border-color: red !important; } /*---------------------------------------------------*/ /**** Anpassungen an der Lesezeichen-Symbolleiste ****/ /*---------------------------------------------------*/ /* "Breite" der Separatoren */ #PlacesToolbarItems > toolbarseparator { padding-inline: 5px !important; } /* "Sichtbarkeit" der Separatoren */ #PlacesToolbarItems > toolbarseparator::before { border-image-slice: 0 !important; } /*---------------------------------------------------*/ /**** Anpassungen an dem Lesezeichen-Popup ****/ /*---------------------------------------------------*/ #PlacesToolbar menuitem, #PlacesToolbar menu { color: #e1e1e1 !important; /* Farbe Schrift */ /* background-color: #292c2f !important; */ /* Farbe Hintergrund */ } #PlacesToolbar menupopup[placespopup="true"] menuseparator::before { border-top: 1px solid #5b5b66 !important; /* Farbe Separator */ } :root[lwtheme-image]:-moz-lwtheme-brighttext { /* text-shadow: 1px 1px 1px red;*/ text-shadow: none !important; } .browser-toolbar:not(.titlebar-color) { color: rgba(225, 225, 225, 0.9) !important; } } -
Habe ein Problem mit meiner userChrome.css und einem, bzw. einigen Windows Themes.
Genauer, wenn ich z.B. das Theme "Windows 8 RP Themes for Windows 10" von sagorpirbd
oder ein beliebig anderes von ihm, welches mir wieder einen Fensterrahmen beschert, verwende,
werden "meine" definierten Änderungen in der userChrome.css an diversen Popupmenüs ignoriert.
Gibt es eine Möglichkeit diese Änderungen dennoch zu erzwingen?
-
@Warrior Tut mir leid, dass wegen meines Einwands hier so eine Moraldebatte draus geworden ist.
Aber natürlich sollte "man" mit seinem System schon irgendwie uptodate sein.
So manche Dinge lassen sich halt nur sehr schlecht nachvollziehen,
wenn man wegen relativ aktueller Hardware, die unglückliche Konstellation, in diesem Fall war/ist es Windows 7,
eines Users nicht nach stellen kann.
Viele Anpassungen per CSS funktionieren halt nur auf einem bestimmten System und lassen sich eben
nicht 1 zu 1 z.B. von einem unter Linux laufenden FF auf einen FF unter z.B. W10 portieren.
Und Windows 7 ist obendrein auch ziemlich weit weg von der z.Z. aktuellen Version von Windows 10 oder gar 11.
Der Einwand, dass Windows 7 nicht wirklich die beste Wahl für ein im I-Net hängendem Rechner ist, ist so weit auch richtig.
Du wirst aller Wahrscheinlichkeit nur mit einem Javaskript Dein Vorhaben umsetzen können.
Doch dabei kann ich Dir leider nicht helfen.
Gruß
Mira
-
Etwas, aber nur ein kleines bisschen, OT!
Immer erst einmal drauf hauen!
Kann man nicht höflich nachfragen?
Eventuell nutzt Warrior bei seinem System ja den ESU Bypass v11,
dann wäre sein Windows 7 uptodate!
Denkt mal drüber nach, bevor Ihr wieder reflexartig drauf drescht.
Gruß
Mira
Bevor ich hier jetzt zerfleischt werde, Ein Nachtrag!
Ja, Warrior reitet einen toten Gaul, ABER,
und das ist imho der springende Hüpf,
dar dies nicht das Thema!
Klar kann man ihn darauf hinweisen,
jedoch hatte er eine Frage gestellt, die erst viel später
und auch nur nach einem "Rechenschaftsbericht" beantwortet wurde.
Sorry, auf solche Dinge reagiere ich etwas empfindlich.
Bin immer noch mit Build 18363 unterwegs und warte auf 19044.
Und bevor sich jemand verschluckt, en dicken Hals bekommt,
es ist eine Education, habe also ein aktuelles und gepatchtes System!