CSS/Design Gurus Needed!

[mudmin]

As part of the new UserSpice 4.0, I added the ability to select front and back end themes! The default ones are okay, but they could definitely use some love to work better with UserSpice. I would like to create a place for people to submit their own CSS files. If anyone wants to modify the ones included in version 4 or submit their own, let me know! You get credit for it and can name it (within reason) whatever you want. The original, non-minified versions can be found here...

https://bootswatch.com/

[mudmin]

By the way, I'm working on going through the SB-admin css files and some of the code itself to fix places where the template was overriding the boostrap colors. For instance, in the admin panel the panels were given classes of panel-green and panel-yellow instead of panel-success and panel-warning. It will take a bit of coding, but this will allow users to get the full effect of their theme choices.

Another fun resource for CSS is http://www.lavishbootstrap.com/. Give it a link to a picture and it gives you a Bootstrap CSS file that matches the color scheme. I think we're going to be able to do some cool stuff with this and it is good for me to have to stick to standards.

[mudmin]

I've found that these stock css starter thingies don't play great with UserSpice. I've done some things to the SB Admin template to make it more standard with boothstrap, but I think I'm going to release the non-minified standard css file along with some colors to search through the code for so you can do find/replace with your own pallets. I've also put a little flag right in the CSS settings that allow you to get a cool little preview of what's available. Check it out...

http://puu.sh/n6Wkr/58cf79810d.png

4.0 should officially release with this feature on Monday.

[mudmin]

Along with the blank pages, I'm including an un-minified version of the standard.css file. If you want to find/replace colors, here's what you do... (I'll do a walkthrough soon)

Whatever color you use for your primary button is also the text color for the site.
Whatever color you use for your success button is the default link color
The navbar color is listed as .navbar-default and is on css line 4502 on the standard css file

2c3e50 Primary
1A242F Primary Hover

3498db Info
217DBB Info Hover

f39c12 Warning
C87F0A Warning Hover

e74c3c Danger
D62C1A Danger Hover

0047b3 Success
003380 Success Hover

95a5a6 Default
798D8F Default Hover

19222E Link Hover Color

[mudmin]

The walkthrough is available here. More features coming soon.
http://www.userspice.org/making-a-new-color-scheme/