Giter Site home page Giter Site logo

nightwalker-plus's Introduction

A Dark but not black qBittorrent WebUI

A darker theme for qBittorrent WebUI (made with the help of the Walkerservers community)

preview

Features

  • It's dark, but not black
  • It has different colors for ratio-values (see screenshot)
  • It has a mix of Fontawesome and custom icons

Installation

Clone this repo (Windows)

  1. Clone or download this repo as a .ZIP
  2. Move it somewhere where qBittorrent can find it.

Clone this repo (Linux)

  1. cd /opt
  2. sudo git clone https://github.com/repslet/nightwalker.git
  3. sudo chmod -R 777 nightwalker

Activate Alterative WebUI in qBittorrent

  1. Under Tools->Preferences->WebUI enable Use alternative WebUI.
  2. Choose a location that points to the Nightwalker folder, i.e. /opt/nightwalker
  3. Restart qBittorrent or refresh your browser for changes to take effect.

You can also change these settings via the config file. The relevant entries are:

  • WebUI\AlternativeUIEnabled=true
  • WebUI\RootFolder=/path/to/Nightwalker

Update theme (Linux)

  1. cd /opt/nightwalker
  2. git checkout main
  3. git fetch origin main
  4. git reset --hard origin/main

Tested

Based on the standard qBittorrent WebUI theme (4.3.2 release). Tested in 4.3.1 and 4.3.2

A note for those who used the Theme Park nginx mod

Modify your nginx config and remove the lines that introduced the external css, anything after rewrite ^/qbittorrent/(.*) /$1 break; (non inclusive) is something that can be removed. Do not leave -modded, or any other files that are not necessary for nginx to function in the /etc/nginx/apps/ directory. Reload nginx after making changes by doing sudo service nginx configtest, if it returns OK, then proceed and do sudo service nginx reload.

Credits

  • The Walkerservers (Discord) community
  • glibN for the inspiration to use the Fontawesome pack
  • Fontawesome for their great fonts
  • qBittorrent for the base files

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.