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
|
@ -65,8 +65,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,
|
||||
|
@ -81,12 +81,12 @@ html {
|
|||
}
|
||||
|
||||
.button-submit {
|
||||
background: #52B54B;
|
||||
background: #00a4dc;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.button-submit:focus {
|
||||
background: #5EC157;
|
||||
background: #0cb0e8;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
|
@ -106,7 +106,7 @@ html {
|
|||
.inputLabelFocused,
|
||||
.selectLabelFocused,
|
||||
.textareaLabelFocused {
|
||||
color: #52B54B
|
||||
color: #00a4dc
|
||||
}
|
||||
|
||||
.checkboxOutline {
|
||||
|
@ -185,16 +185,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 {
|
||||
|
@ -205,7 +205,7 @@ html {
|
|||
|
||||
.alphaPickerButton-selected,
|
||||
.alphaPickerButton-tv:focus {
|
||||
background-color: #52B54B;
|
||||
background-color: #00a4dc;
|
||||
color: #fff !important
|
||||
}
|
||||
|
||||
|
@ -223,12 +223,12 @@ html {
|
|||
}
|
||||
|
||||
.progressring-spiner {
|
||||
border-color: #52B54B
|
||||
border-color: #00a4dc
|
||||
}
|
||||
|
||||
.button-flat-accent,
|
||||
.button-link {
|
||||
color: #52B54B
|
||||
color: #00a4dc
|
||||
}
|
||||
|
||||
.mediaInfoText {
|
||||
|
@ -252,7 +252,7 @@ html {
|
|||
|
||||
.emby-input:focus,
|
||||
.emby-textarea:focus {
|
||||
border-color: #52B54B
|
||||
border-color: #00a4dc
|
||||
}
|
||||
|
||||
.emby-select-withcolor {
|
||||
|
@ -263,7 +263,7 @@ html {
|
|||
|
||||
.emby-checkbox:checked+span+span+.checkboxOutline,
|
||||
.emby-select-withcolor:focus {
|
||||
border-color: #52B54B
|
||||
border-color: #00a4dc
|
||||
}
|
||||
|
||||
.emby-select-withcolor>option {
|
||||
|
@ -272,17 +272,17 @@ html {
|
|||
}
|
||||
|
||||
.emby-select-tv-withcolor:focus {
|
||||
background-color: #52B54B;
|
||||
background-color: #00a4dc;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.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 {
|
||||
|
@ -292,7 +292,7 @@ html {
|
|||
.countIndicator,
|
||||
.fullSyncIndicator,
|
||||
.playedIndicator {
|
||||
background: #52B54B
|
||||
background: #00a4dc
|
||||
}
|
||||
|
||||
.fullSyncIndicator {
|
||||
|
@ -312,12 +312,12 @@ html {
|
|||
}
|
||||
|
||||
.navMenuOption-selected {
|
||||
background: #52B54B !important;
|
||||
background: #00a4dc !important;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.emby-button-focusscale:focus {
|
||||
background: #52B54B;
|
||||
background: #00a4dc;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
|
@ -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
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue