Netgate Discussion Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Search
    • Register
    • Login

    Themes

    Scheduled Pinned Locked Moved webGUI
    7 Posts 3 Posters 3.1k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      Stewart
      last edited by

      Sorry if I'm overlooking this but I can't seem to find the themes directory.  In 2.1.4 (which we were previously using) it was in /usr/local/www/themes but that directory doesn't exist in 2.3.1.  I've never been able to figure out how to create my own theme so I just edit the one already there as outlined over at Yawarra.  Can someone point me in the right direction?  Thanks!

      1 Reply Last reply Reply Quote 0
      • johnpozJ
        johnpoz LAYER 8 Global Moderator
        last edited by

        I believe the themes are all via css now and would be in this folder I believe

        /usr/local/www/css

        -rw-r–r--  1 root  wheel  2074 May 16 16:22 Compact-RED.css
        drwxr-xr-x  2 root  wheel    512 Jun 17 06:09 fonts
        -rw-r--r--  1 root  wheel    290 May 16 16:22 pfSense-BETA.css
        -rw-r--r--  1 root  wheel    78 May 16 16:22 pfSense-dark-BETA.css
        -rw-r--r--  1 root  wheel  9055 May 16 16:22 pfSense-dark.css
        -rw-r--r--  1 root  wheel  16070 May 16 16:22 pfSense.css

        An intelligent man is sometimes forced to be drunk to spend time with his fools
        If you get confused: Listen to the Music Play
        Please don't Chat/PM me for help, unless mod related
        SG-4860 24.11 | Lab VMs 2.8, 24.11

        1 Reply Last reply Reply Quote 0
        • S
          Stewart
          last edited by

          @johnpoz:

          I believe the themes are all via css now and would be in this folder I believe

          /usr/local/www/css

          -rw-r–r--  1 root  wheel  2074 May 16 16:22 Compact-RED.css
          drwxr-xr-x  2 root  wheel    512 Jun 17 06:09 fonts
          -rw-r--r--  1 root  wheel    290 May 16 16:22 pfSense-BETA.css
          -rw-r--r--  1 root  wheel    78 May 16 16:22 pfSense-dark-BETA.css
          -rw-r--r--  1 root  wheel  9055 May 16 16:22 pfSense-dark.css
          -rw-r--r--  1 root  wheel  16070 May 16 16:22 pfSense.css

          Thanks!  I'll look into it and report back what I've found, probably tomorrow.

          1 Reply Last reply Reply Quote 0
          • S
            Steve_B Netgate
            last edited by

            Johnpoz is correct. The BETA files are provided for you to experiment with.

            Als ik kan

            1 Reply Last reply Reply Quote 0
            • S
              Stewart
              last edited by

              Thanks, it's working beautifully!  And using the Inspect Element aspect of Firefox has made it pretty easy.  Still a few things to figure out but I reworked just about the entire theme yesterday.  I appreciate the quick response.  While a tutorial would be nice for those of us who have no experience coding in css, it really isn't all that hard to figure out.  Great job.

              A suggestion:  It seems like it would be a relatively simple thing (for someone as experienced as your team) in the webConfigurator to add some management so that we don't need to get in and manually find the files and copy and stuff.  Like a "Remove Theme" button that would delete the .css file, an "Upload Theme" button that would copy the css file locally from the PC to the appropriate directory, and a "Download Theme" button so that users could download and modify the theme file for reupload.  Nothing too fancy, just enough that we wouldn't need to go rooting through the file structure.  I'm using WinSCP to edit the files directly which is much faster, but for users who are more novice it might be helpful.

              1 Reply Last reply Reply Quote 0
              • S
                Stewart
                last edited by

                I can't seem to figure out 2 formats.

                The squidGuard -> Log -> Filter Log page.  The table is black writing on a dark grey background. 
                and
                On the Firewall -> Rules pages, if I hover over the links (like the entries in the States table) again it is black writing on a slightly less dark grey background.

                Could I get some hints on what element these are to adjust?  I know the writing is in the Body so it can't be changed, but I can't find where the dark greys are defined.  Thanks for any help you can give!

                1 Reply Last reply Reply Quote 0
                • S
                  Stewart
                  last edited by

                  The squidGuard -> Log -> Filter Log page.  The table is black writing on a dark grey background.

                  That's .table .table {

                  On the Firewall -> Rules pages, if I hover over the links (like the entries in the States table) again it is black writing on a slightly less dark grey background.

                  Popovers.  Those are popovers.

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post
                  Copyright 2025 Rubicon Communications LLC (Netgate). All rights reserved.