Liebe #moodlebande und #H5P-Community, ich versuche, die Standardfarben von H5P über die Funktion "Raw CSS for H5P" des #LearnR #Moodle Theme Plugins an unser Corporate Design anzupassen, aber ich bin schon überfordert, die zu ändernden CSS-Selektoren manuell zu identifizieren😅. Habt ihr Erfahrung damit oder wisst ihr, wo ich eine Liste der Selektoren finden kann?

Vielen Dank im Voraus für jeden Hinweis!

#followerpower

@giofonsecaf Jeder Browser dürfte so etwas wie einen "Inspektor" haben, mit dem du ein Element der Seite auswählst und dann die CSS-Infos inkl. Klassennamen/-hierarchie einsehen kannst. Ich würde es nicht beschwören wollen, aber vermutlich zeige ich das hier: https://campus.oercamp.de/lessons/wie-kann-ich-das-visuelle-erscheinungsbild-von-h5p-veraendern/
Wie kann ich das visuelle Erscheinungsbild von H5P verändern? – OERcamp SummOERschool 2021

@otacke vielen Dank fürs Teilen. Das ist echt ein sehr nützlich Lernmaterial für alle, die, wie ich gerade über die CSS & co. -Welt lernen möchten!
Ich habe mich auf dein Code (denke ich) _color_overrides.scss des Interactive-Books orientiert, um meine Anpassungen zu machen. Ich bin kein GitHub-Experte, aber habe ich nun mein erster Versuch hier hochgeladen: https://github.com/giofonseca/h5p-css-customization/blob/main/style.scss
Es ist kein fertiges Ding, weil ich noch die andere CSS Elemente auch anpassen möchte, die nicht auf dem IB sind...
h5p-css-customization/style.scss at main · giofonseca/h5p-css-customization

The idea is to collect here, all the CSS elements to customize the color of the different H5P content types - giofonseca/h5p-css-customization

GitHub
@giofonsecaf Das wird demnächst™ einfacher. Eine der nächsten Aufgaben des H5P-Kernteams wird es sein, in H5P Themes zu erlauben (vermutlich über zentral definiert custom property values wie bei dir), Inhaltstypen entsprechend anzupassen, das in den H5P-Integrationen anpassbar zu machen, und auch das Standard-Theme zu modernisieren.

@otacke Jap, ist sehr interessant, die Frage ist, wann es fertig wird.

Mit meinem ursprünglichen Toot habe ich die Hoffnung, dass eine Liste von CSS Elemente schon irgendwo wäre, damit ich ein schnelle und unkomplizierte Anpassung machen könnte, um das sofort für unsere Nutzer anbieten zu können, aber die Realität ist ein bisschen anders 😜 Danke, wie immer, für deine Hilfe!

@giofonsecaf Darum "demnächst™" 😁 Terminangaben gibt's halt leider nicht einmal ungefähr.