Skip to content

Sonarr 4K text logo

Add a text logo to your Sonarr css.

Screen Shot 1

Setup

Docker mod

-e TP_ADDON=sonarr-4k-text-logo

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/sonarr/THEME.css">
<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.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/sonarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.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/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css'></head>"
}

Stylus

Just add another import line.

@import "https://theme-park.dev/css/base/sonarr/THEME.css";
@import "https://theme-park.dev/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css";

Traefik

Warning

Added in traefik-themepark version v1.2.0

Use traefik-themepark middleware.

middlewares:
    sonarr-4k-text-logo:
        plugin:
            themepark:
                app: sonarr
                theme: base
                addons:
                    - sonarr-4k-text-logo