Made a new theme

[sindre_mehus]

one last theme added to the theme pack. hope you guys will enjoy them.

Thanks! Maybe it's just me (or my monitor), but I find the high contrast between the red text and the blue background a bit hard to look at.

[thomasbruce]

fixed the colours in the last theme i added... (see screenshot)

[sindre_mehus]

Thanks! Added them all to Subsonic 4.

[Caleb]

I'm using the Groove theme, and the font color on the lyrics popup (with the results) is black, just like the background, so it's not visible.

[thomasbruce]

I'm using the Groove theme, and the font color on the lyrics popup (with the results) is black, just like the background, so it's not visible.

hi, I've fixed that in all the themes,also some other minor fixes. The theme pack link is updated with the new ones.


I noticed that in the newest subsonic release the code for the scrollbars have been removed from the themes because there was a problem with the quick links in artist frame. if anyone know how to make the quick links work with the scrollbars. please let me know. it would be great to be able to have the themes fully functional without the default scrollbars that look horrible and are all over the place. the code for the scrollbars I've used is this:

body {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 10px;
overflow-y: auto;
overflow-x: hidden;
}


html {
overflow-y: auto;
background-color: transparent;
}


::-webkit-scrollbar {
width: 10px;
height: 10px;
}


::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 30px;
display: block;
background-color: transparent;
}


::-webkit-scrollbar-track-piece {
background-color: #3b3b3b;
-webkit-border-radius: 6px;
}


::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #666;
border: 1px solid #eee;
-webkit-border-radius: 6px;
}

[VaSh]

Hey! You're really cool in what u're doning. Keep going!
Few quastions

1) Is that the real font and icons size on the screens, you've attached? Cause mine is a bit bigger after activating theme. And it's not looks so charmy like on your screens (:
2) oh, that ugly scrolls!... where should u i put in css code, u've provided? i didnt get any config on windows machine for this. list of subsonic program files

Code: Select all

$ pwd && ls | sed 's/ /\n/g'

/cygdrive/c/Program Files/Subsonic
Getting
Started.html
LICENSE.TXT
README.TXT
build_number.txt
log
subsonic-agent.exe
subsonic-agent.exe.vmoptions
subsonic-booter-jar-with-dependencies.jar
subsonic-service.exe
subsonic-service.exe.vmoptions
subsonic.url
subsonic.war
uninstall.exe
version.txt

3.14@314-PC /cygdrive/c/Program Files/Subsonic


Thanks!

[BKKKPewsey]

Should be in the root subsonic directory eg. c:\subsonic\jetty\xxxx\webapp\style\

[thomasbruce]

Should be in the root subsonic directory eg. c:\subsonic\jetty\xxxx\webapp\style\

then find the theme folder and add the code to the CSS file in the theme you want to use it with

[VaSh]

oh crap (: missed this. thanks a lot guys.
giving it a push right away.

[bebopblues]

Stupid question, but how do I install this theme?

nevermind, realized it came with install text.