Skip to content

Readarr Darker

A darker theme for Readarr that uses the same accents and colors as the default theme

Screen Shot 1

Setup

Docker mod

-e TP_ADDON=readarr-darker

If adding multiple mods, enter them in an array separated by |. -e TP_ADDON=addon1|addon2

Nginx

Examples of how to add it:

proxy_set_header Accept-Encoding "";
sub_filter
'</head>'
'<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/readarr/THEME.css">
<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/addons/readarr/readarr-darker/readarr-darker.css">
</head>';
sub_filter_once on;

Apache

AddOutputFilterByType SUBSTITUTE text/html
   Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/readarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/addons/readarr/readarr-darker/readarr-darker.css">
</head>';|'

Caddy

filter rule {
    content_type text/html.*
    search_pattern </head>
    replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/addons/readarr/readarr-darker/readarr-darker.css'></head>"
}

Stylus

Just add another import line.

@import "https://theme-park.dev/css/base/readarr/THEME.css";
@import "https://theme-park.dev/css/addons/readarr/readarr-darker/readarr-darker.css";

Traefik

Warning

Added in traefik-themepark version v1.2.0

Use traefik-themepark middleware.

middlewares:
    readarr-darker:
        plugin:
            themepark:
                app: readarr
                theme: base
                addons:
                    - readarr-darker