Hallo,
ich würde gerne eure Erfahrungen mit den CSS Custom Properties ( CSS-Variablen ) [1,2] kennen lernen.
Die Unterschiede zu Präprozessoren werden hier schön aufgeführt [3].

Setzt Ihr diese bereits ein?
Und wenn: Wie geht Ihr mit älteren IE's um bzw. wie ist eure Fallback Strategie?

[1] https://caniuse.com/#feat=css-variables
[2] https://www.smashingmagazine.com/201...om-properties/
[3] https://www.smashingmagazine.com/201...trategy-guide/

Grundsätzlich ist es ja so:

HTML-Code:
<style>
    :root {
      --bg-color: coral; 
    }

    body {
      background-color: coral; /* real fallback for browser not supporting custom property */
      background-color: var(--bg-color, coral); /* with fallback if css variable do not match */
    }
</style>
Ich erstelle meine Styles lokal mit .scss und binde das generierte .css dann in Contao ein.

Jetzt könnte man meinen ein Anwender kann in Contao einfach die .css über den Dateimanger öffnen und "nur" die Variablen ändern.
Ist bequem und benötigt keine .scss Konvertierung seitens des Anwenders.

Allerdings berücksichtigt dies eben nicht die Unterstützung des IE bzw. Browser ohne Custom Property Support und "man" wundert sich warum die Änderungen da dann nicht greifen.

Es gibt zahlreiche Lösungen die entsprechenden Ausgaben auch via .scss generieren zu lassen.
Ein praktisches mixin ist u.a. css-vars ( s. https://github.com/malyw/css-vars ).
Hier wäre die Fallback Strategie dann zwei .css Dateien generieren zu lassen und entsprechend "Trigger using of native CSS Custom Properties" auszugeben.

Aber auch das nutzt einem nichts hinsichtlich obigen Contao Anwender Beispiel.

Aus diesem Grund bin ich bis dato immer wie folgt vorgegangen und habe bisher auf CSS-Variablen verzichtet ( zumindest hinsichtlich Farbwerte ).
Via PostCss [4] lasse ich eine separate .css Datei erstellen, die nur/alle verwendeten Farbwerte des Themes beinhaltet ( Was in den meisten Fällen ausreicht. )
Diese könnte vom Contao Anwender dann eingebunden und über den Dateimanager zur Farb-Änderungen herangezogen werden.

[4] https://community.contao.org/de/show...hlight=postcss


Oder ist dies alles unerheblich in euren Überlegungen/Umsetzungen und Ihr setzt einfach die CSS-Variablen ein.