Change UI accents, update artwork
Replaced "Emby Green" with blue taken from artwork. Replaced artwork. Kept old "Emby Green" themes for future reuse and renamed them "classic". Removed CSS element that was making the Jellyfin banner too small.
This commit is contained in:
parent
bef8c4189b
commit
df14540b7c
32 changed files with 1036 additions and 179 deletions
|
@ -59,8 +59,8 @@ html {
|
|||
}
|
||||
|
||||
.paper-icon-button-light:focus {
|
||||
color: #52B54B;
|
||||
background-color: rgba(82, 181, 75, .2)
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0,164,220, .2)
|
||||
}
|
||||
|
||||
.fab,
|
||||
|
@ -75,12 +75,12 @@ html {
|
|||
}
|
||||
|
||||
.button-submit {
|
||||
background: #52B54B;
|
||||
background: #00a4dc;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.button-submit:focus {
|
||||
background: #5EC157;
|
||||
background: #0cb0e8;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
|
@ -100,7 +100,7 @@ html {
|
|||
.inputLabelFocused,
|
||||
.selectLabelFocused,
|
||||
.textareaLabelFocused {
|
||||
color: #52B54B
|
||||
color: #00a4dc
|
||||
}
|
||||
|
||||
.checkboxOutline {
|
||||
|
@ -181,16 +181,16 @@ html {
|
|||
}
|
||||
|
||||
.itemSelectionPanel {
|
||||
border: 1px solid #52B54B
|
||||
border: 1px solid #00a4dc
|
||||
}
|
||||
|
||||
.selectionCommandsPanel {
|
||||
background: #52B54B;
|
||||
background: #00a4dc;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.upNextDialog-countdownText {
|
||||
color: #52B54B
|
||||
color: #00a4dc
|
||||
}
|
||||
|
||||
.alphaPickerButton {
|
||||
|
@ -204,7 +204,7 @@ html {
|
|||
}
|
||||
|
||||
.alphaPickerButton-tv:focus {
|
||||
background-color: #52B54B;
|
||||
background-color: #00a4dc;
|
||||
color: #fff !important
|
||||
}
|
||||
|
||||
|
@ -222,12 +222,12 @@ html {
|
|||
}
|
||||
|
||||
.progressring-spiner {
|
||||
border-color: #52B54B
|
||||
border-color: #00a4dc
|
||||
}
|
||||
|
||||
.button-flat-accent,
|
||||
.button-link {
|
||||
color: #52B54B
|
||||
color: #00a4dc
|
||||
}
|
||||
|
||||
.mediaInfoText {
|
||||
|
@ -251,7 +251,7 @@ html {
|
|||
|
||||
.emby-input:focus,
|
||||
.emby-textarea:focus {
|
||||
border-color: #52B54B
|
||||
border-color: #00a4dc
|
||||
}
|
||||
|
||||
.emby-select-withcolor {
|
||||
|
@ -266,25 +266,25 @@ html {
|
|||
}
|
||||
|
||||
.emby-select-withcolor:focus {
|
||||
border-color: #52B54B !important
|
||||
border-color: #00a4dc !important
|
||||
}
|
||||
|
||||
.emby-select-tv-withcolor:focus {
|
||||
background-color: #52B54B !important;
|
||||
background-color: #00a4dc !important;
|
||||
color: #fff !important
|
||||
}
|
||||
|
||||
.emby-checkbox:checked+span+span+.checkboxOutline {
|
||||
border-color: #52B54B
|
||||
border-color: #00a4dc
|
||||
}
|
||||
|
||||
.emby-checkbox:focus+span+.emby-checkbox-focushelper {
|
||||
background-color: rgba(82, 181, 75, .26)
|
||||
background-color: rgba(0,164,220, .26)
|
||||
}
|
||||
|
||||
.emby-checkbox:checked+span+span+.checkboxOutline,
|
||||
.itemProgressBarForeground {
|
||||
background-color: #52B54B
|
||||
background-color: #00a4dc
|
||||
}
|
||||
|
||||
.itemProgressBarForeground-recording {
|
||||
|
@ -294,7 +294,7 @@ html {
|
|||
.countIndicator,
|
||||
.fullSyncIndicator,
|
||||
.playedIndicator {
|
||||
background: #52B54B
|
||||
background: #00a4dc
|
||||
}
|
||||
|
||||
.fullSyncIndicator {
|
||||
|
@ -310,12 +310,12 @@ html {
|
|||
}
|
||||
|
||||
.navMenuOption-selected {
|
||||
background: #52B54B !important;
|
||||
background: #00a4dc !important;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.emby-button-focusscale:focus {
|
||||
background: #52B54B;
|
||||
background: #00a4dc;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
|
@ -325,7 +325,7 @@ html {
|
|||
}
|
||||
|
||||
.emby-tab-button-active {
|
||||
color: #52B54B
|
||||
color: #00a4dc
|
||||
}
|
||||
|
||||
.emby-tab-button-active.emby-button-tv {
|
||||
|
@ -333,7 +333,7 @@ html {
|
|||
}
|
||||
|
||||
.emby-tab-button.emby-button-tv:focus {
|
||||
color: #52B54B;
|
||||
color: #00a4dc;
|
||||
background: 0 0
|
||||
}
|
||||
|
||||
|
@ -365,7 +365,7 @@ html {
|
|||
|
||||
.guide-channelHeaderCell:focus,
|
||||
.programCell:focus {
|
||||
background-color: #52B54B !important;
|
||||
background-color: #00a4dc !important;
|
||||
color: #fff !important
|
||||
}
|
||||
|
||||
|
@ -385,11 +385,11 @@ html {
|
|||
|
||||
.guide-date-tab-button.emby-tab-button-active,
|
||||
.guide-date-tab-button:focus {
|
||||
color: #52B54B
|
||||
color: #00a4dc
|
||||
}
|
||||
|
||||
.guide-date-tab-button.emby-button-tv:focus {
|
||||
background-color: #52B54B;
|
||||
background-color: #00a4dc;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
|
@ -426,7 +426,7 @@ html {
|
|||
}
|
||||
|
||||
.card:focus .card-focuscontent {
|
||||
border-color: #52B54B
|
||||
border-color: #00a4dc
|
||||
}
|
||||
|
||||
.layout-desktop ::-webkit-scrollbar {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue