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 |
|---|---|
JS/Userscript to move the navigation's hosts selection to the top. Thanks ChatGPT. Added 2024-11-30 |
 |
-
Download Resources
Place the custom CSS files in/usr/share/backuppc/image/ -
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.pland set the value of$Conf{CgiCSSFile}
- Via GUI:
| Description | Preview |
|---|---|
Retro theme with SNES/Famicom colors using raphnet.net/design/console_colors as reference. Added 2024-11-02, updated 2024-11-30 |
 |
Heavily inspired by INSPINIA Bootstrap Theme. If the host menu is out of place, change the margin-top values in: br + div[class="NavMenu"] {}Added 2017-09-04, updated 2024-11-30 |
 |
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. Added 2024-11-02, updated 2024-11-03 |
 |
If menu icons are not displaying correctly, consider these known issues:
If you're accessing the BackupPC GUI from a subfolder other than the default /backuppc/, the CSS file references may be incorrect.
Fix: Edit the CSS file and replace all occurrences of /backuppc/index.cgi with:
/yoursubfolder/index.cgi(adjust to your subfolder)/index.cgi(if accessing via a top-level domain)
A strict Content-Security-Policy header in your web server may block resources, resulting in errors visible in the browser's developer console.
Fix: Ensure the style-src directive in your CSP header allows use.fontawesome.com.
