Grundsätzliches Design – helles/dunkles Design

Bisher haben wir immer mit einem hellen Design gearbeitet. Unsere Hintergrundfarbe war in den bisherigen Beispielen immer weiß und die verwendeten Steuerungselemente automatisch mit passenden Farben mit genügend Kontrast versehen. Wir können das Design über die Anweisung data-theme ändern.

Unter jQuery mobile wird das über die Angabe eines Buchstabens geregelt. So erhalten wir bei Angabe von „b“ ein dunkles Design. In jQuery mobile spricht man von Themen. Unter der URL https://themeroller.jquerymobile.com/ kann man auch seine eigene Zusammenstellung basteln.

Oft reicht die vorgegebenen Themen A bis C.

Einfach einmal testen über folgende Angabe:

<div data-role="page" id="startseite" data-theme="b">