Beiträge von Mira_Belle

  • Variablen in CSS nutzen

    Mitleser

    Eventuell habe ich mich etwas unglücklich ausgedrückt, aber genau so habe ich es vor es umzusetzen.

    Ich denke aber, 2002Andreas hat etwas anders gemeint, mit dem Einwand, dass sich da etwas ins Gehege kommen könnte.

    2002Andreas

    Kannst Du bitte, da es hier ja gerade nicht wirklich um die Symbole geht, ab #121 das Thema abtrennen

    mit Verweis auf diesen Thread hier?

    Titel für den neuen Thread eventuell "Variablen in CSS nutzen", oder so?

  • Variablen in CSS nutzen

    Hehe, und ich dachte, der letzte bleibt!

    Dann wäre es genau andersrum.

    Erster Wert grün, zweiter Wert überschreibt und es ist rot.

    PS: Der Code für die Sidebar ist nun ausgelagert und funktioniert.

  • Variablen in CSS nutzen

    Zitat von 2002Andreas

    Wenn du das direkt in z.B. die userChrome.css schreibst, dann sprichst du damit pauschal alle Einträge im Fx an.

    Pauschal in der userContent.css sind es ja nicht nur die div. Einstellungen vom Fx die sich in Tabs öffnen, sondern evtl. auch auf manchen Webseiten.

    Ich pers. habe in beiden Dateien nur meine import Regeln stehen.

    Es wird wohl aber keinen Unterschied machen, ob diese Deklarationen direkt in der userChrome.css stehen

    oder per @import eingebunden werden.

    Sie stehen dann nur den Anpassungen zur Verfügung, die eben die Oberfläche des Firefox beeinflussen,

    bzw, jenen, die eben per userChrome.css definiert werden.

    Was die userContent.css betrifft wirst Du, hast Du sicher recht, aber mal ganz ehrlich, wer wird denn

    für seine Page Variablennamen wie var(--uc-color-orange-normal) verwenden?

    Aber um auch das Risiko zu minimieren, var(--my-uc-color-orange-normal).

    Und zum letzten Punkt, ja wollte ich auch so hand haben, aber es gibt da ein paar Anpassungen, die wollen einfach nicht,

    wenn ich sie in betreffende Dateien auslagere.

    Darum habe ich mich aber auch nicht weiter bemüht.

    Das wären diese:

    Da müsste ich noch einmal ran.

    Die Sidebar auslagern müsste ja gehen, warum ich das nicht gemacht habe?

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