Farben der Fakultäten aus Custom Property nutzen

[xwolfde]

Ab der V2 der FAU Themes werden die Fakulätsfarben als Custom Property bereitgestellt. Plugins, die eigenes CSS haben, können diese dann nutzen und brauchen somit die Farbwerte nicht selbst mit pflegen. Lediglich ein Fallback-Wert wäre sinnvoll.

Die CI-Farben und der jeweils passende Kontrast (falls benötigt)ist jeweils in folgender Property vorhanden:

--color-zentral-ci-hell: #04316a;
--color-zentral-ci-hell-kontrast: #fff;

--color-phil-ci-hell: #fdb735;
--color-phil-ci-hell-kontrast: #000;

--color-med-ci-hell: #18b4f1;
--color-med-ci-hell-kontrast: #000;

--color-nat-ci-hell: #7bb725;
--color-nat-ci-hell-kontrast: #000;

--color-rw-ci-hell: #c50f3c;
--color-rw-ci-hell-kontrast: #fff;

--color-tf-ci-hell: #8c9fb1;
--color-tf-ci-hell-kontrast: #000;

Bitte ersetze Farbanweisungen im Plugin bei denen Fakultätsfarben angezeigt werden sollen, daher doch so:

Beispiel Nat:

color: var(--color-nat-ci-hell, #7bb725);
background-color: var(--color-nat-ci-hell-kontrast, #000);

vgl. auch: https://developer.mozilla.org/en-US/docs/Web/CSS/var()

Wenn ein FAU Theme ab V2 im Einsatz ist, wird der Wert aus der Custom Property verwendet. Wenn ein altes Theme verwendet wird oder ein anderes, welches die Property nicht hat, dann wird der zweite Wert nach dem Komma als Fallback verwendet.

Die jeweils bei einem Theme verwendete , aktive Eigenfarbe ist in den Properties enthalten:

--color-primary-ci-hell
--color-primary-ci-hell-kontrast

[xwolfde]

Ebenfalls sinnvoll wäre die Verwendung folgender Theme-Properties, wenn es um die Anzeige der Buttons aus Elements geht:

--color-button-text
--color-button-bg
--color-button-hover-text
--color-button-hover-bg

[cassandre]

Für FAU-Themes in dev-Branch erledigt. TODO: RRZE-2019, FAU-Events

• [x] Fau-Themes
• [x] RRZE-2019
• [ ] FAU-Events

[cassandre]

RRZE-2019 erledigt