Farbänderung der mobilen Navigation

Hallo Ansgar,

ich hoffe Du hattest auch einen schönen Maifeiertag!

Was Deine Farbänderung angeht bist Du soweit absolut richtig und hast auch die richtige Stelle gefunden, allerdings bist Du noch in der falschen Datei gewesen.

Dateien im Ordner "shared/" sollte man generell nicht verändern, diese sind natürlich vom Forensystem geteilt und werden mitunter für mehrere Styles oder Plugins bereitgestellt. Änderungen an diesen Dateien könnten also u.U. zu seltsamen Fehlern in Deiner Forensoftware führen. Die Änderungen für die Farben machst Du also wirklich nur in Deinem Style-Ordner wie in Kennys Tutorial beschrieben.

Die Farben der UIKit Engine stecken da in der Datei "miraUI.less" Deines Templates (im Standard also: templates/mira/less/miraUI.less).

Dort werden Stylespezifische Variablen der UIKit Basis pro Theme überschrieben.

Sofern die Variable schon dort in der Datei drin ist kannst Du sie einfach mit dem neuen Wert überschreiben. Dein LESS Compiler erzeugt Dir dann natürlich automatisch wieder eine passende neue CSS Datei.

Wenn eine UIKit Variable, die Du im Ordner "shared/" gefunden hast in dieser miraUI.less Datei noch NICHT existiert, dann kannst Du sie einfach hinzufügen. Also in Deinem Fall: Wenn die Variable @offcanvas-panel-color noch nicht in der miraUI definiert ist, füge sie hinzu und setze den Wert rein, den Du haben möchtest. Der Compiler überschreibt dann nur für Dein eigenes Style diesen Wert, der zuvor global über shared/ definiert wurde.


Natürlich kannst Du für das UIKit Layout auch mit dem Online-Konfigurator eine ganz neue Configdatei basteln, aber das wäre in diesem Fall vermutlich aufwändiger, als wenn Du nur die einzelnen Werte hinzufügst bzw. änderst.


Ich hoffe ich konnte Dir weiterhelfen!


LG,
Chris

Hallo Ansgar,

das klingt super, war hier im Saarland auch so, den Sonntag konnte man schön draußen verbringen und der Montag war nass.

Freut mich, dass ich Dir helfen konnte!

Ist am Anfang ein bisschen verwirrend mit dem "shared/" Ordner und dem überschreiben, hat aber natürlich den Vorteil, dass man die ganzen Bibliotheken wie jQuery und die eigenen Scripte für Editor usw. sowie die UIKit Basis nicht in jedem Template haben muss, das spart dann einiges an Webspace.

Übrigens ist in der miraUI.less alles auch schön nach "blöcken" Sortiert, also z.B. "// Buttons, Navs & Badges" enthält alles zu Buttons, "// Panel" alles zu den Panels. Der Generator der im Entwickler-Handbuch genannt ist auf der UIKit Webseite wirft Dir dann, wenn Du dort auf Themebasis "gradient" stellst alles in der gleichen Form nochmal aus. So kannst Du z.B. in Deinem Fall auch nur das benötigte Element umkonfigurieren und kopierst dann diesen Block von der neu generierten Konfiguration rüber in die miraUI.less und ersetzt den Block, falls er schon da ist, einfach komplett mit Deinem neuen.

Aber ich glaube in diesem Fall bist Du schneller, wenn Du nur die paar wenigen Variablen überschreibst.

Viele Grüße,
Chris

Hi Ansgar,

das freut mich zu hören, dass alles geklappt hat und ich Dir helfen konnte!

Vielen Dank auch für das Lob zum Templatesystem! Schön zu hören, dass es gut ankommt.

Viele Grüße,
Chris