backuppc-css-themes-scripts

KO | EN

gitlite — search

#python #hacktoberfest #ai #golang #android #rust #nodejs #macos #java #cli #kubernetes #pytorch #security #mcp

backuppc-css-themes-scripts

(★ 9)

Some themes & scripts for BackupPC v4 (and v3?)

backuppc-css-themes-scripts 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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|
|---|---|
|<h2>Hosts Selection to Top</h2><p>JS/Userscript to move the navigation's hosts selection to the top. Thanks ChatGPT.</p>|[<img src="assets/previews/host2top.png" alt="Modern" width="180"/>](assets/previews/host2top.png)|

## 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|
|---|---|
|<h2>90s</h2><p>Retro theme with SNES/Famicom colors using [raphnet.net/design/console_colors](https://www.raphnet.net/design/console_colors/index_en.php) as reference.</p>|[<img src="assets/previews/90s.png" alt="Modern" width="480"/>](assets/previews/90s.png)|
|<h2>Modern</h2><p>[INSPINIA](https://wrapbootstrap.com/theme/inspinia-responsive-admin-template-WB0R5L90S) Bootstrap like theme.</p><h3>Troubleshooting</h3><p>If the host menu is out of place, change the <tt>margin-top</tt> values in:</p><pre>br + div[class="NavMenu"] {}<br>div[class="NavMenu"] + div[class="NavMenu"] {}</pre>|[<img src="assets/previews/modern.png" alt="Modern" width="480"/>](assets/previews/modern.png)|
|<h2>Philomena</h2><p>[Philomena](https://github.com/derpibooru/philomena) imageboard like theme.|[<img src="assets/previews/philomena.png" alt="Modern" width="480"/>](assets/previews/philomena.png)|
|<h2>reset.css</h2><p>Resets CSS and some BackupPC quirks to start building your own theme on.</p><p>Clear <tt>$Conf{CgiCSSFile}</tt> before you start and use a userstyle editor like Stylish.</p>|[<img src="assets/previews/reset.png" alt="Modern" width="480"/>](assets/previews/reset.png)|

## 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.

backuppc-css-themes-scripts

backuppc-css-themes-scripts 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

backuppc-css-themes-scripts

backuppc-css-themes-scripts 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README