Subsonic Forum

made a couple of new themes for subsonic. if anyone want's to try them out you can download it from here:

http://files.me.com/thomasbrucedyrud/l6sqjg


note: i made som custom scrollbars with webkit to make it look nicer. i think it only works with browsers based on webkit like safari and chrome.

(theme is based on "cool and clean" and "monochrome black")



a version without the big headphones (added to the .zip file in download link)



added another theme to the download link!



one more theme in a different colour scheme. added to download link!



added one last theme to the theme pack. (update: fixed colours 29.04.2010)

It looks very nice!

I would love to include it in the next release of Subsonic. Is that ok with you?

Thanks,
Sindre

of course you can

added a version with simpler icons as you see in the image above.

download both themes/styles from this link:

http://files.me.com/thomasbrucedyrud/l6sqjg

This looks awesome, it is both readable and stylish.
I found one bug though, the shortcut arrows to jump to the top from anywhere in the index in the left pane do not work at all, at least for me. Browser is Google Chrome, but since the other themes work and both of your Groove ones dont, i think its some css bug.

Maybe you could put a short "install notes/readme" in the archive of your theme? it took me a while to figure out how to integrate it...

Thanks, 3R3

3R3 wrote:This looks awesome, it is both readable and stylish.

Since I didnt find anything about it in the mods-forum, I'll ask you the bruce:
Did you replace an existing theme with yours or did you insert it properly and made it selectable via subsonic web-interface settings?

And if so, how did you do it?
Thanks, 3R3

thank you

i inserted it properly. i use a mac, i don't know if there is a difference with lcation of theme files on other platforms.

go to: macintosh hd/library/application support/subsonic/jetty/1378/webapp/

when you open the .zip file and you look inside the theme folder there are folder with the same name as you will find in the location mentioned above. just drag and drop the files in the folder in the same folders you find in "webapp". remember to only copy the files and not the folder so you don't overwrite the other themes and files.

i hope that helps you!

3R3 wrote:I found one bug though, the shortcut arrows to jump to the top from anywhere in the index in the left pane do not work at all, at least for me. Browser is Google Chrome, but since the other themes work and both of your Groove ones dont, i think its some css bug.

Maybe you could put a short "install notes/readme" in the archive of your theme? it took me a while to figure out how to integrate it...3

-added a readme/install note

i noticed, and also the shortcut letters do not work, i think it's because of the custom scrollbars. in browsers based on webkit like safari and chrome you can now customize scrollbars with css code, in opera,firefox,ie you don't see the scrollbars and the shortcut arrows and letters works fine. i'm not that familiar with css, only know some basic stuff and i'm not sure how to fix it. i will try the best i can but if someone else knows please post how to fix it.

i searched the web to find the code for the scrollbars and inserted it. heres the code for scrollbars (vertical scrolling is also disabled but can be fixed på changing "overflow-x: hidden; to "auto or scroll"):

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;
}

Thanks Thomas. I've added the two Groove themes to the "official" Subsonic.

I did a couple of simplifications and changes (better table background in Status and About page etc), so if you do more modifications it would be good if you could base it on the files here:

http://subsonic.svn.sourceforge.net/vie ... nic/theme/

http://subsonic.svn.sourceforge.net/vie ... app/style/

Thanks again for contributing!
Sindre

Nice, thanks. Looks much better!

Hi Thomas.

This actually made me smile! Having designed the, very basic, I must add, Cool&Clean theme, having someone touching it up and giving it new life like this is very amusing to me.

Very nicely done! Thank you for finding some valule in the Cool&Clean to keep and preserve!

Keep up the good work.

//D

deriksen wrote:Hi Thomas.

This actually made me smile! Having designed the, very basic, I must add, Cool&Clean theme, having someone touching it up and giving it new life like this is very amusing to me.

Very nicely done! Thank you for finding some valule in the Cool&Clean to keep and preserve!

Keep up the good work.

//D

Thank you! I'm glad you liked it

I've got the new version of Subsonic 4.0 Beta 1 on a Mac server 10.6.3 and I can't get the Left 'jump to' alphabet browser to work. Clicking on any of the alphabet letters does nothing. Log doesn't say anything related to this.


i didn't real the full thread (RTFM). Nevermind... I'll see what i can find also.

added a new theme to the download link (see first post for image and info)

I love this theme, but I can't get the letter headings on the left to work with it. Has anyone figured that out yet? There doesn't seem to be any reason for it not to work, it just doesn't. You click on a letter and it does nothing.

one more theme added to the theme pack!

one last theme added to the theme pack. hope you guys will enjoy them. been sick for a about a week now and had nothing else to do than playing wth my computer

cheers!