Made a new theme

General discussions.

Moderator: moderators

Made a new theme

Postby thomasbruce » Tue Apr 13, 2010 9:49 pm

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")

Image

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

Image

added another theme to the download link!

Image

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

Image

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

Image
Last edited by thomasbruce on Fri Sep 17, 2010 5:20 pm, edited 7 times in total.
thomasbruce
 
Posts: 64
Joined: Fri Apr 09, 2010 3:09 pm

Postby sindre_mehus » Wed Apr 14, 2010 2:20 pm

It looks very nice!

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

Thanks,
Sindre
Subsonic developer
User avatar
sindre_mehus
 
Posts: 1955
Joined: Tue Nov 29, 2005 6:19 pm
Location: Oslo, Norway

Postby thomasbruce » Wed Apr 14, 2010 5:37 pm

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
thomasbruce
 
Posts: 64
Joined: Fri Apr 09, 2010 3:09 pm

Postby 3R3 » Wed Apr 14, 2010 7:26 pm

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
User avatar
3R3
 
Posts: 332
Joined: Mon May 04, 2009 2:09 pm
Location: Germany

Postby thomasbruce » Wed Apr 14, 2010 8:03 pm

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!
Last edited by thomasbruce on Thu Apr 15, 2010 12:29 am, edited 1 time in total.
thomasbruce
 
Posts: 64
Joined: Fri Apr 09, 2010 3:09 pm

Postby thomasbruce » Wed Apr 14, 2010 8:18 pm

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;
}
thomasbruce
 
Posts: 64
Joined: Fri Apr 09, 2010 3:09 pm

Postby sindre_mehus » Thu Apr 15, 2010 8:43 am

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
Subsonic developer
User avatar
sindre_mehus
 
Posts: 1955
Joined: Tue Nov 29, 2005 6:19 pm
Location: Oslo, Norway

Postby thomasbruce » Thu Apr 15, 2010 10:01 am

Nice, thanks. Looks much better!
thomasbruce
 
Posts: 64
Joined: Fri Apr 09, 2010 3:09 pm

Postby deriksen » Sun Apr 18, 2010 7:02 pm

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
 
Posts: 108
Joined: Mon Jan 19, 2009 7:31 am
Location: Kristiansand, Norway

Postby thomasbruce » Thu Apr 22, 2010 2:13 pm

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 :)
thomasbruce
 
Posts: 64
Joined: Fri Apr 09, 2010 3:09 pm

Possible Bug?

Postby raveen69 » Sun Apr 25, 2010 12:45 am

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.
raveen69
 
Posts: 2
Joined: Sat Apr 24, 2010 9:17 pm

Postby thomasbruce » Sun Apr 25, 2010 3:58 pm

added a new theme to the download link (see first post for image and info)
thomasbruce
 
Posts: 64
Joined: Fri Apr 09, 2010 3:09 pm

Postby einsteinx2 » Sun Apr 25, 2010 4:53 pm

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.
User avatar
einsteinx2
 
Posts: 214
Joined: Thu Mar 25, 2010 2:31 am

Postby thomasbruce » Mon Apr 26, 2010 1:30 pm

one more theme added to the theme pack!
thomasbruce
 
Posts: 64
Joined: Fri Apr 09, 2010 3:09 pm

Postby thomasbruce » Tue Apr 27, 2010 8:56 pm

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 :D

cheers!
thomasbruce
 
Posts: 64
Joined: Fri Apr 09, 2010 3:09 pm

Next

Return to General

Who is online

Users browsing this forum: No registered users and 30 guests