OPNsense Forum

English Forums => Development and Code Review => Topic started by: dayat on April 06, 2023, 07:49:13 AM

Title: GUI
Post by: dayat on April 06, 2023, 07:49:13 AM
Hello im new here
im want to edit this menu where i can find the index.php and css for this and the navbar?

(https://ibb.co/dpddDT9)
https://ibb.co/dpddDT9
Title: Re: GUI
Post by: hsing on April 07, 2023, 09:37:39 AM
/usr/local/opnsense/www/themes
Also, you can use F12 to inspect and edit the web page as needed.
Title: Re: GUI
Post by: dayat on April 08, 2023, 09:12:30 PM
i can't find any section or body  in index.php,

where the html version,

I used inspect element but couldn't find the same file or the css

https://ibb.co/PM0D780
https://ibb.co/ZmKmxRf
Title: Re: GUI
Post by: hsing on April 10, 2023, 07:28:00 AM
If you want to change the theme, you can go to "usr/local/opnsense/www/themes/opnsense/build/css/main.css" to make the changes you want. I suggest using your browser's F12 tool to find the part you want to change.
If you want to design a layout, you can find it in "usr/local/opnsense/mvc/app/views/layouts/default.volt" and "usr/local/opnsense/mvc/app/views/layout_partials". Take a look at those files.