Transmission 🐳 - theme.park Docs

<!doctype html> <html lang="en" class="no-js"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="description" content="Here you can find installation and setup details for all the themes in the themepark-dev/theme.park repo"> <meta name="author" content="GilbN"> <link rel="canonical" href="https://docs.theme-park.dev/themes/transmission/"> <link rel="prev" href="../calibreweb/"> <link rel="next" href="../mylar3/"> <link rel="icon" href="../../site_assets/favicon.ico"> <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.39"> <title>Transmission 🐳 - theme.park Docs</title> <link rel="stylesheet" href="../../assets/stylesheets/main.8c3ca2c6.min.css"> <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback"> <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style> <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script> </head> <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="teal" data-md-color-accent="indigo"> <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off"> <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off"> <label class="md-overlay" for="__drawer"></label> <div data-md-component="skip"> <a href="#installation" class="md-skip"> Skip to content </a> </div> <div data-md-component="announce"> </div> <header class="md-header" data-md-component="header"> <nav class="md-header__inner md-grid" aria-label="Header"> <a href="https://github.com/themepark-dev/theme.park" title="theme.park Docs" class="md-header__button md-logo" aria-label="theme.park Docs" data-md-component="logo"> <img src="../../site_assets/logo.png" alt="logo"> </a> <label class="md-header__button md-icon" for="__drawer"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg> </label> <div class="md-header__title" data-md-component="header-title"> <div class="md-header__ellipsis"> <div class="md-header__topic"> <span class="md-ellipsis"> theme.park Docs </span> </div> <div class="md-header__topic" data-md-component="header-topic"> <span class="md-ellipsis"> Transmission 🐳 </span> </div> </div> </div> <form class="md-header__option" data-md-component="palette"> <input class="md-option" data-md-color-media="" data-md-color-scheme="default" data-md-color-primary="teal" data-md-color-accent="indigo" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_0"> <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.75 4.09-2.53 1.94.91 3.06-2.63-1.81-2.63 1.81.91-3.06-2.53-1.94L12.44 4l1.06-3 1.06 3zm3.5 6.91-1.64 1.25.59 1.98-1.7-1.17-1.7 1.17.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95zm-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14.4-.4.82-.76 1.27-1.08.75-.53 1.93.36 1.85 1.19-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82-2.81 3.14-2.7 7.96.31 10.98 3.02 3.01 7.84 3.12 10.98.31"/></svg> </label> <input class="md-option" data-md-color-media="" data-md-color-scheme="slate" data-md-color-primary="red" data-md-color-accent="light-green" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_1"> <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0-7 2.39 3.42C13.65 5.15 12.84 5 12 5s-1.65.15-2.39.42zM3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29zm.02 10 1.76-3.77a7.131 7.131 0 0 0 2.38 4.14zM20.65 7l-1.77 3.79a7.02 7.02 0 0 0-2.38-4.15zm-.01 10-4.14.36c.59-.51 1.12-1.14 1.54-1.86.42-.73.69-1.5.83-2.29zM12 22l-2.41-3.44c.74.27 1.55.44 2.41.44.82 0 1.63-.17 2.37-.44z"/></svg> </label> </form> <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script> <label class="md-header__button md-icon" for="__search"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg> </label> <div class="md-search" data-md-component="search" role="dialog"> <label class="md-search__overlay" for="__search"></label> <div class="md-search__inner" role="search"> <form class="md-search__form" name="search"> <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required> <label class="md-search__icon md-icon" for="__search"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg> </label> <nav class="md-search__options" aria-label="Search"> <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> </button> </nav> </form> <div class="md-search__output"> <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix> <div class="md-search-result" data-md-component="search-result"> <div class="md-search-result__meta"> Initializing search </div> <ol class="md-search-result__list" role="presentation"></ol> </div> </div> </div> </div> </div> <div class="md-header__source"> <a href="https://github.com/themepark-dev/theme.park/" title="Go to repository" class="md-source" data-md-component="source"> <div class="md-source__icon md-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg> </div> <div class="md-source__repository"> themepark-dev/theme.park </div> </a> </div> </nav> </header> <div class="md-container" data-md-component="container"> <nav class="md-tabs" aria-label="Tabs" data-md-component="tabs"> <div class="md-grid"> <ul class="md-tabs__list"> <li class="md-tabs__item"> <a href="../.." class="md-tabs__link"> Home </a> </li> <li class="md-tabs__item"> <a href="../../setup/" class="md-tabs__link"> Setup </a> </li> <li class="md-tabs__item md-tabs__item--active"> <a href="/themes/" class="md-tabs__link"> Themes </a> </li> <li class="md-tabs__item"> <a href="../addons/" class="md-tabs__link"> Addons </a> </li> <li class="md-tabs__item"> <a href="../../theme-options/" class="md-tabs__link"> Theme Options </a> </li> <li class="md-tabs__item"> <a href="../../community-themes/" class="md-tabs__link"> Community Themes </a> </li> <li class="md-tabs__item"> <a href="../../custom/" class="md-tabs__link"> Custom Themes </a> </li> <li class="md-tabs__item"> <a href="/discord" class="md-tabs__link"> Support </a> </li> <li class="md-tabs__item"> <a href="/donate" class="md-tabs__link"> Donate </a> </li> </ul> </div> </nav> <main class="md-main" data-md-component="main"> <div class="md-main__inner md-grid"> <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" > <div class="md-sidebar__scrollwrap"> <div class="md-sidebar__inner"> <nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0"> <label class="md-nav__title" for="__drawer"> <a href="https://github.com/themepark-dev/theme.park" title="theme.park Docs" class="md-nav__button md-logo" aria-label="theme.park Docs" data-md-component="logo"> <img src="../../site_assets/logo.png" alt="logo"> </a> theme.park Docs </label> <div class="md-nav__source"> <a href="https://github.com/themepark-dev/theme.park/" title="Go to repository" class="md-source" data-md-component="source"> <div class="md-source__icon md-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg> </div> <div class="md-source__repository"> themepark-dev/theme.park </div> </a> </div> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../.." class="md-nav__link"> <span class="md-ellipsis"> Home </span> </a> </li> <li class="md-nav__item"> <a href="../../setup/" class="md-nav__link"> <span class="md-ellipsis"> Setup </span> </a> </li> <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex=""> <span class="md-ellipsis"> Themes </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true"> <label class="md-nav__title" for="__nav_3"> <span class="md-nav__icon md-icon"></span> Themes </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="/themes/" class="md-nav__link"> <span class="md-ellipsis"> ⚙️ App supports custom CSS </span> </a> </li> <li class="md-nav__item"> <a href="/docker-mods/" class="md-nav__link"> <span class="md-ellipsis"> 🐳 Supports Docker Mods </span> </a> </li> <li class="md-nav__item"> <a href="/hotio/" class="md-nav__link"> <span class="md-ellipsis"> 🔥 Supports Hotio / S6-Overlay images </span> </a> </li> <li class="md-nav__item"> <a href="/themes/" class="md-nav__link"> <span class="md-ellipsis"> ⚠️ Require Special Setup </span> </a> </li> <li class="md-nav__item"> <a href="/themes/" class="md-nav__link"> <span class="md-ellipsis"> ❌ Deprecated </span> </a> </li> <li class="md-nav__item"> <a href="../sonarr/" class="md-nav__link"> <span class="md-ellipsis"> Sonarr 🐳🔥⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../radarr/" class="md-nav__link"> <span class="md-ellipsis"> Radarr 🐳🔥⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../lidarr/" class="md-nav__link"> <span class="md-ellipsis"> Lidarr 🐳🔥⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../readarr/" class="md-nav__link"> <span class="md-ellipsis"> Readarr 🐳🔥⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../prowlarr/" class="md-nav__link"> <span class="md-ellipsis"> Prowlarr 🐳🔥⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../whisparr/" class="md-nav__link"> <span class="md-ellipsis"> Whisparr 🐳🔥⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../bazarr/" class="md-nav__link"> <span class="md-ellipsis"> Bazarr 🐳🔥 </span> </a> </li> <li class="md-nav__item"> <a href="../plex/" class="md-nav__link"> <span class="md-ellipsis"> Plex 🐳🔥 </span> </a> </li> <li class="md-nav__item"> <a href="../jellyfin/" class="md-nav__link"> <span class="md-ellipsis"> Jellyfin ⚙️ </span> </a> </li> <li class="md-nav__item"> <a href="../emby/" class="md-nav__link"> <span class="md-ellipsis"> Emby 🐳⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../overseerr/" class="md-nav__link"> <span class="md-ellipsis"> Overseerr </span> </a> </li> <li class="md-nav__item"> <a href="../tautulli/" class="md-nav__link"> <span class="md-ellipsis"> Tautulli 🐳🔥 </span> </a> </li> <li class="md-nav__item"> <a href="../nzbget/" class="md-nav__link"> <span class="md-ellipsis"> Nzbget 🐳🔥 </span> </a> </li> <li class="md-nav__item"> <a href="../rutorrent/" class="md-nav__link"> <span class="md-ellipsis"> ruTorrent 🐳🔥 </span> </a> </li> <li class="md-nav__item"> <a href="../sabnzbd/" class="md-nav__link"> <span class="md-ellipsis"> Sabnzbd 🐳🔥⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../vuetorrent/" class="md-nav__link"> <span class="md-ellipsis"> VueTorrent 🐳🔥⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../qbittorrent/" class="md-nav__link"> <span class="md-ellipsis"> qBittorrent 🐳🔥⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../deluge/" class="md-nav__link"> <span class="md-ellipsis"> Deluge 🐳 </span> </a> </li> <li class="md-nav__item"> <a href="../jackett/" class="md-nav__link"> <span class="md-ellipsis"> Jackett 🐳🔥 </span> </a> </li> <li class="md-nav__item"> <a href="../librespeed/" class="md-nav__link"> <span class="md-ellipsis"> Librespeed 🐳 </span> </a> </li> <li class="md-nav__item"> <a href="../synclounge/" class="md-nav__link"> <span class="md-ellipsis"> Synclounge 🐳 </span> </a> </li> <li class="md-nav__item"> <a href="../lazylibrarian/" class="md-nav__link"> <span class="md-ellipsis"> Lazylibrarian 🐳 </span> </a> </li> <li class="md-nav__item"> <a href="../calibreweb/" class="md-nav__link"> <span class="md-ellipsis"> CalibreWeb 🐳⚠️ </span> </a> </li> <li class="md-nav__item md-nav__item--active"> <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc"> <label class="md-nav__link md-nav__link--active" for="__toc"> <span class="md-ellipsis"> Transmission 🐳 </span> <span class="md-nav__icon md-icon"></span> </label> <a href="./" class="md-nav__link md-nav__link--active"> <span class="md-ellipsis"> Transmission 🐳 </span> </a> <nav class="md-nav md-nav--secondary" aria-label="Table of contents"> <label class="md-nav__title" for="__toc"> <span class="md-nav__icon md-icon"></span> Table of contents </label> <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix> <li class="md-nav__item"> <a href="#installation" class="md-nav__link"> <span class="md-ellipsis"> 🛠️ Installation </span> </a> <nav class="md-nav" aria-label="🛠️ Installation"> <ul class="md-nav__list"> <li class="md-nav__item"> <a href="#click-here-for-general-setup" class="md-nav__link"> <span class="md-ellipsis"> Click here for general setup </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item"> <a href="#screenshots" class="md-nav__link"> <span class="md-ellipsis"> Screenshots </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item"> <a href="../mylar3/" class="md-nav__link"> <span class="md-ellipsis"> Mylar 3 🐳⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../duplicati/" class="md-nav__link"> <span class="md-ellipsis"> Duplicati 🐳 </span> </a> </li> <li class="md-nav__item"> <a href="../nginx-proxy-manager/" class="md-nav__link"> <span class="md-ellipsis"> Nginx-Proxy-Manager 🔥 </span> </a> </li> <li class="md-nav__item"> <a href="../xbackbone/" class="md-nav__link"> <span class="md-ellipsis"> Xbackbone ⚙️ </span> </a> </li> <li class="md-nav__item"> <a href="../filebrowser/" class="md-nav__link"> <span class="md-ellipsis"> Filebrowser ⚙️ </span> </a> </li> <li class="md-nav__item"> <a href="../organizr/" class="md-nav__link"> <span class="md-ellipsis"> Organizr ⚙️ </span> </a> </li> <li class="md-nav__item"> <a href="../unraid/" class="md-nav__link"> <span class="md-ellipsis"> Unraid ⚙️ </span> </a> </li> <li class="md-nav__item"> <a href="../ombi/" class="md-nav__link"> <span class="md-ellipsis"> Ombi ⚙️ </span> </a> </li> <li class="md-nav__item"> <a href="../gitea/" class="md-nav__link"> <span class="md-ellipsis"> Gitea ⚙️ </span> </a> </li> <li class="md-nav__item"> <a href="../pihole/" class="md-nav__link"> <span class="md-ellipsis"> Pihole ⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../dozzle/" class="md-nav__link"> <span class="md-ellipsis"> Dozzle ⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../bitwarden/" class="md-nav__link"> <span class="md-ellipsis"> Bitwarden ⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../bitwarden/#vaultwarden" class="md-nav__link"> <span class="md-ellipsis"> Vaultwarden ⚠️ </span> </a> </li> <li class="md-nav__item"> <a href="../nzbhydra2/" class="md-nav__link"> <span class="md-ellipsis"> Nzbhydra2 </span> </a> </li> <li class="md-nav__item"> <a href="../portainer/" class="md-nav__link"> <span class="md-ellipsis"> Portainer </span> </a> </li> <li class="md-nav__item"> <a href="../guacamole/" class="md-nav__link"> <span class="md-ellipsis"> Guacamole </span> </a> </li> <li class="md-nav__item"> <a href="../netdata/" class="md-nav__link"> <span class="md-ellipsis"> Netdata </span> </a> </li> <li class="md-nav__item"> <a href="../requestrr/" class="md-nav__link"> <span class="md-ellipsis"> Requestrr </span> </a> </li> <li class="md-nav__item"> <a href="../adguard/" class="md-nav__link"> <span class="md-ellipsis"> Adguard </span> </a> </li> <li class="md-nav__item"> <a href="../gaps/" class="md-nav__link"> <span class="md-ellipsis"> Gaps </span> </a> </li> <li class="md-nav__item"> <a href="../duplicacy/" class="md-nav__link"> <span class="md-ellipsis"> Duplicacy </span> </a> </li> <li class="md-nav__item"> <a href="../kitana/" class="md-nav__link"> <span class="md-ellipsis"> Kitana </span> </a> </li> <li class="md-nav__item"> <a href="../resilio-sync/" class="md-nav__link"> <span class="md-ellipsis"> Resilio-Sync </span> </a> </li> <li class="md-nav__item"> <a href="../moviematch/" class="md-nav__link"> <span class="md-ellipsis"> Moviematch </span> </a> </li> <li class="md-nav__item"> <a href="../petio/" class="md-nav__link"> <span class="md-ellipsis"> Petio </span> </a> </li> <li class="md-nav__item"> <a href="../flood/" class="md-nav__link"> <span class="md-ellipsis"> Flood </span> </a> </li> <li class="md-nav__item"> <a href="../audiobookshelf/" class="md-nav__link"> <span class="md-ellipsis"> Audiobookshelf </span> </a> </li> <li class="md-nav__item"> <a href="../uptime-kuma/" class="md-nav__link"> <span class="md-ellipsis"> Uptime-Kuma </span> </a> </li> <li class="md-nav__item"> <a href="../thelounge/" class="md-nav__link"> <span class="md-ellipsis"> TheLounge ❌🐳 </span> </a> </li> <li class="md-nav__item"> <a href="../grafana/" class="md-nav__link"> <span class="md-ellipsis"> Grafana ❌⚙️ </span> </a> </li> <li class="md-nav__item"> <a href="../monitorr/" class="md-nav__link"> <span class="md-ellipsis"> Monitorr ❌⚙️ </span> </a> </li> <li class="md-nav__item"> <a href="../logarr/" class="md-nav__link"> <span class="md-ellipsis"> Logarr ❌⚙️ </span> </a> </li> <li class="md-nav__item"> <a href="../plpp/" class="md-nav__link"> <span class="md-ellipsis"> PLPP ❌ </span> </a> </li> <li class="md-nav__item"> <a href="../webtools/" class="md-nav__link"> <span class="md-ellipsis"> Webtools ❌ </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4" > <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0"> <span class="md-ellipsis"> Addons </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_4"> <span class="md-nav__icon md-icon"></span> Addons </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../addons/" class="md-nav__link"> <span class="md-ellipsis"> Addons </span> </a> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4_2" > <label class="md-nav__link" for="__nav_4_2" id="__nav_4_2_label" tabindex="0"> <span class="md-ellipsis"> Sonarr </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_2_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_4_2"> <span class="md-nav__icon md-icon"></span> Sonarr </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../addons/sonarr/sonarr-4k-logo" class="md-nav__link"> <span class="md-ellipsis"> Sonarr 4K Logo </span> </a> </li> <li class="md-nav__item"> <a href="../addons/sonarr/sonarr-4k-text-logo" class="md-nav__link"> <span class="md-ellipsis"> Sonarr 4K Text Logo </span> </a> </li> <li class="md-nav__item"> <a href="../addons/sonarr/sonarr-darker" class="md-nav__link"> <span class="md-ellipsis"> Sonarr Darker </span> </a> </li> <li class="md-nav__item"> <a href="../addons/sonarr/sonarr-text-logo" class="md-nav__link"> <span class="md-ellipsis"> Sonarr Text Logo </span> </a> </li> <li class="md-nav__item"> <a href="../addons/sonarr/sonarr-4k-favicon" class="md-nav__link"> <span class="md-ellipsis"> Sonarr 4K Favicon </span> </a> </li> <li class="md-nav__item"> <a href="../addons/sonarr/sonarr-anime-favicon" class="md-nav__link"> <span class="md-ellipsis"> Sonarr Anime Favicon </span> </a> </li> <li class="md-nav__item"> <a href="../addons/sonarr/sonarr-anime-blue-favicon" class="md-nav__link"> <span class="md-ellipsis"> Sonarr Anime Blue Favicon </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4_3" > <label class="md-nav__link" for="__nav_4_3" id="__nav_4_3_label" tabindex="0"> <span class="md-ellipsis"> Radarr </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_3_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_4_3"> <span class="md-nav__icon md-icon"></span> Radarr </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../addons/radarr/radarr-4k-logo" class="md-nav__link"> <span class="md-ellipsis"> Radarr 4K Logo </span> </a> </li> <li class="md-nav__item"> <a href="../addons/radarr/radarr-darker" class="md-nav__link"> <span class="md-ellipsis"> Radarr Darker </span> </a> </li> <li class="md-nav__item"> <a href="../addons/radarr/radarr-alt-calendar" class="md-nav__link"> <span class="md-ellipsis"> Alternative Calendar </span> </a> </li> <li class="md-nav__item"> <a href="../addons/radarr/radarr-anime-logo" class="md-nav__link"> <span class="md-ellipsis"> Radarr Anime Logo </span> </a> </li> <li class="md-nav__item"> <a href="../addons/radarr/radarr-4k-favicon" class="md-nav__link"> <span class="md-ellipsis"> Radarr 4K Favicon </span> </a> </li> <li class="md-nav__item"> <a href="../addons/radarr/radarr-anime-favicon" class="md-nav__link"> <span class="md-ellipsis"> Radarr Anime Favicon </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4_4" > <label class="md-nav__link" for="__nav_4_4" id="__nav_4_4_label" tabindex="0"> <span class="md-ellipsis"> Readarr </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_4_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_4_4"> <span class="md-nav__icon md-icon"></span> Readarr </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../addons/readarr/readarr-alt-logo" class="md-nav__link"> <span class="md-ellipsis"> Readarr Alternative Logo </span> </a> </li> <li class="md-nav__item"> <a href="../addons/readarr/readarr-darker" class="md-nav__link"> <span class="md-ellipsis"> Readarr Darker </span> </a> </li> <li class="md-nav__item"> <a href="../addons/readarr/readarr-alt-calendar" class="md-nav__link"> <span class="md-ellipsis"> Readarr Alternative Calendar </span> </a> </li> <li class="md-nav__item"> <a href="../addons/readarr/readarr-text-logo" class="md-nav__link"> <span class="md-ellipsis"> Readarr Text Logo </span> </a> </li> <li class="md-nav__item"> <a href="../addons/readarr/readarr-alt-favicon" class="md-nav__link"> <span class="md-ellipsis"> Readarr Alt Favicon </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4_5" > <label class="md-nav__link" for="__nav_4_5" id="__nav_4_5_label" tabindex="0"> <span class="md-ellipsis"> Bazarr </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_5_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_4_5"> <span class="md-nav__icon md-icon"></span> Bazarr </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../addons/bazarr/bazarr-4k-logo" class="md-nav__link"> <span class="md-ellipsis"> Bazarr 4K Logo </span> </a> </li> <li class="md-nav__item"> <a href="../addons/bazarr/bazarr-darker" class="md-nav__link"> <span class="md-ellipsis"> Bazarr Darker </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4_6" > <label class="md-nav__link" for="__nav_4_6" id="__nav_4_6_label" tabindex="0"> <span class="md-ellipsis"> Lidarr </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_6_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_4_6"> <span class="md-nav__icon md-icon"></span> Lidarr </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../addons/lidarr/lidarr-darker" class="md-nav__link"> <span class="md-ellipsis"> Lidarr Darker </span> </a> </li> <li class="md-nav__item"> <a href="../addons/lidarr/lidarr-alt-calendar" class="md-nav__link"> <span class="md-ellipsis"> Lidarr Alternative Calendar </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4_7" > <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0"> <span class="md-ellipsis"> Prowlarr </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_4_7"> <span class="md-nav__icon md-icon"></span> Prowlarr </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../addons/prowlarr/prowlarr-darker" class="md-nav__link"> <span class="md-ellipsis"> Prowlarr Darker </span> </a> </li> <li class="md-nav__item"> <a href="../addons/prowlarr/prowlarr-text-logo" class="md-nav__link"> <span class="md-ellipsis"> Prowlarr Text Logo </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4_8" > <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0"> <span class="md-ellipsis"> Whisparr </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_4_8"> <span class="md-nav__icon md-icon"></span> Whisparr </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../addons/whisparr/whisparr-darker" class="md-nav__link"> <span class="md-ellipsis"> Whisparr Darker </span> </a> </li> <li class="md-nav__item"> <a href="../addons/whisparr/whisparr-alt-calendar" class="md-nav__link"> <span class="md-ellipsis"> Whisparr Alternative Calendar </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item"> <a href="../addons/organizr/" class="md-nav__link"> <span class="md-ellipsis"> Organizr </span> </a> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4_10" > <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0"> <span class="md-ellipsis"> Unraid </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_4_10"> <span class="md-nav__icon md-icon"></span> Unraid </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../addons/unraid/login-page/retro-terminal/" class="md-nav__link"> <span class="md-ellipsis"> Retro Terminal </span> </a> </li> <li class="md-nav__item"> <a href="../addons/unraid/login-page/alien/" class="md-nav__link"> <span class="md-ellipsis"> Alien </span> </a> </li> <li class="md-nav__item"> <a href="../addons/unraid/login-page/fallout/" class="md-nav__link"> <span class="md-ellipsis"> Fallout </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4_11" > <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0"> <span class="md-ellipsis"> Plex </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_4_11"> <span class="md-nav__icon md-icon"></span> Plex </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../addons/plex/plex-alt-logo/" class="md-nav__link"> <span class="md-ellipsis"> Alternative Logo </span> </a> </li> <li class="md-nav__item"> <a href="../addons/plex/overseerr-side-menu/" class="md-nav__link"> <span class="md-ellipsis"> Overseerr Side Menu </span> </a> </li> </ul> </nav> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_5" > <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <span class="md-ellipsis"> Theme Options </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_5"> <span class="md-nav__icon md-icon"></span> Theme Options </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../../theme-options/" class="md-nav__link"> <span class="md-ellipsis"> Theme Options </span> </a> </li> <li class="md-nav__item"> <a href="../../theme-options/organizr/" class="md-nav__link"> <span class="md-ellipsis"> Organizr </span> </a> </li> <li class="md-nav__item"> <a href="../../theme-options/dark/" class="md-nav__link"> <span class="md-ellipsis"> Dark </span> </a> </li> <li class="md-nav__item"> <a href="../../theme-options/dracula/" class="md-nav__link"> <span class="md-ellipsis"> Dracula </span> </a> </li> <li class="md-nav__item"> <a href="../../theme-options/aquamarine/" class="md-nav__link"> <span class="md-ellipsis"> Aquamarine </span> </a> </li> <li class="md-nav__item"> <a href="../../theme-options/space-gray/" class="md-nav__link"> <span class="md-ellipsis"> Space Gray </span> </a> </li> <li class="md-nav__item"> <a href="../../theme-options/plex/" class="md-nav__link"> <span class="md-ellipsis"> Plex </span> </a> </li> <li class="md-nav__item"> <a href="../../theme-options/hotline/" class="md-nav__link"> <span class="md-ellipsis"> Hotline </span> </a> </li> <li class="md-nav__item"> <a href="../../theme-options/hotpink/" class="md-nav__link"> <span class="md-ellipsis"> Hotpink </span> </a> </li> <li class="md-nav__item"> <a href="../../theme-options/overseerr/" class="md-nav__link"> <span class="md-ellipsis"> Overseerr </span> </a> </li> <li class="md-nav__item"> <a href="../../theme-options/nord/" class="md-nav__link"> <span class="md-ellipsis"> Nord </span> </a> </li> <li class="md-nav__item"> <a href="../../theme-options/maroon/" class="md-nav__link"> <span class="md-ellipsis"> Maroon </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_6" > <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0"> <span class="md-ellipsis"> Community Themes </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_6"> <span class="md-nav__icon md-icon"></span> Community Themes </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../../community-themes/" class="md-nav__link"> <span class="md-ellipsis"> Community Themes </span> </a> </li> <li class="md-nav__item"> <a href="../../community-themes/catppuccin/" class="md-nav__link"> <span class="md-ellipsis"> Catppuccin </span> </a> </li> <li class="md-nav__item"> <a href="../../community-themes/onedark/" class="md-nav__link"> <span class="md-ellipsis"> OneDark </span> </a> </li> <li class="md-nav__item"> <a href="../../community-themes/blackberry-themes/" class="md-nav__link"> <span class="md-ellipsis"> Blackberry Themes </span> </a> </li> <li class="md-nav__item"> <a href="../../community-themes/pine-shadow/" class="md-nav__link"> <span class="md-ellipsis"> Pine Shadow </span> </a> </li> <li class="md-nav__item"> <a href="../../community-themes/trueblack/" class="md-nav__link"> <span class="md-ellipsis"> TrueBlack </span> </a> </li> <li class="md-nav__item"> <a href="../../community-themes/ibracorp/" class="md-nav__link"> <span class="md-ellipsis"> Ibracorp </span> </a> </li> <li class="md-nav__item"> <a href="../../community-themes/hotline-old/" class="md-nav__link"> <span class="md-ellipsis"> Hotline-Old </span> </a> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_6_9" > <label class="md-nav__link" for="__nav_6_9" id="__nav_6_9_label" tabindex="0"> <span class="md-ellipsis"> Infinity Stone Themes </span> <span class="md-nav__icon md-icon"></span> </label> <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_9_label" aria-expanded="false"> <label class="md-nav__title" for="__nav_6_9"> <span class="md-nav__icon md-icon"></span> Infinity Stone Themes </label> <ul class="md-nav__list" data-md-scrollfix> <li class="md-nav__item"> <a href="../../community-themes/infinity-stone-themes/mind/" class="md-nav__link"> <span class="md-ellipsis"> Mind </span> </a> </li> <li class="md-nav__item"> <a href="../../community-themes/infinity-stone-themes/soul/" class="md-nav__link"> <span class="md-ellipsis"> Soul </span> </a> </li> <li class="md-nav__item"> <a href="../../community-themes/infinity-stone-themes/reality/" class="md-nav__link"> <span class="md-ellipsis"> Reality </span> </a> </li> <li class="md-nav__item"> <a href="../../community-themes/infinity-stone-themes/power/" class="md-nav__link"> <span class="md-ellipsis"> Power </span> </a> </li> <li class="md-nav__item"> <a href="../../community-themes/infinity-stone-themes/space/" class="md-nav__link"> <span class="md-ellipsis"> Space </span> </a> </li> <li class="md-nav__item"> <a href="../../community-themes/infinity-stone-themes/time/" class="md-nav__link"> <span class="md-ellipsis"> Time </span> </a> </li> </ul> </nav> </li> </ul> </nav> </li> <li class="md-nav__item"> <a href="../../custom/" class="md-nav__link"> <span class="md-ellipsis"> Custom Themes </span> </a> </li> <li class="md-nav__item"> <a href="/discord" class="md-nav__link"> <span class="md-ellipsis"> Support </span> </a> </li> <li class="md-nav__item"> <a href="/donate" class="md-nav__link"> <span class="md-ellipsis"> Donate </span> </a> </li> </ul> </nav> </div> </div> </div> <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" > <div class="md-sidebar__scrollwrap"> <div class="md-sidebar__inner"> <nav class="md-nav md-nav--secondary" aria-label="Table of contents"> <label class="md-nav__title" for="__toc"> <span class="md-nav__icon md-icon"></span> Table of contents </label> <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix> <li class="md-nav__item"> <a href="#installation" class="md-nav__link"> <span class="md-ellipsis"> 🛠️ Installation </span> </a> <nav class="md-nav" aria-label="🛠️ Installation"> <ul class="md-nav__list"> <li class="md-nav__item"> <a href="#click-here-for-general-setup" class="md-nav__link"> <span class="md-ellipsis"> Click here for general setup </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item"> <a href="#screenshots" class="md-nav__link"> <span class="md-ellipsis"> Screenshots </span> </a> </li> </ul> </nav> </div> </div> </div> <div class="md-content" data-md-component="content"> <article class="md-content__inner md-typeset">  <h1 align="center"> <img src="/site_assets/transmission/logo.png" alt="logo" width="30" height="30"> Transmission </h1> <p>Custom <a href="https://github.com/transmission/transmission">Transmission</a> CSS</p>   <h2 id="installation">🛠️ Installation<a class="headerlink" href="#installation" title="Permanent link">¶</a></h2> <h3 id="click-here-for-general-setup"><a href="../../setup/">Click here for general setup</a><a class="headerlink" href="#click-here-for-general-setup" title="Permanent link">¶</a></h3>     <h2 id="screenshots">Screenshots<a class="headerlink" href="#screenshots" title="Permanent link">¶</a></h2> <p align="center"> <a href="/site_assets/transmission/aquamarine.png">Aquamarine Theme<img src="/site_assets/transmission/aquamarine.png"></img> </p> <p align="center"> <a href="/site_assets/transmission/hotline.png">Hotline Theme<img src="/site_assets/transmission/hotline.png"></img> </p> <p align="center"> <a href="/site_assets/transmission/hotpink.png">Hotpink Theme<img src="/site_assets/transmission/hotpink.png"></img> </p> <p align="center"> <a href="/site_assets/transmission/dracula.png">Dracula Theme<img src="/site_assets/transmission/dracula.png"></img> </p> <p align="center"> <a href="/site_assets/transmission/dark.png">Dark Theme<img src="/site_assets/transmission/dark.png"></img> </p> <p align="center"> <a href="/site_assets/transmission/organizr.png">Organizr Theme<img src="/site_assets/transmission/organizr.png"></img> </p> <p align="center"> <a href="/site_assets/transmission/space-gray.png">Space-gray Theme<img src="/site_assets/transmission/space-gray.png"></img> </p> <p align="center"> <a href="/site_assets/transmission/overseerr.png">Overseerr Theme<img src="/site_assets/transmission/overseerr.png"></img> </p> <p align="center"> <a href="/site_assets/transmission/plex.png">Plex Theme<img src="/site_assets/transmission/plex.png"></img> </p> <p align="center"> <a href="/site_assets/transmission/nord.png">Nord Theme<img src="/site_assets/transmission/nord.png"></img> </p> <p align="center"> <a href="/site_assets/transmission/maroon.png">Maroon Theme<img src="/site_assets/transmission/maroon.png"></img> </p>  <aside class="md-source-file"> <span class="md-source-file__fact"> <span class="md-icon" title="Last update"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 13.1c-.1 0-.3.1-.4.2l-1 1 2.1 2.1 1-1c.2-.2.2-.6 0-.8l-1.3-1.3c-.1-.1-.2-.2-.4-.2m-1.9 1.8-6.1 6V23h2.1l6.1-6.1zM12.5 7v5.2l4 2.4-1 1L11 13V7zM11 21.9c-5.1-.5-9-4.8-9-9.9C2 6.5 6.5 2 12 2c5.3 0 9.6 4.1 10 9.3-.3-.1-.6-.2-1-.2s-.7.1-1 .2C19.6 7.2 16.2 4 12 4c-4.4 0-8 3.6-8 8 0 4.1 3.1 7.5 7.1 7.9l-.1.2z"/></svg> </span> <span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-date">October 7, 2024</span> </span> </aside> </article> </div> <script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script> </div> </main> <footer class="md-footer"> <div class="md-footer-meta md-typeset"> <div class="md-footer-meta__inner md-grid"> <div class="md-copyright"> Made with <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener"> Material for MkDocs </a> </div> <div class="md-social"> <a href="https://docs.theme-park.dev/donate" target="_blank" rel="noopener" title="Donate" class="md-social__link"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="m47.6 300.4 180.7 168.7c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9l180.7-168.7c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141-45.6-7.6-92 7.3-124.6 39.9l-12 12-12-12c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5"/></svg> </a> <a href="https://docs.theme-park.dev/discord" target="_blank" rel="noopener" title="Discord" class="md-social__link"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.531 69.836a1.5 1.5 0 0 0-.764-.7A485 485 0 0 0 404.081 32.03a1.82 1.82 0 0 0-1.923.91 338 338 0 0 0-14.9 30.6 447.9 447.9 0 0 0-134.426 0 310 310 0 0 0-15.135-30.6 1.89 1.89 0 0 0-1.924-.91 483.7 483.7 0 0 0-119.688 37.107 1.7 1.7 0 0 0-.788.676C39.068 183.651 18.186 294.69 28.43 404.354a2.02 2.02 0 0 0 .765 1.375 487.7 487.7 0 0 0 146.825 74.189 1.9 1.9 0 0 0 2.063-.676A348 348 0 0 0 208.12 430.4a1.86 1.86 0 0 0-1.019-2.588 321 321 0 0 1-45.868-21.853 1.885 1.885 0 0 1-.185-3.126 251 251 0 0 0 9.109-7.137 1.82 1.82 0 0 1 1.9-.256c96.229 43.917 200.41 43.917 295.5 0a1.81 1.81 0 0 1 1.924.233 235 235 0 0 0 9.132 7.16 1.884 1.884 0 0 1-.162 3.126 301.4 301.4 0 0 1-45.89 21.83 1.875 1.875 0 0 0-1 2.611 391 391 0 0 0 30.014 48.815 1.86 1.86 0 0 0 2.063.7A486 486 0 0 0 610.7 405.729a1.88 1.88 0 0 0 .765-1.352c12.264-126.783-20.532-236.912-86.934-334.541M222.491 337.58c-28.972 0-52.844-26.587-52.844-59.239s23.409-59.241 52.844-59.241c29.665 0 53.306 26.82 52.843 59.239 0 32.654-23.41 59.241-52.843 59.241m195.38 0c-28.971 0-52.843-26.587-52.843-59.239s23.409-59.241 52.843-59.241c29.667 0 53.307 26.82 52.844 59.239 0 32.654-23.177 59.241-52.844 59.241"/></svg> </a> <a href="https://github.com/users/GilbN/packages/container/package/theme.park" target="_blank" rel="noopener" title="Docker" class="md-social__link"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M349.9 236.3h-66.1v-59.4h66.1zm0-204.3h-66.1v60.7h66.1zm78.2 144.8H362v59.4h66.1zm-156.3-72.1h-66.1v60.1h66.1zm78.1 0h-66.1v60.1h66.1zm276.8 100c-14.4-9.7-47.6-13.2-73.1-8.4-3.3-24-16.7-44.9-41.1-63.7l-14-9.3-9.3 14c-18.4 27.8-23.4 73.6-3.7 103.8-8.7 4.7-25.8 11.1-48.4 10.7H2.4c-8.7 50.8 5.8 116.8 44 162.1 37.1 43.9 92.7 66.2 165.4 66.2 157.4 0 273.9-72.5 328.4-204.2 21.4.4 67.6.1 91.3-45.2 1.5-2.5 6.6-13.2 8.5-17.1zm-511.1-27.9h-66v59.4h66.1v-59.4zm78.1 0h-66.1v59.4h66.1zm78.1 0h-66.1v59.4h66.1zm-78.1-72.1h-66.1v60.1h66.1z"/></svg> </a> <a href="https://github.com/gilbn" target="_blank" rel="noopener" title="GitHub" class="md-social__link"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg> </a> </div> </div> </div> </footer> </div> <div class="md-dialog" data-md-component="dialog"> <div class="md-dialog__inner md-typeset"></div> </div> <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.tracking", "navigation.tabs", "navigation.expand"], "search": "../../assets/javascripts/workers/search.6ce7567c.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script> <script src="../../assets/javascripts/bundle.525ec568.min.js"></script> </body> </html>

CINXE.COM

Transmission 🐳 - theme.park Docs