Neues Theme als Plugin...???

Started by madcoda9000, September 24, 2020, 12:03:09 PM

Previous topic - Next topic
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.
Supermicro A2SDi-4C-HLN4F
Team Rebellion Member (sidebar / themes: tukan, cicada & vicuna)

Quote from: opnsenseuser on September 25, 2020, 10:40:08 AM
die scss / makefile auch erstellt?

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

Gruss
Sascha
Rhode & Schwarz Gateprotect FW7543B
OPNsense 20.7.3-amd64
FreeBSD 12.1-RELEASE-p10-HBSD
OpenSSL 1.1.1g 21 Apr 2020

Quote from: opnsenseuser on September 25, 2020, 10:40:08 AM
die scss / makefile auch erstellt?

Öhhmmm, nö  :o

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

Gruss
sascha
Rhode & Schwarz Gateprotect FW7543B
OPNsense 20.7.3-amd64
FreeBSD 12.1-RELEASE-p10-HBSD
OpenSSL 1.1.1g 21 Apr 2020

Quote from: opnsenseuser on September 25, 2020, 10:46:17 AM
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.
Rhode & Schwarz Gateprotect FW7543B
OPNsense 20.7.3-amd64
FreeBSD 12.1-RELEASE-p10-HBSD
OpenSSL 1.1.1g 21 Apr 2020

Quote from: madcoda9000 on September 25, 2020, 11:18:07 AM
Quote from: opnsenseuser on September 25, 2020, 10:40:08 AM
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.
Supermicro A2SDi-4C-HLN4F
Team Rebellion Member (sidebar / themes: tukan, cicada & vicuna)

Quote from: opnsenseuser on September 25, 2020, 11:31:20 AM
Quote from: madcoda9000 on September 25, 2020, 11:18:07 AM
Quote from: opnsenseuser on September 25, 2020, 10:40:08 AM
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...??
Rhode & Schwarz Gateprotect FW7543B
OPNsense 20.7.3-amd64
FreeBSD 12.1-RELEASE-p10-HBSD
OpenSSL 1.1.1g 21 Apr 2020

September 25, 2020, 11:36:58 AM #21 Last Edit: September 25, 2020, 11:38:36 AM by opnsenseuser
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.
Supermicro A2SDi-4C-HLN4F
Team Rebellion Member (sidebar / themes: tukan, cicada & vicuna)

Quote from: opnsenseuser on September 25, 2020, 11:36:58 AM
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
Rhode & Schwarz Gateprotect FW7543B
OPNsense 20.7.3-amd64
FreeBSD 12.1-RELEASE-p10-HBSD
OpenSSL 1.1.1g 21 Apr 2020

September 25, 2020, 11:42:25 AM #23 Last Edit: September 25, 2020, 11:44:02 AM by opnsenseuser
Quote from: madcoda9000 on September 25, 2020, 11:39:12 AM
Quote from: opnsenseuser on September 25, 2020, 11:36:58 AM
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.
Supermicro A2SDi-4C-HLN4F
Team Rebellion Member (sidebar / themes: tukan, cicada & vicuna)

Quote from: opnsenseuser on September 25, 2020, 11:42:25 AM
Quote from: madcoda9000 on September 25, 2020, 11:39:12 AM
Quote from: opnsenseuser on September 25, 2020, 11:36:58 AM
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.
Supermicro A2SDi-4C-HLN4F
Team Rebellion Member (sidebar / themes: tukan, cicada & vicuna)

Quote from: opnsenseuser on September 25, 2020, 11:51:19 AM
Quote from: opnsenseuser on September 25, 2020, 11:42:25 AM
Quote from: madcoda9000 on September 25, 2020, 11:39:12 AM
Quote from: opnsenseuser on September 25, 2020, 11:36:58 AM
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.
Rhode & Schwarz Gateprotect FW7543B
OPNsense 20.7.3-amd64
FreeBSD 12.1-RELEASE-p10-HBSD
OpenSSL 1.1.1g 21 Apr 2020

Quote from: lebernd on September 25, 2020, 10:25:12 AM
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
Rhode & Schwarz Gateprotect FW7543B
OPNsense 20.7.3-amd64
FreeBSD 12.1-RELEASE-p10-HBSD
OpenSSL 1.1.1g 21 Apr 2020

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
IPU451, 16GB RAM, 120GB SSD:
OPNsense 22.7.11_1-amd64
FreeBSD 13.1-RELEASE-p5
OpenSSL 1.1.1s 1 Nov 2022

IPU441, 8GB RAM, 120GB SSD:
OPNsense 23.1.1_2-amd64
FreeBSD 13.1-RELEASE-p6
OpenSSL 1.1.1t 7 Feb 2023

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/

Quote from: lebernd on October 02, 2020, 12:48:05 PM
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.
Rhode & Schwarz Gateprotect FW7543B
OPNsense 20.7.3-amd64
FreeBSD 12.1-RELEASE-p10-HBSD
OpenSSL 1.1.1g 21 Apr 2020