Update

/* Url Help Links */
#dashboardPage > div > div > div > div.readOnlyContent.dashboardHomeLeftColumn > div:nth-child(2) > div.paperList > p.localUrl > a:nth-child(2)
#dashboardPage > div > div > div > div.readOnlyContent.dashboardHomeLeftColumn > div:nth-child(2) > div.paperList > p.externalUrl > a:nth-child(2)

to

#dashboardPage p.localUrl > a:nth-child(2), #dashboardPage p.externalUrl > a:nth-child(2)

Not sure how you want to handle this change since it make current code obsolete. But here is what I did.

Section 2.3
#txtCustomCss {color: #4285F4; height: 300px !important; overflow-y: scroll !important;}

"Content" can't be use now as the box dimensions distort the image.

".libraryMenuButtonText.headerButton img" obsolete

/* 2.2.2 Logos /
/ Login Page - Home Page - Main Drawer Mobile */
#loginPage img.imgLogoIcon, .libraryMenuButtonText.headerButton img,
a.adminDrawerLogo.clearLink img {
content: url(https://cdn.rawgit.com/BenZuser/Emby-Dark-Themes-Resources/master/images/logos-and-icons/BLUE/logo.png) !important; }

New
.pageTitleWithDefaultLogo {background-image: url(https://cdn.rawgit.com/BenZuser/Emby-Dark-Themes-Resources/master/images/logos-and-icons/BLUE/logo.png) !important;
}

Hi.
I use Emby for 2 weeks now (Premiere), and I found your dark themes.
But it happens nothing, wenn I paste under Custom CSS.
Do I something wrong?

Thanks.

Not sure if you want to merge the first two into somewhere that already has that background.

/* Edit Image Selectors */

selectImageProvider, #selectBrowsableImageType, #selectImageType {background: #181818; }

/* Dashboard Access Help Buttons */

dashboardPage a:nth-child(2) {background: #181818 !important; }

/* Dashboard Metadata Section Moved background */

metadataConfigurationPage form div {background: none !important; }

Dashboard focus needs updated in new stable. Not sure how you want to update it.

I just did

/Input box borders/
:focus {
border-color: #0C57D6 !important;
}

but here is the actual elements

.emby-input:focus, .emby-textarea:focus {
border-color: #52B54B;
}

When using Emby-Web-Dark-Themes-CSS the catalogue button is not visible on the plugins page, I'm using latest version (as of 2019-07-09) of Emby.

Here is standard theme: https://i.imgur.com/t7l5TbC.png

And here is Emby-Web-Dark-Themes-CSS: https://i.imgur.com/GdKl18k.png

/* 2.2.4 Others /
/ Image Files */
.imgLogoIcon, .adminDrawerLogo img {
content: url(https://cdn.rawgit.com/BenZuser/Emby-Dark-Themes-Resources/master/images/logos-and-icons/BLUE/logo.png) !important; }

to

h3.libraryMenuButtonText.headerButton img {
content: url(https://cdn.rawgit.com/BenZuser/Emby-Dark-Themes-Resources/master/images/logos-and-icons/BLUE/logo.png) !important; }

Change help buttons, accent to .button-accent-flat (All Server Versions)

/* Individual Elements /
/ ----- 1.2 Details ----- /
/ 1.2.1 Icons /
/ Multiple Elements */
.starIcon, .button-accent-flat

reference MediaBrowser/Emby@96087e1

Logon Screen logo
#loginPage img.imgLogoIcon { content: url(https://cdn.rawgit.com/BenZuser/Emby-Dark-Themes-Resources/master/images/logos-and-icons/BLUE/logo.png) !important; }

Not sure where this one use to be, but appears to not exist anymore
.lnkMediaFolder div:first-child {
background-image: url(https://cdn.rawgit.com/BenZuser/Emby-Dark-Themes-Resources/master/images/logos-and-icons/BLUE/mblogoicon.png) !important; }

Ideally it would be better to use "select" to change the background but it affect to may other areas on the Dashboard. The color is already being changed for the text with "select" section 4.2.2/Multiple Elements. Unless you know of a better way to target all these "select" backgrounds.

This can be added to Image selectors
/* Backdrops for the sector on Reports */

selectViewType, #selectIncludeItemTypes {background: #181818 !important; }

Coverart Table text issue.

/* Coverart Profile Add, Table text color */

ulDirectoryPickerList {color: #ffffff; }

Beta and Stable (stable not as bad)
https://emby.media/community/index.php?/topic/40134-covert-art/

Couldn't find exactly where the text was being changed to black.

Not sure how you want to handle this but this section of code is blocking video player in all browsers.

/* 3.2.4 Backgrounds /
/ Main Backgrounds */
.background-theme-a .backgroundContainer,
.background-theme-b .backgroundContainer {
background-color: #141414 !important; }

that code overwrites this background-color to show video player.

.transparentDocument, .backgroundContainer-transparent:not(.withBackdrop) {
background: none !important;
background-color: transparent !important;
}

Removing ".background-theme-b .backgroundContainer" seems to resolve the issue but I don't know if there are other side effects.

Change
/* 1.2.5 Others */ /* Progress Bars */ .paper-progress-0 #primaryProgress.paper-progress

to

/* 1.2.5 Others */ /* Progress Bars */ .taskProgressInner

Add

a.clearLink.lnkSubtitleSettings i.md-icon.listItemIcon

to

/* My Preferences Page Circles */
a.clearLink.lnkDisplayPreferences i.md-icon.listItemIcon,
a.clearLink.lnkHomeScreenPreferences i.md-icon.listItemIcon,
a.clearLink.lnkLanguagePreferences i.md-icon.listItemIcon,
a.clearLink.lnkMyProfile i.md-icon.listItemIcon

New addition to user preference (user icon menu).

Reworked code as content doesn't work on IE, Edge, or Firefox.
/Login screen logo/
img.imgLogoIcon {
width: 0;
height: 0;
padding: 40px 0 0 131px;
background: url(https://cdn.rawgit.com/BenZuser/Emby-Dark-Themes-Resources/master/images/logos-and-icons/BLUE/logo.png);
background-size: 100% 100%;
}
/Home Screen logo/
h3 img {
width: 0;
height: 0;
padding: 0 0 0 66px;
background: url(https://cdn.rawgit.com/BenZuser/Emby-Dark-Themes-Resources/master/images/logos-and-icons/BLUE/logo.png);
background-size: 100% 100%;
}

/* Glow for Userview Cards */
div.verticalSection.section0 div.cardScalable,
div.verticalSection.section0 div.cardScalable.withHoverMenu

v3.2.13.0

Wasn't sure how you wanted to handle this so I just opened an issue instead of a pull request.

Since rework of card layout not sure what is no longer need.

Restart-Shutdown pop-up options not sure what the rest of the .dialog .button options you have listed go to.

.btnOption.dialogButton {color: #ffffff !important; } went with White lettering, looked better then theme color.

.btnOption.dialogButton:focus {background-color: #0C57D6 !important; }

Needs Removed or reworked not sure the route to take: unable to see watched or favorite when selected. I removed in custom css for testing. Not sure if you have any other ideas for it.
[is="emby-button"].raised, [is="emby-button"].fab {
color: #FFFFFF !important;
background: #404040;
border-color: #404040; }

I think the latest [url="https://github.com/MediaBrowser/Emby/releases/tag/3.2.26.4"]Emby server Beta release[/url] (v3.2.26.4) has broken the CSS.

I've had to remove it to be able to see content.

It's like white text on a white background.

See here: https://emby.media/community/index.php?/topic/28743-emby-dark-themes-in-different-accent-colors/page-17#entry470597

Thanks.