Skip to content

Overseerr Side Menu

Extra CSS that makes the side menu look like it does in Overseerr.

Screen Shot 1

Setup

Docker mod

-e TP_ADDON=overseerr-side-menu

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/themes/plex/plex-base.css">
<link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/variables/overseerr.css">
<link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.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/themes/plex/plex-base.css">
   <link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/variables/overseerr.css"><link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.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/themes/plex/plex-base.css'><link rel='stylesheet' type='text/css' href='https://theme-park.dev/CSS/variables/overseerr.css'><link rel='stylesheet' type='text/css' href='https://theme-park.dev/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css'></head>"
}

Stylus

Just add another import line.

@import url("https://theme-park.dev/CSS/themes/plex/plex-base.css");
@import url("https://theme-park.dev/CSS/variables/overseerr.css");
@import url("https://theme-park.dev/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css");

Last update: October 25, 2021