Pagina1 van 1
Forum

Welkom bij de Tweaking4All gemeenschapsforums!
Voor je gaat deelnemen, bekijk de Forum Regels!

Specifieke onderwerpen: Start het onderwerp met de naam van het programma of systeem.
Bijvoorbeeld “MacOS X – Jouw vraag“, of bijvoorbeeld “MS Word – Jouw Tip of Truc“.

Merk op: Omschakelen naar een andere taal zal niet werken als je een post aan het lezen bent aangezien er waarschijnlijk geen vertaling beschikbaar is.




OPNSense - Hoe pas ...
 
Deel:
Meldingen
Alles wissen

OPNSense - Hoe pas ik de kleuren in een theme aan


 Hans
(@hans)
Noble Member Admin
Deelgenomen: 8 jaar geleden
Berichten: 2018
Topic starter  

Voor wie OPNSense als firewall gebruikt en de theme kleuren wilt aanpassen ...

Ik heb bij mij het theme op een dark theme gezet, maar sommige kleuren bevallen me niet zo goed, en ik kon geen beter theme vinden.
Als basis heb ik het Vicuna theme gebruikt omdat dit het dichtste bij mijn wensen kwam.

Om een theme te installeren (os-theme-vicuna) ga naar System - Firmware - Plugins en zoek naar het gewenste theme ("os-theme-vicuna") en installeer het.
Ga daarna naar System - Settings - General en zet het theme op "vicuna" en klik op Save.

Vervolgens gaan we via SSH onze CSS bestanden aanpassen maar daarvoor moeten we dus wel SSH aanzetten. Ik heb normaal gesproken SSH toegang uitstaan, dus als je klaar bent met editten dan niet vergeten SSH toegang weer uit te zetten.
Ga naar System - Settings - Administration en scroll naar Secure Shell Server en zet een vinkje voor Enable Secure Shell en klik op Save.

Je hebt nu SSH toegang tot jouw OPNsense.

Op MacOS/Linux (IP adres natuurlijk aanpassen voor jouw OPNSense server):

ssh root@192.168.1.1

 

Na het invoeren van het wachtwoord en succesvolle login, zien we een menu - kies de optie 8 (Shell).  

In de volgende stap willen we een kopie maken van een theme, zodat we het origineel niet beschadigen.
Als voorbeeld noem ik mijn theme "mytheme".

cd /usr/local/opnsense/www/themes/
cp -r vicuna mytheme

 

In de OPNSense web interface, kun je "mytheme" meteen zien (even de pagina refreshen, onder System - Settings - General).

Ik gebruik het liefste de nano editor, en die installeer je als volgt (source):

pkg install nano

 

Ga vervolgens naar de directory waar het main.css bestand staat, waarde meeste kleuren enzo van ons theme aan te passen zijn.

cd /usr/local/opnsense/www/themes/mytheme/build/css
nano main.css

 

Wanneer je verandering wilt testen, vergeet dan niet dat jouw browser het CSS bestand kan cachen, en een harde reload kan dan nodig zijn om de wijzigingen te zien.
Merk op dat de kleuren in de grafieken (nog) helaas niet door de themes beïnvloed kunnen worden - je kunt die dus niet veranderen.

Als je klaar bent, vergeet dan niet SSH toegang weer uit te zetten 😉 


BeantwoordenCiteren
Onderwerp trefwoorden

Bevalt je wat je hier ziet, en wil je graag helpen? 

Uiteraard is de beste manier van helpen, door anderen hier te helpen met hun vragen. Maar je kunt ons ook op andere manieren helpen:

- Shop bijvoorbeeld bij Amazon, het kost je niks extra, maar het kan zijn dat wij een kleine commissie ontvangen,
- stuur me een koffie via PayPal ($5, $10, $20, or zelf kiezen),
- je kunt ook een Patreon worden,
- of BitCoin (BTC), of BitCoinCash (BCH) doneren.

Deel: