From 167a43b0b3fd660cb23c4228ed93a7c08ef13200 Mon Sep 17 00:00:00 2001
From: gilbN <gilberg@gmail.com>
Date: Mon, 24 May 2021 19:56:46 +0200
Subject: [PATCH] emby dark test

---
 CSS/themes/emby/emby-base.css     | 534 ++++++++++++++++++++++++++++++
 CSS/themes/emby/organizr-dark.css |  56 +++-
 2 files changed, 582 insertions(+), 8 deletions(-)
 create mode 100644 CSS/themes/emby/emby-base.css

diff --git a/CSS/themes/emby/emby-base.css b/CSS/themes/emby/emby-base.css
new file mode 100644
index 00000000..0578e844
--- /dev/null
+++ b/CSS/themes/emby/emby-base.css
@@ -0,0 +1,534 @@
+html {
+    color: var(--theme-text-color);
+    scrollbar-color: var(--scrollbar-thumb-background) transparent
+}
+
+.emby-collapsible-button {
+    border-color: var(--line-background)!important
+}
+
+.skinHeader-withBackground.skinHeader-withfulldrawer {
+    border-bottom: .08em solid var(--line-background)
+}
+
+.skinHeader-withBackground {
+    background: var(--header-background)
+}
+
+.appfooter,.formDialogFooter:not(.formDialogFooter-clear),.formDialogHeader:not(.formDialogHeader-clear) {
+    background: var(--footer-background)
+}
+
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    .skinHeader-withBackground {
+        background:var(--header-blur-background);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em)
+    }
+
+    .appfooter-withbackdropfilter {
+        background: var(--footer-blur-background);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em)
+    }
+}
+
+.skinHeader.semiTransparent {
+    -webkit-backdrop-filter: none!important;
+    backdrop-filter: none!important;
+    background-color: rgba(0,0,0,.3);
+    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));
+    background: -webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
+    background: -o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
+    background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
+    -webkit-box-shadow: none!important;
+    box-shadow: none!important;
+    border-bottom: 0;
+    color: rgba(255,255,255,.87)
+}
+
+.pageTitleWithDefaultLogo {
+    background-image: url(http://192.168.1.34:8055/web/modules/themes/logodark.png)
+}
+
+.backgroundContainer,.dialog,html {
+    background: var(--theme-background)
+}
+
+.backgroundContainer.withBackdrop {
+    background-color: rgba(0,0,0,.83)
+}
+
+@media not all and (min-width: 50em) {
+    .itemBackgroundContainer.withBackdrop {
+        background :var(--theme-background)
+    }
+}
+
+.paper-icon-button-light-tv:focus,.paper-icon-button-light:active {
+    color: var(--theme-primary-color);
+    background-color: var(--theme-icon-focus-background)
+}
+
+@media(hover: hover) and (pointer:fine) {
+    .paper-icon-button-light:focus {
+        color:var(--theme-primary-color);
+        background-color: var(--theme-icon-focus-background)
+    }
+}
+
+.detailButton-icon,.fab,.raised {
+    background: var(--button-background);
+    color: var(--theme-text-color)
+}
+
+.detailButton-icon {
+    border-color: rgba(255,255,255,.3)
+}
+
+.emby-select-withcolor {
+    color: inherit;
+    background: var(--button-background);
+    border: var(--line-size) solid transparent
+}
+
+.toast {
+    background: var(--button-background);
+    color: var(--theme-text-color)
+}
+
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    .detailButton-icon,.emby-select-withcolor.detailTrackSelect,.fab,.raised:not(.nobackdropfilter) {
+        background:rgba(85,85,85,.3);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em)
+    }
+
+    .dialog-blur,.toast {
+        color: #fff;
+        background: rgba(56,56,56,.76);
+        -webkit-backdrop-filter: blur(2.5em) saturate(1.8);
+        backdrop-filter: blur(2.5em) saturate(1.8);
+        -webkit-box-shadow: none!important;
+        box-shadow: none!important
+    }
+
+    .toast-large {
+        color: rgba(255,255,255,.87)
+    }
+}
+
+.fab:focus,.raised:focus {
+    background: #333
+}
+
+.button-submit:not(.emby-button-tv) {
+    background: var(--theme-primary-color);
+    color: #fff
+}
+
+.button-submit:not(.emby-button-tv):focus {
+    background: var(--theme-primary-color-lightened);
+    color: #fff
+}
+
+.emby-select-withcolor>option {
+    color: inherit;
+    background: var(--button-background)
+}
+
+.emby-select-withcolor:focus {
+    border-color: var(--theme-primary-color)!important
+}
+
+.emby-select-tv-withcolor:focus {
+    background-color: var(--theme-primary-color)!important;
+    color: #fff!important
+}
+
+.checkboxLabel {
+    color: inherit
+}
+
+.emby-checkbox-focusring:focus:before {
+    background-color: var(--theme-icon-focus-background)
+}
+
+.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused {
+    color: var(--theme-accent-text-color)
+}
+
+.button-link {
+    color: var(--theme-accent-text-color)
+}
+
+.button-flat-accent {
+    color: var(--theme-accent-text-color)
+}
+
+.paperList,.visualCardBox {
+    background-color: var(--card-background)
+}
+
+.collapseContent {
+    border: var(--line-size) solid var(--line-background)
+}
+
+.cardText-secondary,.fieldDescription,.listItemBodyText-secondary,.secondaryText {
+    color: var(--theme-body-secondary-text-color)
+}
+
+.cardText-first {
+    color: var(--theme-text-color-opaque)
+}
+
+.actionsheetDivider {
+    background: var(--line-background)
+}
+
+@media(hover: hover) and (pointer:fine) {
+    .actionSheetMenuItem:hover {
+        background-color:rgba(255,255,255,.2)
+    }
+}
+
+.selectionCommandsPanel {
+    background: var(--theme-primary-color);
+    color: #fff
+}
+
+.upNextDialog-countdownText {
+    color: var(--theme-primary-color)
+}
+
+.alphaPickerButton {
+    color: var(--theme-body-secondary-text-color);
+    background-color: transparent
+}
+
+.alphaPickerButton-selected {
+    color: var(--theme-text-color-opaque)
+}
+
+.alphaPickerButton-tv:focus {
+    background-color: var(--theme-primary-color);
+    color: #fff!important
+}
+
+.detailTableBodyRow-shaded:nth-child(even) {
+    background: #1c1c1c;
+    background: rgba(30,30,30,.9)
+}
+
+.listItem-border {
+    border-color: var(--line-background)!important
+}
+
+.listItem-focusscale:focus {
+    background: rgba(54,54,54,.8)
+}
+
+.progressring-spiner {
+    border-color: var(--theme-primary-color)
+}
+
+.mediaInfoText {
+    background: var(--button-background)
+}
+
+.starIcon {
+    color: #cb272a
+}
+
+.mediaInfoTimerIcon {
+    color: #cb272a
+}
+
+.emby-input,.emby-textarea {
+    color: inherit;
+    background: var(--button-background);
+    border: var(--line-size) solid var(--button-background)
+}
+
+.emby-input:focus,.emby-textarea:focus {
+    border-color: var(--theme-primary-color)
+}
+
+.emby-checkbox:checked+span:before {
+    border-color: currentColor
+}
+
+.emby-checkbox:checked+span:before {
+    border-color: var(--theme-primary-color);
+    background-color: var(--theme-primary-color)
+}
+
+.itemProgressBarForeground {
+    background-color: var(--theme-primary-color)
+}
+
+.itemProgressBarForeground-recording {
+    background-color: #cb272a
+}
+
+.countIndicator {
+    background: var(--theme-primary-color)
+}
+
+.playedIndicator {
+    background: var(--theme-primary-color)
+}
+
+.mainDrawer {
+    background: var(--drawer-background)
+}
+
+.drawer-docked {
+    background: var(--docked-drawer-background);
+    border-right: var(--line-size) solid var(--line-background)
+}
+
+@media(hover: hover) and (pointer:fine) {
+    .navMenuOption:hover {
+        background:#303030
+    }
+}
+
+.navMenuOption-selected {
+    background-color: var(--theme-icon-focus-background)!important;
+    color: var(--theme-accent-text-color)
+}
+
+.emby-button-focusscale:focus,.emby-button-focusscale:focus .detailButton-icon {
+    background: var(--theme-primary-color);
+    color: #fff
+}
+
+.emby-tab-button {
+    color: var(--theme-body-secondary-text-color)
+}
+
+.emby-tab-button-active {
+    color: var(--theme-accent-text-color)
+}
+
+.emby-tab-button-active.emby-button-tv {
+    color: var(--theme-text-color-opaque)
+}
+
+.emby-tab-button.emby-button-tv:focus {
+    color: var(--theme-accent-text-color);
+    background: 0 0
+}
+
+.emby-button {
+    outline-color: var(--theme-primary-color)
+}
+
+.channelCell,.guide-headerTimeslots,.timeslotHeaders {
+    background: var(--theme-background)
+}
+
+@media (pointer: coarse) {
+    .channelCell-mobilefocus {
+        background:var(--theme-background)!important
+    }
+}
+
+.channelCell-mobilefocus:not(:focus-visible) {
+    background: var(--theme-background)!important
+}
+
+.channelCell-mobilefocus:not(:-moz-focusring) {
+    background: var(--theme-background)!important
+}
+
+.channelCell,.epgRow,.programCell {
+    border-color: rgba(255,255,255,.05)
+}
+
+.guide-currentTimeIndicatorDot {
+    border-right-color: var(--theme-icon-focus-background)
+}
+
+.guide-currentTimeIndicatorDot:after {
+    border-top-color: var(--theme-primary-color)
+}
+
+.firstChannelCell {
+    border-color: transparent
+}
+
+.programCell-sports {
+    background: #3949ab!important
+}
+
+.programCell-movie {
+    background: #5e35b1!important
+}
+
+.programCell-kids {
+    background: #039be5!important
+}
+
+.programCell-news {
+    background: #43a047!important
+}
+
+.channelCell:focus,.programCell:focus {
+    background-color: var(--theme-primary-color);
+    color: #fff
+}
+
+.guide-programTextIcon {
+    color: #1e1e1e;
+    background: #555
+}
+
+.infoBanner {
+    background: var(--card-background);
+    padding: 1em;
+    -webkit-border-radius: .3em;
+    border-radius: .3em
+}
+
+.ratingbutton-icon-withrating {
+    color: #c33!important
+}
+
+.downloadbutton-icon-on {
+    color: #4285f4
+}
+
+.downloadbutton-icon-complete {
+    color: #4285f4
+}
+
+.playstatebutton-icon-played {
+    color: #c33!important
+}
+
+.repeatButton-active {
+    color: #4285f4
+}
+
+.card:focus .card-focuscontent {
+    border-color: var(--theme-primary-color)
+}
+
+.cardContent-button {
+    background-color: transparent
+}
+
+.cardContent-shadow {
+    background-color: var(--card-background)
+}
+
+.defaultCardBackground0 {
+    background-color: var(--card-background)
+}
+
+.defaultCardBackground1 {
+    background-color: #d2b019
+}
+
+.defaultCardBackground2 {
+    background-color: #338abb
+}
+
+.defaultCardBackground3 {
+    background-color: #6b689d
+}
+
+.defaultCardBackground4 {
+    background-color: #dd452b
+}
+
+.defaultCardBackground5 {
+    background-color: #5ccea9
+}
+
+.cardOverlayButtonIcon {
+    background-color: var(--theme-primary-color)
+}
+
+::-webkit-scrollbar-track-piece {
+    background-color: transparent
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-thumb-background)
+}
+
+.emby-slider-background {
+    background: var(--scrollbar-thumb-background)
+}
+
+.emby-slider {
+    color: var(--theme-primary-color)
+}
+
+.emby-slider::-moz-range-track {
+    background: #444
+}
+
+.emby-slider::-moz-range-progress {
+    background: var(--theme-primary-color)
+}
+
+.emby-slider::-webkit-slider-thumb {
+    background: var(--theme-primary-color)
+}
+
+.emby-slider::-moz-range-thumb {
+    background: var(--theme-primary-color)
+}
+
+.emby-slider::-ms-thumb {
+    background: var(--theme-primary-color)
+}
+
+.emby-slider-background-lower {
+    background-color: var(--theme-primary-color)
+}
+
+.scrollbuttoncontainer {
+    color: #fff;
+    background: rgba(20,20,20,.5)
+}
+
+.recordingIcon-active {
+    color: #c33!important
+}
+
+.drawerLogo {
+    background-image: url(../logowhite.png);
+    border-bottom-color: var(--line-background)
+}
+
+.searchTabsContainer {
+    border-bottom: var(--line-size) solid var(--line-background)
+}
+
+.emby-search-tab-button.emby-tab-button-active {
+    background: var(--theme-accent-text-color)!important
+}
+
+.textActionButton.dragging {
+    background: var(--button-background)!important
+}
+
+.dragging-over.full-drop-target {
+    background: var(--theme-primary-color)!important;
+    color: #fff!important
+}
+
+.dragging-over-top:before {
+    background: var(--theme-accent-text-color)
+}
+
+.dragging-over-bottom:after {
+    background: var(--theme-accent-text-color)
+}
+
+  
\ No newline at end of file
diff --git a/CSS/themes/emby/organizr-dark.css b/CSS/themes/emby/organizr-dark.css
index 350314ce..ef9838d4 100644
--- a/CSS/themes/emby/organizr-dark.css
+++ b/CSS/themes/emby/organizr-dark.css
@@ -12,12 +12,52 @@
 /*			      https://github.com/gilbN/theme.park			 */
 
 /* EMBY ORGANIZR-DARK THEME */
