diff --git a/src/components/skinManager.js b/src/components/skinManager.js index 7bca4e283..780b8273b 100644 --- a/src/components/skinManager.js +++ b/src/components/skinManager.js @@ -35,35 +35,11 @@ define(['apphost', 'userSettings', 'browser', 'events', 'pluginManager', 'backdr isDefault: true, isDefaultServerDashboard: true }, { - name: "Dark Classic", - id: "dark-classic", - }, { - name: "Dark (Green Accent)", - id: "dark-green" - }, { - name: "Dark (Red Accent)", - id: "dark-red" + name: "Emby", + id: "emby", }, { name: "Light", id: "light" - }, { - name: "Light Classic", - id: "light-classic" - }, { - name: "Light (Blue Accent)", - id: "light-blue" - }, { - name: "Light (Green Accent)", - id: "light-green" - }, { - name: "Light (Pink Accent)", - id: "light-pink" - }, { - name: "Light (Purple Accent)", - id: "light-purple" - }, { - name: "Light (Red Accent)", - id: "light-red" }, { name: "Purple Haze", id: "purple-haze" diff --git a/src/components/themes/dark-green/theme.css b/src/components/themes/dark-green/theme.css deleted file mode 100644 index 638892782..000000000 --- a/src/components/themes/dark-green/theme.css +++ /dev/null @@ -1,451 +0,0 @@ -.skinHeader, -html { - color: #eee; - color: rgba(255, 255, 255, .87) -} - -.wizardStartForm, -.ui-corner-all, -.ui-shadow { - background-color: #52B54B -} - -.emby-collapsible-button { - border-color: #383838; - border-color: rgba(255, 255, 255, .135) -} - -.skinHeader { - color: #ccc; - color: rgba(255, 255, 255, .78) -} - -.skinHeader-withBackground { - background-color: #52B54B; - -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37) -} - -.osdHeader { - -webkit-box-shadow: none !important; - box-shadow: none !important -} - -.skinHeader.semiTransparent { - 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; - box-shadow: none -} - -.pageTitleWithDefaultLogo { - background-image: url(../logowhite.png) -} - -.backgroundContainer, -.dialog, -html { - background-color: #282828 -} - -.backgroundContainer.withBackdrop { - background-color: rgba(0, 0, 0, .86) -} - -.paper-icon-button-light:focus { - color: #52B54B; - background-color: rgba(82, 181, 75, .2) -} - -.skinHeader-withBackground .paper-icon-button-light:focus { - color: #fff; - background-color: rgba(255, 255, 255, .2) -} - -.fab, -.raised { - background: #404040; - color: #fff -} - -.fab:focus, -.raised:focus { - background: #505050 -} - -.button-submit { - background: #52B54B; - color: #fff -} - -.button-submit:focus { - background: #5EC157; - color: #fff -} - -.checkboxLabel { - color: inherit -} - -.checkboxListLabel, -.inputLabel, -.inputLabelUnfocused, -.paperListLabel, -.textareaLabelUnfocused { - color: #bbb; - color: rgba(255, 255, 255, .7) -} - -.inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: #52B54B -} - -.checkboxOutline { - border-color: currentColor -} - -.collapseContent, -.formDialogFooter:not(.formDialogFooter-clear), -.formDialogHeader:not(.formDialogHeader-clear), -.paperList, -.visualCardBox { - background-color: #222 -} - -.defaultCardBackground1 { - background-color: #d2b019 -} - -.defaultCardBackground2 { - background-color: #338abb -} - -.defaultCardBackground3 { - background-color: #6b689d -} - -.defaultCardBackground4 { - background-color: #dd452b -} - -.defaultCardBackground5 { - background-color: #5ccea9 -} - -.cardText-secondary, -.fieldDescription, -.guide-programNameCaret, -.listItem .secondary, -.nowPlayingBarSecondaryText, -.programSecondaryTitle, -.secondaryText { - color: #999; - color: rgba(255, 255, 255, .5) -} - -.actionsheetDivider { - background: #444; - background: rgba(255, 255, 255, .14) -} - -.cardFooter-vibrant .cardText-secondary { - color: inherit; - opacity: .5 -} - -.actionSheetMenuItem:hover { - background-color: #222 -} - -.toast { - background: #303030; - color: #fff; - color: rgba(255, 255, 255, .87) -} - -.appfooter { - background: #101010; - color: #ccc; - color: rgba(255, 255, 255, .78) -} - -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - -.itemSelectionPanel { - border: 1px solid #52B54B -} - -.selectionCommandsPanel { - background: #52B54B; - color: #fff -} - -.upNextDialog-countdownText { - color: #52B54B -} - -.alphaPickerButton { - color: #999; - color: rgba(255, 255, 255, .5); - background-color: transparent -} - -.alphaPickerButton-selected { - color: #fff -} - -.alphaPickerButton-tv:focus { - background-color: #52B54B; - color: #fff !important -} - -.detailTableBodyRow-shaded:nth-child(even) { - background: #1c1c1c; - background: rgba(30, 30, 30, .9) -} - -.listItem-border { - border-color: rgba(30, 30, 30, .9) !important -} - -.listItem:focus { - background: #333 -} - -.progressring-spiner { - border-color: #52B54B -} - -.button-flat-accent, -.button-link { - color: #52B54B -} - -.mediaInfoText { - color: #ddd; - background: rgba(170, 170, 190, .2) -} - -.mediaInfoTimerIcon, -.starIcon { - color: #CB272A -} - -.emby-input, -.emby-textarea { - color: inherit; - background: #1c1c1c; - border: .07em solid #1c1c1c; - -webkit-border-radius: .15em; - border-radius: .15em -} - -.emby-input:focus, -.emby-textarea:focus { - border-color: #52B54B -} - -.emby-select-withcolor { - color: inherit; - background: #1c1c1c; - border: .07em solid #1c1c1c -} - -.emby-select-withcolor>option { - color: inherit; - background: #222 -} - -.emby-select-withcolor:focus { - border-color: #52B54B !important -} - -.emby-select-tv-withcolor:focus { - background-color: #52B54B !important; - color: #fff !important -} - -.emby-checkbox:checked+span+span+.checkboxOutline { - border-color: #52B54B -} - -.emby-checkbox:focus+span+.emby-checkbox-focushelper { - background-color: rgba(82, 181, 75, .26) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.itemProgressBarForeground { - background-color: #52B54B -} - -.itemProgressBarForeground-recording { - background-color: #CB272A -} - -.countIndicator, -.fullSyncIndicator, -.playedIndicator { - background: #52B54B -} - -.fullSyncIndicator { - color: #fff -} - -.mainDrawer { - background-color: #1c1c1f; - color: #ccc; - color: rgba(255, 255, 255, .7) -} - -.navMenuOption:hover { - background: #252528 -} - -.navMenuOption-selected { - background: #52B54B !important; - color: #fff -} - -.emby-button-focusscale:focus { - background: #52B54B; - color: #fff -} - -.emby-tab-button { - color: #999; - color: rgba(255, 255, 255, .5) -} - -.emby-tab-button-active, -.emby-tab-button-active.emby-button-tv { - color: #fff -} - -.emby-tab-button.emby-button-tv:focus { - color: #fff; - background: 0 0 -} - -.channelPrograms, -.guide-channelHeaderCell, -.programCell { - border-color: #383838 -} - -.programCell-sports { - background: #3949AB !important -} - -.programCell-movie { - background: #5E35B1 !important -} - -.programCell-kids { - background: #039BE5 !important -} - -.programCell-news { - background: #43A047 !important -} - -.programCell-active { - background: #1e1e1e !important -} - -.guide-channelHeaderCell:focus, -.programCell:focus { - background-color: #52B54B !important; - color: #fff !important -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555 -} - -.guide-headerTimeslots { - color: inherit -} - -.guide-date-tab-button { - color: #555; - color: rgba(255, 255, 255, .3) -} - -.guide-date-tab-button.emby-tab-button-active, -.guide-date-tab-button:focus { - color: #52B54B -} - -.guide-date-tab-button.emby-button-tv:focus { - background-color: #52B54B; - color: #fff -} - -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#191919)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #191919); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #191919); - background: linear-gradient(rgba(0, 0, 0, 0), #191919) -} - -.infoBanner { - color: #ddd; - background: #111; - padding: 1em; - -webkit-border-radius: .25em; - border-radius: .25em -} - -.ratingbutton-icon-withrating { - color: #c33 -} - -.downloadbutton-icon-complete, -.downloadbutton-icon-on { - color: #4285F4 -} - -.playstatebutton-icon-played { - color: #c33 -} - -.repeatButton-active { - color: #4285F4 -} - -.card:focus .card-focuscontent { - border-color: #52B54B -} - -.layout-desktop ::-webkit-scrollbar { - width: 1em; - height: 1em -} - -::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) -} - -::-webkit-scrollbar-track-piece { - background-color: #3b3b3b -} - -::-webkit-scrollbar-thumb:horizontal, -::-webkit-scrollbar-thumb:vertical { - -webkit-border-radius: 2px; - background: center no-repeat #888 -} diff --git a/src/components/themes/dark-red/theme.css b/src/components/themes/dark-red/theme.css deleted file mode 100644 index 2f5793231..000000000 --- a/src/components/themes/dark-red/theme.css +++ /dev/null @@ -1,449 +0,0 @@ -.skinHeader, -html { - color: #eee; - color: rgba(255, 255, 255, .87) -} - -.wizardStartForm, -.ui-corner-all, -.ui-shadow { - background-color: #c33 -} - -.emby-collapsible-button { - border-color: #383838; - border-color: rgba(255, 255, 255, .135) -} - -.skinHeader { - color: #ccc; - color: rgba(255, 255, 255, .78) -} - -.skinHeader-withBackground { - background-color: #c33; - -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37) -} - -.osdHeader { - -webkit-box-shadow: none !important; - box-shadow: none !important -} - -.skinHeader.semiTransparent { - 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; - box-shadow: none -} - -.pageTitleWithDefaultLogo { - background-image: url(../logowhite.png) -} - -.backgroundContainer, -.dialog, -html { - background-color: #282828 -} - -.backgroundContainer.withBackdrop { - background-color: rgba(0, 0, 0, .86) -} - -.paper-icon-button-light:focus { - color: #c33; - background-color: rgba(204, 51, 51, .2) -} - -.skinHeader-withBackground .paper-icon-button-light:focus { - color: #fff; - background-color: rgba(255, 255, 255, .2) -} - -.fab, -.raised { - background: #404040; - color: #fff -} - -.fab:focus, -.raised:focus { - background: #505050 -} - -.button-submit { - background: #c33 -} - -.button-submit:focus { - background: #D83F3F -} - -.checkboxLabel { - color: inherit -} - -.checkboxListLabel, -.inputLabel, -.inputLabelUnfocused, -.paperListLabel, -.textareaLabelUnfocused { - color: #bbb; - color: rgba(255, 255, 255, .7) -} - -.inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: #c33 -} - -.checkboxOutline { - border-color: currentColor -} - -.collapseContent, -.formDialogFooter:not(.formDialogFooter-clear), -.formDialogHeader:not(.formDialogHeader-clear), -.paperList, -.visualCardBox { - background-color: #222 -} - -.defaultCardBackground1 { - background-color: #d2b019 -} - -.defaultCardBackground2 { - background-color: #338abb -} - -.defaultCardBackground3 { - background-color: #6b689d -} - -.defaultCardBackground4 { - background-color: #dd452b -} - -.defaultCardBackground5 { - background-color: #5ccea9 -} - -.cardText-secondary, -.fieldDescription, -.guide-programNameCaret, -.listItem .secondary, -.nowPlayingBarSecondaryText, -.programSecondaryTitle, -.secondaryText { - color: #999; - color: rgba(255, 255, 255, .5) -} - -.actionsheetDivider { - background: #444; - background: rgba(255, 255, 255, .14) -} - -.cardFooter-vibrant .cardText-secondary { - color: inherit; - opacity: .5 -} - -.actionSheetMenuItem:hover { - background-color: #222 -} - -.toast { - background: #303030; - color: #fff; - color: rgba(255, 255, 255, .87) -} - -.appfooter { - background: #101010; - color: #ccc; - color: rgba(255, 255, 255, .78) -} - -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - -.itemSelectionPanel { - border: 1px solid #c33 -} - -.selectionCommandsPanel { - background: #c33; - color: #fff -} - -.upNextDialog-countdownText { - color: #c33 -} - -.alphaPickerButton { - color: #999; - color: rgba(255, 255, 255, .5); - background-color: transparent -} - -.alphaPickerButton-selected { - color: #fff -} - -.alphaPickerButton-tv:focus { - background-color: #c33; - color: #fff !important -} - -.detailTableBodyRow-shaded:nth-child(even) { - background: #1c1c1c; - background: rgba(30, 30, 30, .9) -} - -.listItem-border { - border-color: rgba(30, 30, 30, .9) !important -} - -.listItem:focus { - background: #333 -} - -.progressring-spiner { - border-color: #c33 -} - -.button-flat-accent, -.button-link { - color: #c33 -} - -.mediaInfoText { - color: #ddd; - background: rgba(170, 170, 190, .2) -} - -.mediaInfoTimerIcon, -.starIcon { - color: #CB272A -} - -.emby-input, -.emby-textarea { - color: inherit; - background: #1c1c1c; - border: .07em solid #1c1c1c; - -webkit-border-radius: .15em; - border-radius: .15em -} - -.emby-input:focus, -.emby-textarea:focus { - border-color: #c33 -} - -.emby-select-withcolor { - color: inherit; - background: #1c1c1c; - border: .07em solid #1c1c1c -} - -.emby-select-withcolor>option { - color: inherit; - background: #222 -} - -.emby-select-withcolor:focus { - border-color: #c33 !important -} - -.emby-select-tv-withcolor:focus { - background-color: #c33 !important; - color: #fff !important -} - -.emby-checkbox:checked+span+span+.checkboxOutline { - border-color: #c33 -} - -.emby-checkbox:focus+span+.emby-checkbox-focushelper { - background-color: rgba(204, 51, 51, .26) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.itemProgressBarForeground { - background-color: #c33 -} - -.itemProgressBarForeground-recording { - background-color: #CB272A -} - -.countIndicator, -.playedIndicator { - background: #c33 -} - -.fullSyncIndicator { - background: #c33; - color: #fff -} - -.mainDrawer { - background-color: #1c1c1f; - color: #ccc; - color: rgba(255, 255, 255, .7) -} - -.navMenuOption:hover { - background: #252528 -} - -.navMenuOption-selected { - background: #c33 !important; - color: #fff -} - -.emby-button-focusscale:focus { - background: #c33; - color: #fff -} - -.emby-tab-button { - color: #999; - color: rgba(255, 255, 255, .5) -} - -.emby-tab-button-active, -.emby-tab-button-active.emby-button-tv { - color: #fff -} - -.emby-tab-button.emby-button-tv:focus { - color: #fff; - background: 0 0 -} - -.channelPrograms, -.guide-channelHeaderCell, -.programCell { - border-color: #383838 -} - -.programCell-sports { - background: #3949AB !important -} - -.programCell-movie { - background: #5E35B1 !important -} - -.programCell-kids { - background: #039BE5 !important -} - -.programCell-news { - background: #43A047 !important -} - -.programCell-active { - background: #1e1e1e !important -} - -.guide-channelHeaderCell:focus, -.programCell:focus { - background-color: #c33 !important; - color: #fff !important -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555 -} - -.guide-headerTimeslots { - color: inherit -} - -.guide-date-tab-button { - color: #555; - color: rgba(255, 255, 255, .3) -} - -.guide-date-tab-button.emby-tab-button-active, -.guide-date-tab-button:focus { - color: #c33 -} - -.guide-date-tab-button.emby-button-tv:focus { - background-color: #c33; - color: #fff -} - -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#191919)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #191919); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #191919); - background: linear-gradient(rgba(0, 0, 0, 0), #191919) -} - -.infoBanner { - color: #ddd; - background: #111; - padding: 1em; - -webkit-border-radius: .25em; - border-radius: .25em -} - -.ratingbutton-icon-withrating { - color: #c33 -} - -.downloadbutton-icon-complete, -.downloadbutton-icon-on { - color: #4285F4 -} - -.playstatebutton-icon-played { - color: #c33 -} - -.repeatButton-active { - color: #4285F4 -} - -.card:focus .card-focuscontent { - border-color: #c33 -} - -.layout-desktop ::-webkit-scrollbar { - width: 1em; - height: 1em -} - -::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) -} - -::-webkit-scrollbar-track-piece { - background-color: #3b3b3b -} - -::-webkit-scrollbar-thumb:horizontal, -::-webkit-scrollbar-thumb:vertical { - -webkit-border-radius: 2px; - background: center no-repeat #888 -} diff --git a/src/components/themes/dark-classic/theme.css b/src/components/themes/emby/theme.css similarity index 100% rename from src/components/themes/dark-classic/theme.css rename to src/components/themes/emby/theme.css diff --git a/src/components/themes/light-blue/theme.css b/src/components/themes/light-blue/theme.css deleted file mode 100644 index fba787c14..000000000 --- a/src/components/themes/light-blue/theme.css +++ /dev/null @@ -1,433 +0,0 @@ -.skinHeader, -html { - color: #222; - color: rgba(0, 0, 0, .87) -} - -.wizardStartForm, -.ui-corner-all, -.ui-shadow { - background-color: #2196F3 -} - -.emby-collapsible-button { - border-color: #ccc; - border-color: rgba(0, 0, 0, .158) -} - -.collapseContent { - background-color: #eaeaea -} - -.skinHeader-withBackground { - background-color: #2196F3; - -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - color: #fff -} - -.osdHeader { - -webkit-box-shadow: none !important; - box-shadow: none !important -} - -.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)) -} - -.pageTitleWithDefaultLogo { - background-image: url(../logowhite.png) -} - -.backgroundContainer, -html { - background-color: #f2f2f2 -} - -.backgroundContainer.withBackdrop { - background-color: rgba(255, 255, 255, .94) -} - -.dialog { - background-color: #f0f0f0 -} - -.paper-icon-button-light:focus { - color: #2196F3; - background-color: rgba(33, 150, 243, .2) -} - -.skinHeader-withBackground .paper-icon-button-light:focus { - color: #fff; - background-color: rgba(255, 255, 255, .2) -} - -.fab, -.raised { - background: #d8d8d8; - color: inherit -} - -.fab:focus, -.raised:focus { - background: #ccc; - color: inherit -} - -.button-submit { - background: #2196F3; - color: #fff -} - -.button-submit:focus { - background: #2DA2FF; - color: #fff -} - -.checkboxLabel { - color: inherit -} - -.checkboxListLabel, -.inputLabel, -.inputLabelUnfocused, -.paperListLabel, -.textareaLabelUnfocused { - color: #555 -} - -.button-link, -.inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: #2196F3 -} - -.checkboxOutline { - border-color: currentColor -} - -.paperList, -.visualCardBox { - background-color: #fff -} - -.defaultCardBackground1 { - background-color: #009688 -} - -.defaultCardBackground2 { - background-color: #D32F2F -} - -.defaultCardBackground3 { - background-color: #0288D1 -} - -.defaultCardBackground4 { - background-color: #388E3C -} - -.defaultCardBackground5 { - background-color: #F57F17 -} - -.formDialogHeader:not(.formDialogHeader-clear) { - background-color: #2196F3; - color: #fff -} - -.formDialogFooter:not(.formDialogFooter-clear) { - background-color: #f0f0f0; - border-top: 1px solid rgba(0, 0, 0, .08); - color: inherit -} - -.cardText-secondary, -.fieldDescription, -.guide-programNameCaret, -.listItem .secondary, -.nowPlayingBarSecondaryText, -.programSecondaryTitle, -.secondaryText { - color: #888 -} - -.cardFooter-vibrant .cardText-secondary { - color: inherit; - opacity: .5 -} - -.formDialogHeader a, -.toast { - color: #fff -} - -.actionSheetMenuItem:hover { - background-color: #ddd -} - -.toast { - background: #303030; - color: rgba(255, 255, 255, .87) -} - -.appfooter { - background: #282828; - color: #ccc; - color: rgba(255, 255, 255, .78) -} - -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - -.nowPlayingBarSecondaryText { - color: #999 -} - -.itemSelectionPanel { - border: 1px solid #2196F3 -} - -.selectionCommandsPanel { - background: #2196F3; - color: #fff -} - -.upNextDialog-countdownText { - color: #2196F3 -} - -.alphaPickerButton { - color: #555; - color: rgba(0, 0, 0, .7); - background-color: transparent -} - -.alphaPickerButton-selected, -.alphaPickerButton-tv:focus { - background-color: #2196F3; - color: #fff !important -} - -.detailTableBodyRow-shaded:nth-child(even) { - background: #f8f8f8 -} - -.listItem-border { - border-color: #f0f0f0 !important -} - -.listItem:focus { - background: #ddd -} - -.progressring-spiner { - border-color: #2196F3 -} - -.mediaInfoText { - color: #333; - background: #fff -} - -.mediaInfoTimerIcon, -.starIcon { - color: #CB272A -} - -.emby-input, -.emby-textarea { - color: inherit; - background: #fff; - border: .07em solid rgba(0, 0, 0, .158); - -webkit-border-radius: .15em; - border-radius: .15em -} - -.emby-input:focus, -.emby-textarea:focus { - border-color: #2196F3 -} - -.emby-select-withcolor { - color: inherit; - background: #fff; - border: .07em solid rgba(0, 0, 0, .158) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.emby-select-withcolor:focus { - border-color: #2196F3 -} - -.emby-select-withcolor>option { - color: #000; - background: #fff -} - -.emby-select-tv-withcolor:focus { - background-color: #2196F3; - color: #fff -} - -.emby-checkbox:focus+span+.emby-checkbox-focushelper { - background-color: rgba(33, 150, 243, .26) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.itemProgressBarForeground { - background-color: #2196F3 -} - -.itemProgressBarForeground-recording { - background-color: #CB272A -} - -.countIndicator, -.fullSyncIndicator, -.playedIndicator { - background: #2196F3 -} - -.fullSyncIndicator { - color: #fff -} - -.mainDrawer { - background: #fff -} - -.navMenuOption:hover { - background: #f2f2f2 -} - -.navMenuOption-selected { - background: #2196F3 !important; - color: #fff -} - -.emby-button-focusscale:focus { - background: #2196F3; - color: #fff -} - -.emby-tab-button { - color: #fff; - color: rgba(255, 255, 255, .5) -} - -.emby-tab-button-active, -.emby-tab-button-active.emby-button-tv { - color: #fff; - color: rgba(255, 255, 255, 1) -} - -.emby-tab-button.emby-button-tv:focus { - color: #fff; - color: rgba(255, 255, 255, 1); - background: 0 0 -} - -.channelPrograms, -.guide-channelHeaderCell, -.programCell { - border-color: rgba(0, 0, 0, .12) -} - -.programCell-sports { - background: #3949AB !important -} - -.programCell-movie { - background: #5E35B1 !important -} - -.programCell-kids { - background: #039BE5 !important -} - -.programCell-news { - background: #43A047 !important -} - -.programCell-active { - background: rgba(0, 0, 0, .1) !important -} - -.guide-channelHeaderCell:focus, -.programCell:focus { - background-color: #2196F3 !important; - color: #fff !important -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555 -} - -.guide-headerTimeslots { - color: inherit -} - -.guide-date-tab-button { - color: #555; - color: rgba(0, 0, 0, .54) -} - -.guide-date-tab-button.emby-tab-button-active, -.guide-date-tab-button:focus { - color: #2196F3 -} - -.guide-date-tab-button.emby-button-tv:focus { - background-color: #2196F3; - color: #fff -} - -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); - background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2) -} - -.infoBanner { - color: #000; - background: #fff3a5; - padding: 1em; - -webkit-border-radius: .25em; - border-radius: .25em -} - -.ratingbutton-icon-withrating { - color: #c33 -} - -.downloadbutton-icon-complete, -.downloadbutton-icon-on { - color: #4285F4 -} - -.playstatebutton-icon-played { - color: #c33 -} - -.repeatButton-active { - color: #4285F4 -} - -.card:focus .card-focuscontent { - border-color: #2196F3 -} diff --git a/src/components/themes/light-classic/theme.css b/src/components/themes/light-classic/theme.css deleted file mode 100644 index 835a18ec8..000000000 --- a/src/components/themes/light-classic/theme.css +++ /dev/null @@ -1,434 +0,0 @@ -.skinHeader, -html { - color: #222; - color: rgba(0, 0, 0, .87) -} - -.wizardStartForm, -.ui-corner-all, -.ui-shadow { - background-color: #303030 -} - -.emby-collapsible-button { - border-color: #ccc; - border-color: rgba(0, 0, 0, .158) -} - -.collapseContent { - background-color: #eaeaea -} - -.skinHeader-withBackground { - background-color: #303030; - color: #ccc; - color: rgba(255, 255, 255, .87); - -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37) -} - -.osdHeader { - -webkit-box-shadow: none !important; - box-shadow: none !important -} - -.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)) -} - -.pageTitleWithDefaultLogo { - background-image: url(../logowhite.png) -} - -.backgroundContainer, -html { - background-color: #f2f2f2 -} - -.backgroundContainer.withBackdrop { - background-color: rgba(255, 255, 255, .94) -} - -.dialog { - background-color: #f0f0f0 -} - -.paper-icon-button-light:focus { - color: #52b54b; - background-color: rgba(82, 181, 75, .2) -} - -.fab, -.raised { - background: #d8d8d8; - color: inherit -} - -.fab:focus, -.raised:focus { - background: #ccc -} - -.button-submit { - background: #52b54b; - color: #fff -} - -.button-submit:focus { - background: #5EC157 -} - -.checkboxLabel { - color: inherit -} - -.checkboxListLabel, -.inputLabel, -.inputLabelUnfocused, -.paperListLabel, -.textareaLabelUnfocused { - color: #555 -} - -.button-link, -.inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: green -} - -.checkboxOutline { - border-color: currentColor -} - -.paperList, -.visualCardBox { - background-color: #fff -} - -.defaultCardBackground1 { - background-color: #009688 -} - -.defaultCardBackground2 { - background-color: #D32F2F -} - -.defaultCardBackground3 { - background-color: #0288D1 -} - -.defaultCardBackground4 { - background-color: #388E3C -} - -.defaultCardBackground5 { - background-color: #F57F17 -} - -.formDialogHeader:not(.formDialogHeader-clear) { - background-color: #52b54b; - color: #fff -} - -.formDialogFooter:not(.formDialogFooter-clear) { - background-color: #f0f0f0; - border-top: 1px solid #ddd; - border-top: 1px solid rgba(0, 0, 0, .08); - color: inherit -} - -.cardText-secondary, -.fieldDescription, -.guide-programNameCaret, -.listItem .secondary, -.nowPlayingBarSecondaryText, -.programSecondaryTitle, -.secondaryText { - color: #888 -} - -.actionsheetDivider { - background: #ddd; - background: rgba(0, 0, 0, .14) -} - -.cardFooter-vibrant .cardText-secondary { - color: inherit; - opacity: .5 -} - -.formDialogHeader a, -.toast { - color: #fff -} - -.actionSheetMenuItem:hover { - background-color: #ddd -} - -.toast { - background: #303030; - color: rgba(255, 255, 255, .87) -} - -.appfooter { - background: #282828; - color: #ccc; - color: rgba(255, 255, 255, .78) -} - -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - -.nowPlayingBarSecondaryText { - color: #999 -} - -.itemSelectionPanel { - border: 1px solid #52b54b -} - -.selectionCommandsPanel { - background: #52b54b; - color: #fff -} - -.upNextDialog-countdownText { - color: #52b54b -} - -.alphaPickerButton { - color: #555; - color: rgba(0, 0, 0, .7); - background-color: transparent -} - -.alphaPickerButton-selected, -.alphaPickerButton-tv:focus { - background-color: #52b54b; - color: #fff !important -} - -.detailTableBodyRow-shaded:nth-child(even) { - background: #f8f8f8 -} - -.listItem-border { - border-color: #f0f0f0 !important -} - -.listItem:focus { - background: #ddd -} - -.progressring-spiner { - border-color: #52b54b -} - -.mediaInfoText { - color: #333; - background: #fff -} - -.mediaInfoTimerIcon, -.starIcon { - color: #CB272A -} - -.emby-input, -.emby-textarea { - color: inherit; - background: #fff; - border: .07em solid rgba(0, 0, 0, .158); - -webkit-border-radius: .15em; - border-radius: .15em -} - -.emby-input:focus, -.emby-textarea:focus { - border-color: #52b54b -} - -.emby-select-withcolor { - color: inherit; - background: #fff; - border: .07em solid rgba(0, 0, 0, .158) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.emby-select-withcolor:focus { - border-color: #52b54b -} - -.emby-select-withcolor>option { - color: #000; - background: #fff -} - -.emby-select-tv-withcolor:focus { - background-color: #52b54b; - color: #fff -} - -.emby-checkbox:focus+span+.emby-checkbox-focushelper { - background-color: rgba(82, 181, 75, .26) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.itemProgressBarForeground { - background-color: #52b54b -} - -.itemProgressBarForeground-recording { - background-color: #CB272A -} - -.countIndicator, -.fullSyncIndicator, -.playedIndicator { - background: #52b54b -} - -.fullSyncIndicator { - color: #fff -} - -.mainDrawer { - background: #fff -} - -.navMenuOption:hover { - background: #f2f2f2 -} - -.navMenuOption-selected { - background: #52b54b !important; - color: #fff -} - -.emby-button-focusscale:focus { - background: #52b54b; - color: #fff -} - -.emby-tab-button { - color: #999; - color: rgba(255, 255, 255, .5) -} - -.emby-tab-button-active { - color: #52b54b -} - -.emby-tab-button-active.emby-button-tv { - color: #fff -} - -.emby-tab-button.emby-button-tv:focus { - color: #52b54b; - background: 0 0 -} - -.channelPrograms, -.guide-channelHeaderCell, -.programCell { - border-color: rgba(0, 0, 0, .12) -} - -.programCell-sports { - background: #3949AB !important -} - -.programCell-movie { - background: #5E35B1 !important -} - -.programCell-kids { - background: #039BE5 !important -} - -.programCell-news { - background: #43A047 !important -} - -.programCell-active { - background: rgba(0, 0, 0, .1) !important -} - -.guide-channelHeaderCell:focus, -.programCell:focus { - background-color: #52b54b !important; - color: #fff !important -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555 -} - -.guide-headerTimeslots { - color: inherit -} - -.guide-date-tab-button { - color: #555; - color: rgba(0, 0, 0, .54) -} - -.guide-date-tab-button.emby-tab-button-active, -.guide-date-tab-button:focus { - color: #52b54b -} - -.guide-date-tab-button.emby-button-tv:focus { - background-color: #52b54b; - color: #fff -} - -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); - background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2) -} - -.infoBanner { - color: #000; - background: #fff3a5; - padding: 1em; - -webkit-border-radius: .25em; - border-radius: .25em -} - -.ratingbutton-icon-withrating { - color: #c33 -} - -.downloadbutton-icon-complete, -.downloadbutton-icon-on { - color: #4285F4 -} - -.playstatebutton-icon-played { - color: #c33 -} - -.repeatButton-active { - color: #4285F4 -} - -.card:focus .card-focuscontent { - border-color: #52b54b -} diff --git a/src/components/themes/light-green/theme.css b/src/components/themes/light-green/theme.css deleted file mode 100644 index 38519bbfe..000000000 --- a/src/components/themes/light-green/theme.css +++ /dev/null @@ -1,443 +0,0 @@ -.skinHeader, -html { - color: #222; - color: rgba(0, 0, 0, .87) -} - -.wizardStartForm, -.ui-corner-all, -.ui-shadow { - background-color: #52B54B -} - -.emby-collapsible-button { - border-color: #ccc; - border-color: rgba(0, 0, 0, .158) -} - -.collapseContent { - background-color: #eaeaea -} - -.skinHeader-withBackground { - background-color: #52B54B; - -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - color: #fff -} - -.osdHeader { - -webkit-box-shadow: none !important; - box-shadow: none !important -} - -.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)) -} - -.pageTitleWithDefaultLogo { - background-image: url(../logowhite.png) -} - -.backgroundContainer, -html { - background-color: #f2f2f2 -} - -.backgroundContainer.withBackdrop { - background-color: rgba(255, 255, 255, .94) -} - -.dialog { - background-color: #f0f0f0 -} - -.paper-icon-button-light:focus { - color: #52B54B; - background-color: rgba(82, 181, 75, .2) -} - -.skinHeader-withBackground .paper-icon-button-light:focus { - color: #fff; - background-color: rgba(255, 255, 255, .2) -} - -.skinHeader-withBackground .button-link { - color: #fff -} - -.fab, -.raised { - background: #d8d8d8; - color: inherit -} - -.fab:focus, -.raised:focus { - background: #ccc; - color: inherit -} - -.button-submit { - background: #52B54B; - color: #fff -} - -.button-submit:focus { - background: #5EC157; - color: #fff -} - -.checkboxLabel { - color: inherit -} - -.checkboxListLabel, -.inputLabel, -.inputLabelUnfocused, -.paperListLabel, -.textareaLabelUnfocused { - color: #555 -} - -.button-link, -.inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: green -} - -.checkboxOutline { - border-color: currentColor -} - -.paperList, -.visualCardBox { - background-color: #fff -} - -.defaultCardBackground1 { - background-color: #009688 -} - -.defaultCardBackground2 { - background-color: #D32F2F -} - -.defaultCardBackground3 { - background-color: #0288D1 -} - -.defaultCardBackground4 { - background-color: #388E3C -} - -.defaultCardBackground5 { - background-color: #F57F17 -} - -.formDialogHeader:not(.formDialogHeader-clear) { - background-color: #52B54B; - color: #fff -} - -.formDialogFooter:not(.formDialogFooter-clear) { - background-color: #f0f0f0; - border-top: 1px solid #ddd; - border-top: 1px solid rgba(0, 0, 0, .08); - color: inherit -} - -.cardText-secondary, -.fieldDescription, -.guide-programNameCaret, -.listItem .secondary, -.nowPlayingBarSecondaryText, -.programSecondaryTitle, -.secondaryText { - color: #888 -} - -.actionsheetDivider { - background: #ddd; - background: rgba(0, 0, 0, .14) -} - -.cardFooter-vibrant .cardText-secondary { - color: inherit; - opacity: .5 -} - -.formDialogHeader a, -.toast { - color: #fff -} - -.actionSheetMenuItem:hover { - background-color: #ddd -} - -.toast { - background: #303030; - color: rgba(255, 255, 255, .87) -} - -.appfooter { - background: #282828; - color: #ccc; - color: rgba(255, 255, 255, .78) -} - -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - -.nowPlayingBarSecondaryText { - color: #999 -} - -.itemSelectionPanel { - border: 1px solid #52B54B -} - -.selectionCommandsPanel { - background: #52B54B; - color: #fff -} - -.upNextDialog-countdownText { - color: #52B54B -} - -.alphaPickerButton { - color: #555; - color: rgba(0, 0, 0, .7); - background-color: transparent -} - -.alphaPickerButton-selected, -.alphaPickerButton-tv:focus { - background-color: #52B54B; - color: #fff !important -} - -.detailTableBodyRow-shaded:nth-child(even) { - background: #f8f8f8 -} - -.listItem-border { - border-color: #f0f0f0 !important -} - -.listItem:focus { - background: #ddd -} - -.progressring-spiner { - border-color: #52B54B -} - -.mediaInfoText { - color: #333; - background: #fff -} - -.mediaInfoTimerIcon, -.starIcon { - color: #CB272A -} - -.emby-input, -.emby-textarea { - color: inherit; - background: #fff; - border: .07em solid rgba(0, 0, 0, .158); - -webkit-border-radius: .15em; - border-radius: .15em -} - -.emby-input:focus, -.emby-textarea:focus { - border-color: #52B54B -} - -.emby-select-withcolor { - color: inherit; - background: #fff; - border: .07em solid rgba(0, 0, 0, .158) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.emby-select-withcolor:focus { - border-color: #52B54B -} - -.emby-select-withcolor>option { - color: #000; - background: #fff -} - -.emby-select-tv-withcolor:focus { - background-color: #52B54B; - color: #fff -} - -.emby-checkbox:focus+span+.emby-checkbox-focushelper { - background-color: rgba(82, 181, 75, .26) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.itemProgressBarForeground { - background-color: #52B54B -} - -.itemProgressBarForeground-recording { - background-color: #CB272A -} - -.countIndicator, -.fullSyncIndicator, -.playedIndicator { - background: #52B54B -} - -.fullSyncIndicator { - color: #fff -} - -.mainDrawer { - background: #fff -} - -.navMenuOption:hover { - background: #f2f2f2 -} - -.navMenuOption-selected { - background: #52B54B !important; - color: #fff -} - -.emby-button-focusscale:focus { - background: #52B54B; - color: #fff -} - -.emby-tab-button { - color: #fff; - color: rgba(255, 255, 255, .5) -} - -.emby-tab-button-active, -.emby-tab-button-active.emby-button-tv { - color: #fff; - color: rgba(255, 255, 255, 1) -} - -.emby-tab-button.emby-button-tv:focus { - color: #fff; - color: rgba(255, 255, 255, 1); - background: 0 0 -} - -.channelPrograms, -.guide-channelHeaderCell, -.programCell { - border-color: rgba(0, 0, 0, .12) -} - -.programCell-sports { - background: #3949AB !important -} - -.programCell-movie { - background: #5E35B1 !important -} - -.programCell-kids { - background: #039BE5 !important -} - -.programCell-news { - background: #43A047 !important -} - -.programCell-active { - background: rgba(0, 0, 0, .1) !important -} - -.guide-channelHeaderCell:focus, -.programCell:focus { - background-color: #52B54B !important; - color: #fff !important -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555 -} - -.guide-headerTimeslots { - color: inherit -} - -.guide-date-tab-button { - color: #555; - color: rgba(0, 0, 0, .54) -} - -.guide-date-tab-button.emby-tab-button-active, -.guide-date-tab-button:focus { - color: #52B54B -} - -.guide-date-tab-button.emby-button-tv:focus { - background-color: #52B54B; - color: #fff -} - -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); - background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2) -} - -.infoBanner { - color: #000; - background: #fff3a5; - padding: 1em; - -webkit-border-radius: .25em; - border-radius: .25em -} - -.ratingbutton-icon-withrating { - color: #c33 -} - -.downloadbutton-icon-complete, -.downloadbutton-icon-on { - color: #4285F4 -} - -.playstatebutton-icon-played { - color: #c33 -} - -.repeatButton-active { - color: #4285F4 -} - -.card:focus .card-focuscontent { - border-color: #52B54B -} diff --git a/src/components/themes/light-pink/theme.css b/src/components/themes/light-pink/theme.css deleted file mode 100644 index b3b9a869a..000000000 --- a/src/components/themes/light-pink/theme.css +++ /dev/null @@ -1,440 +0,0 @@ -.skinHeader, -html { - color: #222; - color: rgba(0, 0, 0, .87) -} - -.wizardStartForm, -.ui-corner-all, -.ui-shadow { - background-color: #E91E63 -} - -.emby-collapsible-button { - border-color: #ccc; - border-color: rgba(0, 0, 0, .158) -} - -.collapseContent { - background-color: #eaeaea -} - -.skinHeader-withBackground { - background-color: #E91E63; - -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - color: #fff -} - -.osdHeader { - -webkit-box-shadow: none !important; - box-shadow: none !important -} - -.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)) -} - -.pageTitleWithDefaultLogo { - background-image: url(../logowhite.png) -} - -.backgroundContainer, -html { - background-color: #f2f2f2 -} - -.backgroundContainer.withBackdrop { - background-color: rgba(255, 255, 255, .94) -} - -.dialog { - background-color: #f0f0f0 -} - -.paper-icon-button-light:focus { - color: #E91E63; - background-color: rgba(233, 30, 99, .2) -} - -.skinHeader-withBackground .paper-icon-button-light:focus { - color: #fff; - background-color: rgba(255, 255, 255, .2) -} - -.fab, -.raised { - background: #d8d8d8; - color: inherit -} - -.fab:focus, -.raised:focus { - background: #ccc; - color: inherit -} - -.button-submit { - background: #E91E63; - color: #fff -} - -.button-submit:focus { - background: #F52A6F; - color: #fff -} - -.checkboxLabel { - color: inherit -} - -.checkboxListLabel, -.inputLabel, -.inputLabelUnfocused, -.paperListLabel, -.textareaLabelUnfocused { - color: #555; - color: rgba(0, 0, 0, .7) -} - -.button-link, -.inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: #E91E63 -} - -.checkboxOutline { - border-color: currentColor -} - -.paperList, -.visualCardBox { - background-color: #F8BBD0 -} - -.defaultCardBackground1 { - background-color: #009688 -} - -.defaultCardBackground2 { - background-color: #D32F2F -} - -.defaultCardBackground3 { - background-color: #0288D1 -} - -.defaultCardBackground4 { - background-color: #388E3C -} - -.defaultCardBackground5 { - background-color: #F57F17 -} - -.formDialogHeader:not(.formDialogHeader-clear) { - background-color: #E91E63; - color: #fff -} - -.formDialogFooter:not(.formDialogFooter-clear) { - background-color: #f0f0f0; - border-top: 1px solid rgba(0, 0, 0, .08); - color: inherit -} - -.cardText-secondary, -.fieldDescription, -.guide-programNameCaret, -.listItem .secondary, -.nowPlayingBarSecondaryText, -.programSecondaryTitle, -.secondaryText { - color: #888; - color: rgba(0, 0, 0, .54) -} - -.actionsheetDivider { - background: #ddd; - background: rgba(0, 0, 0, .14) -} - -.cardFooter-vibrant .cardText-secondary { - color: inherit; - opacity: .5 -} - -.formDialogHeader a, -.toast { - color: #fff -} - -.actionSheetMenuItem:hover { - background-color: #ddd -} - -.toast { - background: #303030; - color: rgba(255, 255, 255, .87) -} - -.appfooter { - background: #282828; - color: #ccc; - color: rgba(255, 255, 255, .78) -} - -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - -.nowPlayingBarSecondaryText { - color: #999 -} - -.itemSelectionPanel { - border: 1px solid #E91E63 -} - -.selectionCommandsPanel { - background: #E91E63; - color: #fff -} - -.upNextDialog-countdownText { - color: #E91E63 -} - -.alphaPickerButton { - color: #555; - color: rgba(0, 0, 0, .7); - background-color: transparent -} - -.alphaPickerButton-selected, -.alphaPickerButton-tv:focus { - background-color: #E91E63; - color: #fff !important -} - -.detailTableBodyRow-shaded:nth-child(even) { - background: #f8f8f8 -} - -.listItem-border { - border-color: #f0f0f0 !important -} - -.listItem:focus { - background: #ddd -} - -.progressring-spiner { - border-color: #E91E63 -} - -.mediaInfoText { - color: #333; - background: #fff -} - -.mediaInfoTimerIcon, -.starIcon { - color: #CB272A -} - -.emby-input, -.emby-textarea { - color: inherit; - background: #fff; - border: .07em solid rgba(0, 0, 0, .158); - -webkit-border-radius: .15em; - border-radius: .15em -} - -.emby-input:focus, -.emby-textarea:focus { - border-color: #E91E63 -} - -.emby-select-withcolor { - color: inherit; - background: #fff; - border: .07em solid rgba(0, 0, 0, .158) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.emby-select-withcolor:focus { - border-color: #E91E63 -} - -.emby-select-withcolor>option { - color: #000; - background: #fff -} - -.emby-select-tv-withcolor:focus { - background-color: #E91E63; - color: #fff -} - -.emby-checkbox:focus+span+.emby-checkbox-focushelper { - background-color: rgba(233, 30, 99, .26) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.itemProgressBarForeground { - background-color: #E91E63 -} - -.itemProgressBarForeground-recording { - background-color: #CB272A -} - -.countIndicator, -.fullSyncIndicator, -.playedIndicator { - background: #E91E63 -} - -.fullSyncIndicator { - color: #fff -} - -.mainDrawer { - background: #fff -} - -.navMenuOption:hover { - background: #f2f2f2 -} - -.navMenuOption-selected { - background: #E91E63 !important; - color: #fff -} - -.emby-button-focusscale:focus { - background: #E91E63; - color: #fff -} - -.emby-tab-button { - color: #fff; - color: rgba(255, 255, 255, .5) -} - -.emby-tab-button-active, -.emby-tab-button-active.emby-button-tv { - color: #fff; - color: rgba(255, 255, 255, 1) -} - -.emby-tab-button.emby-button-tv:focus { - color: #fff; - color: rgba(255, 255, 255, 1); - background: 0 0 -} - -.channelPrograms, -.guide-channelHeaderCell, -.programCell { - border-color: rgba(0, 0, 0, .12) -} - -.programCell-sports { - background: #3949AB !important -} - -.programCell-movie { - background: #5E35B1 !important -} - -.programCell-kids { - background: #039BE5 !important -} - -.programCell-news { - background: #43A047 !important -} - -.programCell-active { - background: rgba(0, 0, 0, .1) !important -} - -.guide-channelHeaderCell:focus, -.programCell:focus { - background-color: #E91E63 !important; - color: #fff !important -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555 -} - -.guide-headerTimeslots { - color: inherit -} - -.guide-date-tab-button { - color: #555; - color: rgba(0, 0, 0, .54) -} - -.guide-date-tab-button.emby-tab-button-active, -.guide-date-tab-button:focus { - color: #E91E63 -} - -.guide-date-tab-button.emby-button-tv:focus { - background-color: #E91E63; - color: #fff -} - -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); - background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2) -} - -.infoBanner { - color: #000; - background: #fff3a5; - padding: 1em; - -webkit-border-radius: .25em; - border-radius: .25em -} - -.ratingbutton-icon-withrating { - color: #c33 -} - -.downloadbutton-icon-complete, -.downloadbutton-icon-on { - color: #4285F4 -} - -.playstatebutton-icon-played { - color: #c33 -} - -.repeatButton-active { - color: #4285F4 -} - -.card:focus .card-focuscontent { - border-color: #E91E63 -} diff --git a/src/components/themes/light-purple/theme.css b/src/components/themes/light-purple/theme.css deleted file mode 100644 index 2c3b16f66..000000000 --- a/src/components/themes/light-purple/theme.css +++ /dev/null @@ -1,441 +0,0 @@ -.skinHeader, -html { - color: #222; - color: rgba(0, 0, 0, .87) -} - -.wizardStartForm, -.ui-corner-all, -.ui-shadow { - background-color: #673AB7 -} - -.emby-collapsible-button { - border-color: #ccc; - border-color: rgba(0, 0, 0, .158) -} - -.collapseContent { - background-color: #eaeaea -} - -.skinHeader-withBackground { - background-color: #673AB7; - -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - color: #fff -} - -.osdHeader { - -webkit-box-shadow: none !important; - box-shadow: none !important -} - -.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)) -} - -.pageTitleWithDefaultLogo { - background-image: url(../logowhite.png) -} - -.backgroundContainer, -html { - background-color: #EDE7F6 -} - -.backgroundContainer.withBackdrop { - background-color: rgba(237, 241, 236, .94) -} - -.dialog { - background-color: #f0f0f0 -} - -.paper-icon-button-light:focus { - color: #673AB7; - background-color: rgba(103, 58, 183, .2) -} - -.skinHeader-withBackground .paper-icon-button-light:focus { - color: #fff; - background-color: rgba(255, 255, 255, .2) -} - -.fab, -.raised { - background: #d8d8d8; - color: inherit -} - -.fab:focus, -.raised:focus { - background: #ccc; - color: inherit -} - -.button-submit { - background: #673AB7; - color: #fff -} - -.button-submit:focus { - background: #7346C3; - color: #fff -} - -.checkboxLabel { - color: inherit -} - -.checkboxListLabel, -.inputLabel, -.inputLabelUnfocused, -.paperListLabel, -.textareaLabelUnfocused { - color: #555; - color: rgba(0, 0, 0, .7) -} - -.button-link, -.inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: #673AB7 -} - -.checkboxOutline { - border-color: currentColor -} - -.paperList, -.visualCardBox { - background-color: #D1C4E9 -} - -.defaultCardBackground1 { - background-color: #009688 -} - -.defaultCardBackground2 { - background-color: #D32F2F -} - -.defaultCardBackground3 { - background-color: #0288D1 -} - -.defaultCardBackground4 { - background-color: #388E3C -} - -.defaultCardBackground5 { - background-color: #F57F17 -} - -.formDialogHeader:not(.formDialogHeader-clear) { - background-color: #673AB7; - color: #fff -} - -.formDialogFooter:not(.formDialogFooter-clear) { - background-color: #f0f0f0; - border-top: 1px solid #ddd; - border-top: 1px solid rgba(0, 0, 0, .08); - color: inherit -} - -.cardText-secondary, -.fieldDescription, -.guide-programNameCaret, -.listItem .secondary, -.nowPlayingBarSecondaryText, -.programSecondaryTitle, -.secondaryText { - color: #888; - color: rgba(0, 0, 0, .54) -} - -.actionsheetDivider { - background: #ddd; - background: rgba(0, 0, 0, .14) -} - -.listItem:focus { - background: #ddd -} - -.cardFooter-vibrant .cardText-secondary { - color: inherit; - opacity: .5 -} - -.formDialogHeader a, -.toast { - color: #fff -} - -.actionSheetMenuItem:hover { - background-color: #ddd -} - -.toast { - background: #303030; - color: rgba(255, 255, 255, .87) -} - -.appfooter { - background: #282828; - color: #ccc; - color: rgba(255, 255, 255, .78) -} - -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - -.nowPlayingBarSecondaryText { - color: #999 -} - -.itemSelectionPanel { - border: 1px solid #673AB7 -} - -.selectionCommandsPanel { - background: #673AB7; - color: #fff -} - -.upNextDialog-countdownText { - color: #673AB7 -} - -.alphaPickerButton { - color: #555; - color: rgba(0, 0, 0, .7); - background-color: transparent -} - -.alphaPickerButton-selected, -.alphaPickerButton-tv:focus { - background-color: #673AB7; - color: #fff !important -} - -.detailTableBodyRow-shaded:nth-child(even) { - background: #f8f8f8 -} - -.listItem-border { - border-color: #f0f0f0 !important -} - -.progressring-spiner { - border-color: #673AB7 -} - -.mediaInfoText { - color: #333; - background: #fff -} - -.mediaInfoTimerIcon, -.starIcon { - color: #CB272A -} - -.emby-input, -.emby-textarea { - color: inherit; - background: #fff; - border: .07em solid rgba(0, 0, 0, .158); - -webkit-border-radius: .15em; - border-radius: .15em -} - -.emby-input:focus, -.emby-textarea:focus { - border-color: #673AB7 -} - -.emby-select-withcolor { - color: inherit; - background: #fff; - border: .07em solid rgba(0, 0, 0, .158) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.emby-select-withcolor:focus { - border-color: #673AB7 -} - -.emby-select-withcolor>option { - color: #000; - background: #fff -} - -.emby-select-tv-withcolor:focus { - background-color: #673AB7; - color: #fff -} - -.emby-checkbox:focus+span+.emby-checkbox-focushelper { - background-color: rgba(103, 58, 183, .26) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.itemProgressBarForeground { - background-color: #673AB7 -} - -.itemProgressBarForeground-recording { - background-color: #CB272A -} - -.countIndicator, -.fullSyncIndicator, -.playedIndicator { - background: #673AB7 -} - -.fullSyncIndicator { - color: #fff -} - -.mainDrawer { - background: #fff -} - -.navMenuOption:hover { - background: #f2f2f2 -} - -.navMenuOption-selected { - background: #673AB7 !important; - color: #fff -} - -.emby-button-focusscale:focus { - background: #673AB7; - color: #fff -} - -.emby-tab-button { - color: #fff; - color: rgba(255, 255, 255, .54) -} - -.emby-tab-button-active, -.emby-tab-button-active.emby-button-tv { - color: #fff; - color: rgba(255, 255, 255, 1) -} - -.emby-tab-button.emby-button-tv:focus { - color: #fff; - color: rgba(255, 255, 255, 1); - background: 0 0 -} - -.channelPrograms, -.guide-channelHeaderCell, -.programCell { - border-color: rgba(0, 0, 0, .12) -} - -.programCell-sports { - background: #3949AB !important -} - -.programCell-movie { - background: #5E35B1 !important -} - -.programCell-kids { - background: #039BE5 !important -} - -.programCell-news { - background: #43A047 !important -} - -.programCell-active { - background: rgba(0, 0, 0, .1) !important -} - -.guide-channelHeaderCell:focus, -.programCell:focus { - background-color: #673AB7 !important; - color: #fff !important -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555 -} - -.guide-headerTimeslots { - color: inherit -} - -.guide-date-tab-button { - color: #555; - color: rgba(0, 0, 0, .54) -} - -.guide-date-tab-button.emby-tab-button-active, -.guide-date-tab-button:focus { - color: #673AB7 -} - -.guide-date-tab-button.emby-button-tv:focus { - background-color: #673AB7; - color: #fff -} - -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#EDE7F6)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #EDE7F6); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #EDE7F6); - background: linear-gradient(rgba(0, 0, 0, 0), #EDE7F6) -} - -.infoBanner { - color: #000; - background: #fff3a5; - padding: 1em; - -webkit-border-radius: .25em; - border-radius: .25em -} - -.ratingbutton-icon-withrating { - color: #c33 -} - -.downloadbutton-icon-complete, -.downloadbutton-icon-on { - color: #4285F4 -} - -.playstatebutton-icon-played { - color: #c33 -} - -.repeatButton-active { - color: #4285F4 -} - -.card:focus .card-focuscontent { - border-color: #673AB7 -} diff --git a/src/components/themes/light-red/theme.css b/src/components/themes/light-red/theme.css deleted file mode 100644 index bd98f6682..000000000 --- a/src/components/themes/light-red/theme.css +++ /dev/null @@ -1,439 +0,0 @@ -.skinHeader, -html { - color: #222; - color: rgba(0, 0, 0, .87) -} - -.wizardStartForm, -.ui-corner-all, -.ui-shadow { - background-color: #c33 -} - -.emby-collapsible-button { - border-color: #ccc; - border-color: rgba(0, 0, 0, .158) -} - -.collapseContent { - background-color: #eaeaea -} - -.skinHeader-withBackground { - background-color: #c33; - -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); - color: #fff -} - -.osdHeader { - -webkit-box-shadow: none !important; - box-shadow: none !important -} - -.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)) -} - -.pageTitleWithDefaultLogo { - background-image: url(../logowhite.png) -} - -.backgroundContainer, -html { - background-color: #f2f2f2 -} - -.backgroundContainer.withBackdrop { - background-color: rgba(255, 255, 255, .94) -} - -.dialog { - background-color: #f0f0f0 -} - -.paper-icon-button-light:focus { - color: #c33; - background-color: rgba(204, 51, 51, .2) -} - -.skinHeader-withBackground .paper-icon-button-light:focus { - color: #fff; - background-color: rgba(255, 255, 255, .2) -} - -.fab, -.raised { - background: #d8d8d8; - color: inherit -} - -.fab:focus, -.raised:focus { - background: #ccc; - color: inherit -} - -.button-submit { - background: #c33; - color: #fff -} - -.button-submit:focus { - background: #D83F3F; - color: #fff -} - -.checkboxLabel { - color: inherit -} - -.checkboxListLabel, -.inputLabel, -.inputLabelUnfocused, -.paperListLabel, -.textareaLabelUnfocused { - color: #555 -} - -.button-link, -.inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: #c33 -} - -.checkboxOutline { - border-color: currentColor -} - -.paperList, -.visualCardBox { - background-color: #fff -} - -.defaultCardBackground1 { - background-color: #009688 -} - -.defaultCardBackground2 { - background-color: #D32F2F -} - -.defaultCardBackground3 { - background-color: #0288D1 -} - -.defaultCardBackground4 { - background-color: #388E3C -} - -.defaultCardBackground5 { - background-color: #F57F17 -} - -.formDialogHeader:not(.formDialogHeader-clear) { - background-color: #c33; - color: #fff -} - -.formDialogFooter:not(.formDialogFooter-clear) { - background-color: #f0f0f0; - border-top: 1px solid #ddd; - border-top: 1px solid rgba(0, 0, 0, .08); - color: inherit -} - -.cardText-secondary, -.fieldDescription, -.guide-programNameCaret, -.listItem .secondary, -.nowPlayingBarSecondaryText, -.programSecondaryTitle, -.secondaryText { - color: #888 -} - -.actionsheetDivider { - background: #ddd; - background: rgba(0, 0, 0, .14) -} - -.cardFooter-vibrant .cardText-secondary { - color: inherit; - opacity: .5 -} - -.formDialogHeader a, -.toast { - color: #fff -} - -.actionSheetMenuItem:hover { - background-color: #ddd -} - -.toast { - background: #303030; - color: rgba(255, 255, 255, .87) -} - -.appfooter { - background: #282828; - color: #ccc; - color: rgba(255, 255, 255, .78) -} - -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - -.nowPlayingBarSecondaryText { - color: #999 -} - -.itemSelectionPanel { - border: 1px solid #c33 -} - -.selectionCommandsPanel { - background: #c33; - color: #fff -} - -.upNextDialog-countdownText { - color: #c33 -} - -.alphaPickerButton { - color: #555; - color: rgba(0, 0, 0, .7); - background-color: transparent -} - -.alphaPickerButton-selected, -.alphaPickerButton-tv:focus { - background-color: #c33; - color: #fff !important -} - -.detailTableBodyRow-shaded:nth-child(even) { - background: #f8f8f8 -} - -.listItem-border { - border-color: #f0f0f0 !important -} - -.listItem:focus { - background: #ddd -} - -.progressring-spiner { - border-color: #c33 -} - -.mediaInfoText { - color: #333; - background: #fff -} - -.mediaInfoTimerIcon, -.starIcon { - color: #CB272A -} - -.emby-input, -.emby-textarea { - color: inherit; - background: #fff; - border: .07em solid rgba(0, 0, 0, .158); - -webkit-border-radius: .15em; - border-radius: .15em -} - -.emby-input:focus, -.emby-textarea:focus { - border-color: #c33 -} - -.emby-select-withcolor { - color: inherit; - background: #fff; - border: .07em solid rgba(0, 0, 0, .158) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.emby-select-withcolor:focus { - border-color: #c33 -} - -.emby-select-withcolor>option { - color: #000; - background: #fff -} - -.emby-select-tv-withcolor:focus { - background-color: #c33; - color: #fff -} - -.emby-checkbox:focus+span+.emby-checkbox-focushelper { - background-color: rgba(204, 51, 51, .26) -} - -.emby-checkbox:checked+span+span+.checkboxOutline, -.itemProgressBarForeground { - background-color: #c33 -} - -.itemProgressBarForeground-recording { - background-color: #CB272A -} - -.countIndicator, -.playedIndicator { - background: #c33 -} - -.fullSyncIndicator { - background: #c33; - color: #fff -} - -.mainDrawer { - background: #fff -} - -.navMenuOption:hover { - background: #f2f2f2 -} - -.navMenuOption-selected { - background: #c33 !important; - color: #fff -} - -.emby-button-focusscale:focus { - background: #c33; - color: #fff -} - -.emby-tab-button { - color: #fff; - color: rgba(255, 255, 255, .5) -} - -.emby-tab-button-active, -.emby-tab-button-active.emby-button-tv { - color: #fff; - color: rgba(255, 255, 255, 1) -} - -.emby-tab-button.emby-button-tv:focus { - color: #fff; - color: rgba(255, 255, 255, 1); - background: 0 0 -} - -.channelPrograms, -.guide-channelHeaderCell, -.programCell { - border-color: rgba(0, 0, 0, .12) -} - -.programCell-sports { - background: #3949AB !important -} - -.programCell-movie { - background: #5E35B1 !important -} - -.programCell-kids { - background: #039BE5 !important -} - -.programCell-news { - background: #43A047 !important -} - -.programCell-active { - background: rgba(0, 0, 0, .1) !important -} - -.guide-channelHeaderCell:focus, -.programCell:focus { - background-color: #c33 !important; - color: #fff !important -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555 -} - -.guide-headerTimeslots { - color: inherit -} - -.guide-date-tab-button { - color: #555; - color: rgba(0, 0, 0, .54) -} - -.guide-date-tab-button.emby-tab-button-active, -.guide-date-tab-button:focus { - color: #00a4dc -} - -.guide-date-tab-button.emby-button-tv:focus { - background-color: #00a4dc; - color: #fff -} - -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); - background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2) -} - -.infoBanner { - color: #000; - background: #fff3a5; - padding: 1em; - -webkit-border-radius: .25em; - border-radius: .25em -} - -.ratingbutton-icon-withrating { - color: #c33 -} - -.downloadbutton-icon-complete, -.downloadbutton-icon-on { - color: #4285F4 -} - -.playstatebutton-icon-played { - color: #c33 -} - -.repeatButton-active { - color: #4285F4 -} - -.card:focus .card-focuscontent { - border-color: #c33 -}