Skip to content

Bazarr Darker

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

Screen Shot 1

Setup

Docker mod

-e TP_ADDON=bazarr-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/bazarr/THEME.css">
<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/addons/bazarr/bazarr-darker/bazarr-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/bazarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/addons/bazarr/bazarr-darker/bazarr-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/bazarr/bazarr-darker/bazarr-darker.css'></head>"
}

Stylus

Just add another import line.

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

Traefik

Warning

Added in traefik-themepark version v1.2.0

Use traefik-themepark middleware.

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