Darkerr

A darker theme for Sonarr & Radarr

Menu

• Installation
  • Server-side installation (with nginx)
• Optional additional themes:
  • Hide the searchbar
  • Animate the logo
• Screenshot

Installation

• Download one of these add-ons for your browser
  • Stylus (recommended): Chrome, Firefox, or Opera.
  • Osprey: Chrome.
  • Stylish: Chrome, Firefox, and Opera.
• Go userstyles.org, and click on "Install Style" button.
• Done! From now on it will automatically update.

You do not use the default ports (8989 for Sonarr and 7878 for Radarr)? If so, just change the string in the settings, from:

((http(s?))://)?[-A-Za-z0-9+&@#/%?=~_|!:,.;]+(8989|7878|sonarr|radarr)+(.*)

to:

((http(s?))://)?[-A-Za-z0-9+&@#/%?=~_|!:,.;]+(your sonarr port|your radarr port|sonarr|radarr)+(.*)

(Note: for each update, this change must be done again)

• Server-side installation (with nginx)

  • Add these lines to your Sonarr/Radarr location blocks in nginx.conf:

    proxy_set_header Accept-Encoding "";
    sub_filter
     '</head>'
     '<link rel="stylesheet" type="text/css" href="//rawgit.com/iFelix18/Darkerr/master/darkerr.css">
     </head>';
    sub_filter_once on;
    

    or with optional additional themes:

    proxy_set_header Accept-Encoding "";
    sub_filter
     '</head>'
     '<link rel="stylesheet" type="text/css" href="//rawgit.com/iFelix18/Darkerr/master/darkerr.css">
      <link rel="stylesheet" type="text/css" href="//rawgit.com/iFelix18/Darkerr/master/logo_animation.css">
      <link rel="stylesheet" type="text/css" href="//rawgit.com/iFelix18/Darkerr/master/hidden_searchbar.css">
     </head>';
    sub_filter_once on;
    

  • Restart nginx. Done!

Optional additional themes

Screenshot