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
|
@ -44,8 +44,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,
|
||||
|
@ -60,12 +60,12 @@ html {
|
|||
}
|
||||
|
||||
.button-submit {
|
||||
background: #52B54B;
|
||||
background: #00a4dc;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.button-submit:focus {
|
||||
background: #5EC157;
|
||||
background: #0cb0e8;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
|
@ -85,7 +85,7 @@ html {
|
|||
.inputLabelFocused,
|
||||
.selectLabelFocused,
|
||||
.textareaLabelFocused {
|
||||
color: #52B54B
|
||||
color: #00a4dc
|
||||
}
|
||||
|
||||
.checkboxOutline {
|
||||
|
@ -166,16 +166,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 {
|
||||
|
@ -189,7 +189,7 @@ html {
|
|||
}
|
||||
|
||||
.alphaPickerButton-tv:focus {
|
||||
background-color: #52B54B;
|
||||
background-color: #00a4dc;
|
||||
color: #fff !important
|
||||
}
|
||||
|
||||
|
@ -207,12 +207,12 @@ html {
|
|||
}
|
||||
|
||||
.progressring-spiner {
|
||||
border-color: #52B54B
|
||||
border-color: #00a4dc
|
||||
}
|
||||
|
||||
.button-flat-accent,
|
||||
.button-link {
|
||||
color: #52B54B
|
||||
color: #00a4dc
|
||||
}
|
||||
|
||||
.mediaInfoText {
|
||||
|
@ -236,7 +236,7 @@ html {
|
|||
|
||||
.emby-input:focus,
|
||||
.emby-textarea:focus {
|
||||
border-color: #52B54B
|
||||
border-color: #00a4dc
|
||||
}
|
||||
|
||||
.emby-select-withcolor {
|
||||
|
@ -251,25 +251,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 {
|
||||
|
@ -279,7 +279,7 @@ html {
|
|||
.countIndicator,
|
||||
.fullSyncIndicator,
|
||||
.playedIndicator {
|
||||
background: #52B54B
|
||||
background: #00a4dc
|
||||
}
|
||||
|
||||
.fullSyncIndicator {
|
||||
|
@ -295,12 +295,12 @@ html {
|
|||
}
|
||||
|
||||
.navMenuOption-selected {
|
||||
background: #52B54B !important;
|
||||
background: #00a4dc !important;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.emby-button-focusscale:focus {
|
||||
background: #52B54B;
|
||||
background: #00a4dc;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
|
@ -310,7 +310,7 @@ html {
|
|||
}
|
||||
|
||||
.emby-tab-button-active {
|
||||
color: #52B54B
|
||||
color: #00a4dc
|
||||
}
|
||||
|
||||
.emby-tab-button-active.emby-button-tv {
|
||||
|
@ -318,7 +318,7 @@ html {
|
|||
}
|
||||
|
||||
.emby-tab-button.emby-button-tv:focus {
|
||||
color: #52B54B;
|
||||
color: #00a4dc;
|
||||
background: 0 0
|
||||
}
|
||||
|
||||
|
@ -350,7 +350,7 @@ html {
|
|||
|
||||
.guide-channelHeaderCell:focus,
|
||||
.programCell:focus {
|
||||
background-color: #52B54B !important;
|
||||
background-color: #00a4dc !important;
|
||||
color: #fff !important
|
||||
}
|
||||
|
||||
|
@ -370,11 +370,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
|
||||
}
|
||||
|
||||
|
@ -411,7 +411,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