Beiträge von Mira_Belle

  • Variablen in CSS nutzen

    Elchtest nicht bestanden!

    Die import-anweisungen müssen zwingend an den Anfang!

    2002Andreas

    Es geht mir ja darum, dass ich nicht weiß, ob es Sinn macht, eigne Definitionen von

     :root { --us-irgendwas: irgendeinwert !important; } in eine separate Datei zu schreiben

    und diese dann per @import url("./root.css"); einzubinden,

    oder ob es besser ist diese Variablen direkt in, tja und da ist das zweite Problem,

    in die userChrome.css oder userContent.css zu schreiben.

    Ist das egal? Ich werde es wohl austesten müssen, so scheint mir.

    __________________________________________________________________________________________

    Horstmann

    Es ist nicht egal :!:

    Variablen, die auf "Seiten" wie z.B. about:logins wirken sollen, müssen in die userContent.css :!:

    Sie wirken sich nicht auf Änderungen, die unter userChrome.css bzw. die per @import url eingebundenen

    Änderungen aus!

    Andersherum verhält es sich genau so :!:

    Frage geklärt.

  • Variablen in CSS nutzen

    Zitat von 2002Andreas
    Zitat von Mira_Belle

    Werden die Einträge nicht von oben nach unten eingelesen?

    Teste es doch einfach mal.

    :D

    Wie :?:

    Ich habe alles in meinen Mixer getan, volle Drehzahl.

    Es funktioniert alles wie bisher auch, keine Konflikte.

    Eventuell denke ich falsch und der komplette Code liegt im Speicher und wird genutzt, wenn er gebraucht wird.

    Von daher sind dann die Einträge egal, wobei, was ich noch nicht getestet habe,

    die import-anweisungen mal ans Ende zu setzen.

  • Variablen in CSS nutzen

    Warum unten?

    Werden die Einträge nicht von oben nach unten eingelesen?

    Bei mir sieht z.B. die userChrome.css so aus:

    In der Annahme, dass die Hamburgermenü.css als erstes eingelesen wird,

    danach die Anderen und dann erst der restliche Code.

    Aber wenn ich es mir so recht überlege, kann das auch nicht so sein.

    Eigentlich müsste zuerst der Code eingelesen werden. Kopf kratz

    2002Andreas Weist Du näheres darüber?

  • Variablen in CSS nutzen

    Du hast recht! Ich denke, ich werde für die Variablen eine separate CSS schreiben.

    Das macht es übersichtlicher und es kommt sich nichts ins Gehege!

    Nur eine Frage hätte ich noch dazu!

    Spielt die Struktur der Ablageorte im System eine Rolle?

    Und wie ist das dann beim Einbinden der Dateien in der userChrome.css?

    Sollte, muss man nicht da eine Reihenfolge beachten?

    Macht es einen Unterschied, wenn z.B. erst zwanzig andere CSS-Dateien "eingelesen" werden

    und dann erst die Variablen dazu?

    :/ Ich denke linear, ist das denn bei dem CSS auch so, oder wird der Code parallel eingelesen und steht dann komplett

    im Speicher?

  • Variablen in CSS nutzen

    2002Andreas

    :/

    In "Deinem" Beispiel" sieht der Code aber anders aus, als den, den ich verwende.

    Bei mir sieht es dann wie folgt aus.

    Deklaration: :root {--tab-line-color: #f9f9f9 !important;}

    Anwendung: #tabbrowser-tabs: var(--tab-line-color) !important;

    Und meine grundsätzlichen Fragen?

    D.h. für mein Verständnis, es ist am Besten diese Deklarationen direkt schon in der userChrome.css zu machen,

    wenn sie definitiv "global" wirken sollen.

    Denn wenn die Variablen in zig Dateien verstreut sind, blickt man da ja gar nicht mehr durch.

    Richtig?

    (Das Thema in dem Link schaue ich mir noch an, muss aber jetzt weg)

  • Variablen in CSS nutzen

    Toll, jetzt hast Du mich aber verunsichert!

    Heißt das jetzt ich kann in allen anderen CSS-Dateien auch z.B. var(--uc-color-black-light) anstatt den Farbwert einsetzen?

    Ist es dann nicht besser die Deklaration der Variablen direkt in der userChrome.css und eventuell,

    wenn nötig auch in der userContent.css zu machen?

    Denn ich hätte das jetzt in jeder Datei einzeln gemacht.

    Aber würde ja irgendwie Sinn ergeben, z.B. für immer wieder kehrende Farbwerte,

    oder wenn fast über all der Borderradius gleich ist, oder, oder ...

    Lieg' ich da mit meiner Vermutung richtig?

  • Variablen in CSS nutzen

    Habe es angewendet, klappt echt SUUUPER :!:

    Hier ein Auszug der Deklarationen:

  • Variablen in CSS nutzen

    Zitat von Mitleser

    Ich kann mir z. B. keine Farbwerte merken, deshalb benutze ich das:

    Oder mit FF-Var deklariert (usercontent z. B. in 'about:preferences'):

    CSS
    * {
    --in-content-primary-button-background: var(--uc-color-orange-dark) !important;
    --in-content-primary-button-background-hover: var(--uc-color-orange-normal) !important;
    --in-content-primary-button-background-active: var(--uc-color-orange-light) !important;
}

    Außerdem gelingt die Umstellung auf andere Farben schneller, da ich nur die Var ändern muss...

    Ein weiterer Vorteil: shadow-root lässt sich von außen mit Variablen ansprechen!

    Das ist ja mal sowas von cool :!:

    Egentlich hätte ich da auch drauf kommen müssen, bin ich aber nicht.

    Danke für diesen Tipp!

    Das hätte ich schon Gestern gebrauchen können. :D

    Zitat von Horstmann

    Das hier kennst du aber doch bestimmt, bei deiner Erfahrung? :/

    Ist super praktisch, und man kann auch einiges mit Tricksen.

    Danke für den Link.

    Ich sollte wirklich da öfter mal reinschauen, mach ich viel zu selten.

  • Buttons unter about:logins

    Zitat von Firefox_94.0.1

    Noch eine kurze Frage (war bisher noch gar nicht im Skript): Kann man diese "Kreise" auf dem Zeitstrahl auch einfärben?

    Ja.

  • Buttons unter about:logins

    Käse, dann war meine Arbeit ja für die Füß' :!:

    Falls es doch helfen sollte, hier das CSS.

    :cursing:

    Den Nick "Firefox_94.0.1" muss ich mir merken.

    Nicht für 5ct Geduld.

  • Buttons unter about:logins

    Zitat von 2002Andreas
    Zitat von Mira_Belle

    Soll ich

    Kannst ja die Feinheiten noch machen ;)

    Ach ja, und ich soll putzen. :D

    Mach ich doch gerne.

    Firefox_94.0.1

    Schau bitte morgen noch mal vorbei. Das reale Leben muss ja auch weiter gehen!

    Teste derweil das von Andreas angepasste CSS und schreibe dann hier rein, was noch nicht so passt!

    Ich werde mein möglichstes Tun um das CSS auszumisten und Deine Wünsche noch irgendwie einzubauen.

    Wie sollen den die Farben beim Hovern sein?

    (Habe das CSS noch nicht getestet :!: )

  • Buttons unter about:logins

    Oh, ich Hirni!

    Sorry.

    Muss ja über die userContent.css eingebunden werden!

    Autsch, das tut weh.

    Warum sich ein paar Buttons nun anders verhalten, weil die Selektoren sich geändert haben.

    Das Problem hatte ich gestern und heute Morgen auch noch.

    Wer macht weiter?

    Es sind wohl der Button mit dem "+",

    der Button "Bearbeiten" sowie "Entfernen" anzupassen.

    Auch die beiden "Kopieren"-Buttons, schauen nicht gerade wirklich toll aus.

    Habe ich was vergessen?

  • Buttons unter about:logins

    Mh. :/

    Die beiden werden Dir auch nicht wirklich weiterhelfen können.

    Dein CSS ist kaputt, funktioniert gar nicht, nicht mal im Ansatz!

    Nun bin ich aber wirklich etwas beleidigt.

    Wenn Du es Dir nur ganz einfach machen willst, dann lassen wir es.

    Mach es wie ich beschrieben habe, dann kann ich Dir weiterhelfen,

    oder lass es, dann hoff' das Beste, dass irgendwer aus dem "piep" noch was machen kann.

    Und noch einmal, in meinem Code sind die Buttons alle genauestens kommentiert!