Pfsense themes, clear and nord styles

While learning pfsense why not modifying theme and look like others. So sharing with you and hope u like too.
A nord theme

white and clear theme

2 Likes

These are beautiful!!! Thank you!

How does one go about installing the themes?

EDIT:

@krlsantcard I found out how. Using WinSCP I copied to .css to /usr/local/www/css/ then selected it from the general tab.

Very nice!!!

How can we modify the colors? I am having a hard time reading the pfBlockerNG blocked IPs and the blocked domains:

Go to System ->Advanced → Admin Access
enable Secure Shell Server under Secure Shell section, and the path is /usr/local/www/css/ (drop css in here).

For select theme go to System → General Setup → under webConfigurator section select from the list.

1 Like

use the dev tools from browser and try to modify this particular section, i ll try later and let u know

1 Like

You might want to consider making this adjustment to center the navbar. Your current code is making it sit to the left. Unless that was intentional.

.navbar>.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto; /* Automatically adjust the right margin */
    margin-left: auto;  /* Automatically adjust the left margin */
    max-width: 1200px;  /* Optional: Set a maximum width for the container */
    width: 100%;        /* Ensure the container takes up full width */
}

You wouldn’t change those setting in CSS. I believe you would want to make that change in the alert settings.

1 Like

yes, of course. Intentional

A better solution !!!. Tonight i’ll install this package. I’m learning pfsense but meanwhile just doing for fun (css i mean).