Messages

Wegen der scss files: das ist ne metasprache um einfacher css files zu strukturieren und ein paar Features mehr kann. Daher sollst du aus dem CSS keine Sass files machen sondern umgekehrt.

Details gibt es hier:
https://sass-lang.com/

Alles klar. Danke für die Info.

Ich berichte zwischenzeitlich einfach mal, dass ich nichts = keine Fehler zu berichten habe...

Da ich es auf einem System installiert habe, das derzeit wenig sonstige Pflege, Neukonfiguration braucht, bin ich nur hin und wieder Menüs durchgegangen, wg der Rückmeldung hier. Also bei mir läuft es sehr stabil und die Farbgebung finde ich tw. derzeit auch wirklich hilfreich.

Grüße zum Wochenende,
Bernd

Super, danke für das Feedback.

Ich werde berichten... Installation problemlos
Ein erstes Bild anbei

Danke! Grüße, Bernd

Hallo Bernd. Ich habe auf Anraten von Franco noch einige Änderungen an den Formularen vorgenommen. Eine aktualisierte ZIP-Datei habe ich in Deinen Briefkasten gelegt. Einfach die bestehenden Datein überschreiben und dann den Browser Cache löschen.

Gruss
Sascha

ich glaube der sinn der scss ist die vereinfachung des codes.  und ich glaube das framework von opnsense braucht die datei für irgendeine generierung. aber da wissen andere mehr.

ok, macht Sinn. In der scss fehlen die geschweiften Klammern. Danke

also alle css datei die du veränderst müssen also als scss nachgezogen werden. z.b tokenize2.css, bootstrap-select-1.13.3.css usw. alle die du halt manipulierst, musst du nachher auch als scss konvertieren.

noch ein tip.
lösche zum wirklichen testen immer den cache des browsers damit du sicher sein kannst, dass die modifikationen auch funktionieren.

ja, ich teste das immer in einem neuen "Private Fenster" :-)

Ich habe auf Grund Deines Tipps noch einmal alle Forms überarbeitet und die scss Dateien auch neu erstellt.

ich glaube der sinn der scss ist die vereinfachung des codes.  und ich glaube das framework von opnsense braucht die datei für irgendeine generierung. aber da wissen andere mehr.

ok, macht Sinn. In der scss fehlen die geschweiften Klammern. Danke

die scss / makefile auch erstellt?

Öhhhm, nö. Was ist denn der Unterschied zischen der main.css und der main.scss?

Gruss
Sascha

http://css2sass.herokuapp.com/

damit generiere ich die scss files. die sind wichtig. das erstellst du in dem du links auf der seite die css datei einfügst und rechts die fertige scss datei unter \assets\stylesheets\main.scss ablegst.

ok, danke. Habe ich gemacht. Ich verstehe nur den Sinn nicht. Augenscheinlich schauen die Dateien gleich aus...??

noch ein tip.
versuche so viele plugins wie möglich auf deiner testumgebung zu installieren um zu sehen ob auch in allen anderen plugins deine farben nach deinen wünschen aussehen. (z.b sensei plugin). weil es gibt derart viele unterklassen. gehe so viel wie möglich alle untermenüs der opnsense durch um auch das zu überprüfen. dann schau noch ob die farben der menüs auch in der sidebar (pfeil oben) so angezeigt werden wie du es dir vorstellst.

das ist ein guter Tip! Danke, werde ich machen.

die scss / makefile auch erstellt?

Öhhmmm, nö  :o

Was ist denn der Unterschied zwischen der main.css und der main.scss?

Gruss
sascha

die scss / makefile auch erstellt?

Öhhhm, nö. Was ist denn der Unterschied zischen der main.css und der main.scss?

Gruss
Sascha

Ich werde berichten... Installation problemlos
Ein erstes Bild anbei

Danke! Grüße, Bernd

cool! viel Spass beim testen :-)

bin ja gespannt. Super!! :-)

so, habe nun plugins geforked, die Struktur angelegt und die Dateien hoch geladen (siehe Screenshot). Wenn ich das richtig verstehe, muss ich nur noch (wenn ich denke, dass es gut genug ist und funktioniert) einen Pull Request erstellen. Oder?

Gruss
Sascha

Sieht gut aus. :) Die anderen Themes sind im Plugin Repository, z.B. https://github.com/opnsense/plugins/tree/master/misc/theme-cicada

Die Struktur ist einfach und da könnte man auch dieses hinzufügen unter "misc/theme-xzy".


Grüsse
Franco

Hallo Franco,

danke für die Info. Da muss ich mich erst einmal schlau lesen, wie das funktioniert :-)

Ich werde es erst noch ein bischen testen und freue mich, dass Bernd auch testet :-).

Wenn er es auch als "Alltagstauglich" beschreiben würde, werde ich schauen, wie ich es in Github bekomme. (darf ich da in master einfach neue Ordner/ Dateien hochladen???)

Gruss
Sascha

Wenn du willst, kann ich dir ein bissi helfen. Es ist zwar im vergleich zu den wirklichen programmieren hier im forum wahrscheinlichh einfach, aber der umfang der css datein ist schon ziemlich massiv. Aber ich kann es gernen hochladen und drüberschaun.

super, Vielen Dank für das Angebot. Ich werde es probieren. Wenn ich nicht weiter komme, wende ich mich an Dich.

Gruss
Sascha

Sieht gut aus. :) Die anderen Themes sind im Plugin Repository, z.B. https://github.com/opnsense/plugins/tree/master/misc/theme-cicada

Die Struktur ist einfach und da könnte man auch dieses hinzufügen unter "misc/theme-xzy".


Grüsse
Franco

Hallo Franco,

danke für die Info. Da muss ich mich erst einmal schlau lesen, wie das funktioniert :-)

Ich werde es erst noch ein bischen testen und freue mich, dass Bernd auch testet :-).

Wenn er es auch als "Alltagstauglich" beschreiben würde, werde ich schauen, wie ich es in Github bekomme. (darf ich da in master einfach neue Ordner/ Dateien hochladen???)

Gruss
Sascha

Prima, das könnt ich schaffen  8)

Wie komme ich denn an die ZIP-Datei?
Ich hätte einen Briefkasten hier: https://nextcloud.running-co.de/s/oBbxEjNwsB68cEa

Konsulierte aber auch github o.ä. falls das ZIP-file da schon liegt.

Gruß,
Bernd

Hallo Bernd,

habe Dir das ZIP-File in den Briefkasten gelegt. Danke für's testen :-)

PS: der korrekte Zielpfad ist: /usr/local/opnsense/www/themes

Gruss
Sascha

Kein Problem. Ich kann Dir ein ZIP-File geben, dass musst Du dann nur entpacken und mach /usr/local/opnsense/themes kopieren. Danach kannst Du das in der OPNsense konfiguration unter System -Settings - General auswählen.

Und nein, orange/braun gibbet nich :-)

Gruss
Sascha