-@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css);
+@import url("https://gflix.app/theme.park/CSS/themes/emby/emby-base.css");
+
 :root {
-  --main-bg-color: #1F1F1F;
-  --modal-bg-color: #1b1b1b;
-  --button-color: #2cabe3;
-  --button-color-hover: rgb(44 171 227 / .8);
-  --accent-color:  #2cabe3;
-  --accent-color-hover: white;
-  }
\ No newline at end of file
+    --theme-primary-color: #2cabe3;
+    --theme-text-color: #96a2b4;
+    --theme-text-color-opaque: #fff;
+    --theme-accent-text-color: #2cabe3;
+    --theme-primary-color-lightened: rgba(44, 171, 227 , 0.8);
+    --theme-icon-focus-background: rgba(44, 171, 227 , 0.2);
+
+    --theme-background: #1f1f1f;
+    --header-blur-background: rgba(20,20,20,0.66);
+    --drawer-background: #2C2C2E;
+    --docked-drawer-background: #1C1C1E;
+    --button-background: #242424;
+    --card-background: #242424;
+    --footer-background: #1d1d1d;
+    --footer-blur-background: rgba(29,29,31,0.66);
+    
+    --header-background: var(--theme-background);
+    --theme-body-secondary-text-color: rgba(255, 255, 255, .6);
+    --line-background: rgba(255, 255, 255, .08);
+    --line-size: .08em;
+    --scrollbar-thumb-background: rgba(255,255,255,.3);
+}
+
+@media (pointer: fine) {
+    :not(.layout-tv):root {
+        --theme-background: #1f1f1f;
+        --header-blur-background: rgba(20,20,20,0.66);
+        --drawer-background: #2C2C2E;
+        --docked-drawer-background: #1C1C1E;
+        --button-background: #242424;
+        --card-background: #242424;
+        --footer-background: #1d1d1d;
+        --footer-blur-background: rgba(29,29,31,0.66);
+    }
+}
+
+.layout-tv:root {
+    --theme-background: #1f1f1f;
+    --header-blur-background: rgba(20,20,20,0.66);
+    --drawer-background: #2C2C2E;
+    --docked-drawer-background: #1C1C1E;
+    --button-background: #242424;
+    --card-background: #242424;
+    --footer-background: #1d1d1d;
+    --footer-blur-background: rgba(29,29,31,0.66);
+}
\ No newline at end of file