Plex Dark Theme by peeps

/* ==UserStyle==
@name         Plex Dark Theme
@version      20220818.19.16
@namespace    userstyles.world/user/peeps
@description  Dark theme for Plex local and web versions.
@author       peeps
@license      CC BY-NC - Creative Commons Attribution-NonCommercial
==/UserStyle== */

@-moz-document domain("app.plex.tv"), domain("127.0.0.1") {
:root {
    --Sidebar: #0B0B0B;                        /* var(--Sidebar) */
    --Topbar: #0B0B0B;                         /* var(--Topbar) */    
    --SearchBar: #1e1e1e;                      /* var(--SearchBar) */    
    --background: #0B0B0B;                     /* var(--background) */    
    --hover: #1d1d1d;                          /* var(--hover) */      
    --text1: #DAA520;                          /* var(--text1) */      
}

/* Dark Side Bar */
.SourceSidebar-sidebar-yw2lNo {
    background: var(--Sidebar) !important;
}

.SourceSidebarItem-button-Zng372:hover {
    background: var(--hover);
}

.HomeSourceLink-sourceLink-aaNRiO:hover {
    background: var(--hover);
    color: var(--text1);
}

.SourceSidebarLink-isSelected-rPGiHo:hover .SourceSidebarLink-iconContainer-xQGX4C, .SourceSidebarLink-isSelected-rPGiHo:hover .SourceSidebarLink-title-C2NvGy {
    background: var(--hover);
    color: var(--text1);
}

/* Dark Top Bar */
.NavBar-container-F87RQ_ {
    background: var(--Topbar)
}
   
/* Dark Search Box */
._1qyuyme5 {
    background: var(--SearchBar);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;    
}

._1qyuyme5:focus-within:not(._1qyuyme3) {
    background: var(--SearchBar);
    color: var(--text1) !important; 
}

._11ni0ceqx, ._11ni0ceqy:hover, ._11ni0ceqz:focus {
    background: var(--SearchBar)  !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: var(--text1) !important;
}

.UniversalSearchResult-actionsButton-_cPTLE {
    background: var(--SearchBar)  !important;
}


}

@-moz-document url("http://127.0.0.1:32400/web/index.html#!/"), url("http://127.0.0.1:32400/web/index.html/#!/"), url("https://app.plex.tv/desktop/#!/"), url("https://app.plex.tv/desktop#!/"), url-prefix("http://127.0.0.1:32400/web/index.html#!/media/"), url-prefix("http://127.0.0.1:32400/web/index.html/#!/media/"), url-prefix("https://app.plex.tv/desktop/#!/media"), url-prefix("https://app.plex.tv/desktop#!/media"), url-prefix("http://127.0.0.1:32400/web/index.html#!/settings/"), url-prefix("http://127.0.0.1:32400/web/index.html/#!/settings/"), url-prefix("https://app.plex.tv/desktop/#!/settings/"), url-prefix("https://app.plex.tv/desktop#!/settings/"), url-prefix("http://127.0.0.1:32400/web/index.html#!/announcements"), url-prefix("http://127.0.0.1:32400/web/index.html/#!/announcements"), url-prefix("https://app.plex.tv/desktop/#!/announcements"), url-prefix("https://app.plex.tv/desktop#!/announcements"), url-prefix("http://127.0.0.1:32400/web/index.html#!/provider/"), url-prefix("http://127.0.0.1:32400/web/index.html/#!/provider/") {
/* Dark Background */
.Page-pageScroller-b8QY9N {
    background-color: var(--background);
}

.Page-page-s23BVW {     /*settings*/
    background-color: var(--background);
}

.application {     /*background*/
    background-color: var(--background) ;
}

.FullPage-container-yJVGyN {
    background: var(--background) !important;
}

.FullPageBackground-backgroundContainer-mKhZ21 {
    display: none;
}


}