mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Change UI accents, update artwork

Browse source 
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:
Sparky 2019-01-06 20:45:38 -05:00
parent bef8c4189b
commit df14540b7c
32 changed files with 1036 additions and 179 deletions
Download patch file Download diff file Expand all files Collapse all files

45
dashboard-ui/css/dashboard.css
View file

@ -17,9 +17,8 @@ progress {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: 2px solid #ccc;
-webkit-border-radius: .3em;
border-radius: .3em;
-webkit-border-radius: .4em;
border-radius: .4em;
margin: 0;
background: #ccc !important
}
@ -34,20 +33,19 @@ progress::-webkit-progress-bar {
progress::-moz-progress-bar {
border-radius: .4em;
background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%)
background-color: #00a4dc
}
progress::-webkit-progress-value {
-webkit-border-radius: .4em;
border-radius: .4em;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054));
background-image: -webkit-linear-gradient(center bottom, #2bc253 37%, #54f054 69%)
background-color: #00a4dc
}
progress[aria-valuenow]:before {
-webkit-border-radius: .4em;
border-radius: .4em;
background-image: -o-linear-gradient(center bottom, #2bc253 37%, #54f054 69%)
background-color: #00a4dc
}
.localnav {
@ -417,41 +415,32 @@ div[data-role=controlgroup] a.ui-btn-active {
}
.transcodingProgress::-moz-progress-bar {
border-radius: 0;
background-image: -moz-linear-gradient(center bottom, #dd4919 37%, #dd4919 69%) !important
border-radius: .3em;
background-color: #dd4919
}
.transcodingProgress::-webkit-progress-value {
-webkit-border-radius: 0;
border-radius: 0;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4919), color-stop(1, #dd4919)) !important;
background-image: -webkit-linear-gradient(center bottom, #dd4919 37%, #dd4919 69%) !important
-webkit-border-radius: .3em;
border-radius: .3em;
background-color: #dd4919
}
.transcodingProgress[aria-valuenow]:before {
-webkit-border-radius: 0;
border-radius: 0;
background-image: -o-linear-gradient(center bottom, #dd4919 37%, #dd4919 69%) !important
-webkit-border-radius: .3em;
border-radius: .3em;
background-color: #dd4919
}
.playbackProgress::-moz-progress-bar {
border-radius: 0;
background-image: none;
background-color: #52B54B
background-color: #00a4dc
}
.playbackProgress::-webkit-progress-value {
-webkit-border-radius: 0;
border-radius: 0;
background-image: none;
background-color: #52B54B
background-color: #00a4dc
}
.playbackProgress[aria-valuenow]:before {
-webkit-border-radius: 0;
border-radius: 0;
background-image: none;
background-color: #52B54B
background-color: #00a4dc
}
@media all and (max-width:34.375em) {
@ -538,4 +527,4 @@ a[data-role=button] {
.pluginPreviewImg {
-webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37)
}
}

BIN
dashboard-ui/css/images/logoblack.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 48 KiB

Before After
Before After

6
dashboard-ui/css/librarybrowser.css
View file

@ -120,10 +120,6 @@
width: 13.2em
}
.pageTitleWithDefaultLogo {
height: 1.22em
}
.skinHeader {
position: fixed;
right: 0;
@ -1066,7 +1062,7 @@
}
.button-accent-flat {
color: #52B54B !important
color: #00a4dc !important
}
.clearLink {

2
dashboard-ui/css/metadataeditor.css
View file

@ -44,7 +44,7 @@
}
.jstree-default .jstree-wholerow-clicked {
background: #52B54B !important
background: #00a4dc !important
}
@media all and (min-width:50em) {