OPNsense Forum
International Forums => German - Deutsch => Topic started by: madcoda9000 on September 24, 2020, 12:03:09 pm
-
Hallo,
ich bin neu hier und habe ein Material Theme erstellt, welches ich gerne als Plugin zur Verfügung stellen würde.
Ich habe aber keine Ahnung, wie ich da vorgehen muss und / oder ob das überhaupt erwünscht ist..???
Anbei ein Paar Screenshots: (sorry für die schlechte Qualität, aber man darf hier max. 256kb anhängen :-\)
Gruss
sascha
-
Gibt's das auch in orange-braun? ;D
Schönes Ding. Im ernst - ich würde es mal ausprobieren (auch wenn die 70er Jahre Retrofarben evtl. mein Sicherheitsgefühl mehr ansprechen).
Grüße,
Bernd
-
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
-
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 (https://nextcloud.running-co.de/s/oBbxEjNwsB68cEa)
Konsulierte aber auch github o.ä. falls das ZIP-file da schon liegt.
Gruß,
Bernd
-
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
-
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 (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
-
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
-
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.
-
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
-
Ich werde berichten... Installation problemlos
Ein erstes Bild anbei
Danke! Grüße, Bernd
-
bin ja gespannt. Super!! :-)
-
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
-
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
yes
-
die scss / makefile auch erstellt?
-
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.
-
die scss / makefile auch erstellt?
Öhhhm, nö. Was ist denn der Unterschied zischen der main.css und der main.scss?
Gruss
Sascha
-
die scss / makefile auch erstellt?
Öhhmmm, nö :o
Was ist denn der Unterschied zwischen der main.css und der main.scss?
Gruss
sascha
-
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?
Ö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.
-
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...??
-
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.
-
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
-
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.
-
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.
-
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 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 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
-
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/
-
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.
-
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.
-
Update auf 20.7.4 vor ein paar Tagen gut überlebt.