Mehrere Farbsets in einer css-Datei

[Dragosius]

Hallo zusammen,

ich habe folgende Farbdefinition am Anfang meiner css-Datei:

:root{
    --Tabellenkopf-Hintergrundfarbe: #007ABE;
    --Tabellenkopf-Textfarbe: #ffffff;
    --Tabellenkopf-Linkfarbe: #ffffff;
}

Diese verwende ich z.B. so:

.tabelle_kopf {
    border-radius: 3px;
    background-color: var(--Tabellenkopf-Hintergrundfarbe);
    width: 100%;
    margin-bottom: 10px;
}

Gibt es eine Möglichkeit, diese Farben irgendwie außerhalb zu definieren, so dass ich nicht für verschiedene Farbvarianten jeweils die ganzen css-Datei kopieren muss?

Danke

 

[Sempervivum]

Ich erwarte, dass CSS dateiübergreifend gilt. Versuche, die Farbdefinitionen in eine eigene Datei auszulagern und beobachte ob es funktioniert.

 

[Dragosius]

Danke dir, das funktioniert.