BackupPC Custom CSS & Scripts

Scripts

How-to

Userscipts (script.user.js) can be used with any userscript manager browser extension, such as Violentmonkey or Tampermonkey.

You can also use the normal Javascript (script.js) and append the code to BackupPC's sorttable.js

Description	Preview
Hosts Selection to Top JS/Userscript to move the navigation's hosts selection to the top. Thanks ChatGPT.

Themes

How-to

1. Download Resources
   Place the custom CSS files in /usr/share/backuppc/image/

2. Update Configuration
   Update $Conf{CgiCSSFile} with the CSS filename you want to apply:

   • Via GUI:
     Navigate to Edit Config → CGI → CgiCSSFile
   • Via File:
     Edit /etc/backuppc/config.pl and set the value of $Conf{CgiCSSFile}

Description	Preview
90s Retro theme with SNES/Famicom colors using raphnet.net/design/console_colors as reference.
Modern INSPINIA Bootstrap like theme. Troubleshooting If the host menu is out of place, change the margin-top values in: br + div[class="NavMenu"] {} div[class="NavMenu"] + div[class="NavMenu"] {}
Philomena Philomena imageboard like theme.
reset.css Resets CSS and some BackupPC quirks to start building your own theme on. Clear $Conf{CgiCSSFile} before you start and use a userstyle editor like Stylish.

Troubleshooting

Missing menu icons or custom fonts

A strict Content-Security-Policy header in your web server may block resources, resulting in errors visible in the browser's developer console.