Advertisement:

Author Topic: SMF Theme Color Editor  (Read 113790 times)

Offline MrGrumpy

  • Full Member
  • ***
  • Posts: 522
  • Gender: Male
  • AKA stikkki
Re: Online theme colors editor
« Reply #20 on: June 23, 2011, 06:38:53 AM »
That would just a suggestion, how about "SMF Theme Color Editor" instead then as it covers all themes, I'm just thinking of a way to make it more noticeable to members of exactly what it is.
the possession of knowledge is worthless unless imparted upon others
My Custom Themes
2.0 themes only - I don't do 1.1.x

Offline CyberAlien

  • Semi-Newbie
  • *
  • Posts: 71
  • Gender: Male
  • Designer
    • Artodia
Re: SMF Theme Color Editor
« Reply #21 on: June 23, 2011, 06:45:16 AM »
I like that one :)

Offline MrGrumpy

  • Full Member
  • ***
  • Posts: 522
  • Gender: Male
  • AKA stikkki
Re: SMF Theme Color Editor
« Reply #22 on: June 23, 2011, 06:53:21 AM »
Cool, makes it clearer for everyone and should get, what is a great piece of kit for forum owners, used a lot more and help to cut down the support questions for how to recolor themes.
the possession of knowledge is worthless unless imparted upon others
My Custom Themes
2.0 themes only - I don't do 1.1.x

Offline GraphicJunki

  • Semi-Newbie
  • *
  • Posts: 31
    • @Graphicjunki on Twitter
    • GraphicJunki
Re: SMF Theme Color Editor
« Reply #23 on: June 23, 2011, 08:02:22 AM »
Awsome thanks  :D

Offline Willie

  • Semi-Newbie
  • *
  • Posts: 76
Re: SMF Theme Color Editor
« Reply #24 on: June 24, 2011, 12:31:12 AM »
Great idea!  I need to change my 2.0 colors to match my site's logo and was thinking how nice it would be to have just such a program.  I use Rocket Theme Joomla and my template has a "color chooser".  I gave up on the thought of asking for one here at SMF and was just looking for all the places in CSS to modify.   :)  Thanks a lot.   And, for the SMF folks, you got the thread right where I could find it before asking for help!  :)   It is much appreciated!  I will go play with my new toy (tool).  :)

Offline CyberAlien

  • Semi-Newbie
  • *
  • Posts: 71
  • Gender: Male
  • Designer
    • Artodia
Re: SMF Theme Color Editor
« Reply #25 on: June 24, 2011, 07:11:24 AM »
I need to change my 2.0 colors to match my site's logo and was thinking how nice it would be to have just such a program.
There is a function for that. If you want to match blue color of Curve theme to a color on your logo, click "match color" button in blue color editor block, enter your color's hex code (or move sliders to set your color), submit form and script will automatically move all sliders to change blue color to one you have entered.

Curve's blue color has very low saturation, so you might have to adjust saturation after using "match color" function or check "do not change saturation" in color match popup.

Offline helike13

  • Jr. Member
  • **
  • Posts: 164
Re: SMF Theme Color Editor
« Reply #26 on: June 25, 2011, 12:01:08 PM »
Which color does the 3rd slider modify? I see no change when I slide it.

Offline CyberAlien

  • Semi-Newbie
  • *
  • Posts: 71
  • Gender: Male
  • Designer
    • Artodia
Re: SMF Theme Color Editor
« Reply #27 on: June 25, 2011, 12:03:33 PM »
div.plainbox. On sample its background in bottom right. On this page you can see it below posts where "jump to" box is.

Offline Willie

  • Semi-Newbie
  • *
  • Posts: 76
Re: SMF Theme Color Editor
« Reply #28 on: June 26, 2011, 06:21:46 PM »
I have downloaded all the files for my new colors.  Do I copy them over the curve2 theme?

Offline CyberAlien

  • Semi-Newbie
  • *
  • Posts: 71
  • Gender: Male
  • Designer
    • Artodia
Re: SMF Theme Color Editor
« Reply #29 on: June 26, 2011, 06:26:02 PM »
No need to. Install a new theme from that zip file you downloaded.

Offline Willie

  • Semi-Newbie
  • *
  • Posts: 76
Re: SMF Theme Color Editor
« Reply #30 on: June 26, 2011, 06:53:42 PM »
Those files are not a new theme, are they?  I need to learn to make a new theme using those files? Copying them over the default did not work.  :(
« Last Edit: June 26, 2011, 06:58:30 PM by Willie »

Offline CyberAlien

  • Semi-Newbie
  • *
  • Posts: 71
  • Gender: Male
  • Designer
    • Artodia
Re: SMF Theme Color Editor
« Reply #31 on: June 26, 2011, 07:06:28 PM »
They are. It was created via option to create a new theme, so it doesn't include all template files. It does include all images, css files and other files necessary to install it as a new theme.

To install it click "admin", click "themes and layout" and at the end of page you'll see option to upload file. Put your zip file in that file input and click "install" button.

Offline Willie

  • Semi-Newbie
  • *
  • Posts: 76
Re: SMF Theme Color Editor
« Reply #32 on: June 26, 2011, 11:40:26 PM »
It came out a little rough.  Did I mess up?

Is it hard to change the text colors manually?  My site color is the dark blue.  I need the background header to be dark blue. It looks like it is going to be hard to do. The dark color is the page background.

Offline CyberAlien

  • Semi-Newbie
  • *
  • Posts: 71
  • Gender: Male
  • Designer
    • Artodia
Re: SMF Theme Color Editor
« Reply #33 on: June 27, 2011, 03:31:08 AM »
Try this.

Offline Aleksi "Lex" Kilpinen

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 15,430
  • Gender: Male
  • The Artist Formerly Known as LexArma
Re: SMF Theme Color Editor
« Reply #34 on: June 27, 2011, 03:41:59 AM »
This seems like a great tool, really - if only there were more themes there to work with. :)
Finnish Support Local Moderator & Support Specialist
My Mods: Facebook and Twitter Sharer



Offline CyberAlien

  • Semi-Newbie
  • *
  • Posts: 71
  • Gender: Male
  • Designer
    • Artodia
Re: SMF Theme Color Editor
« Reply #35 on: June 27, 2011, 03:56:56 AM »
Its up to theme authors. Option to upload themes is there, all they have to do is upload it. So if you want a specific theme, poke its author.

There is a small catch though: theme has to pass automatic validation. I've noticed that many SMF themes have invalid images, including 1 invalid image in Curve theme (images/im_switch.gif was incomplete: file ended in middle of local palette block, but I've replaced it with fixed image before uploading). Some other themes have png images with .gif extension. It usually can be fixed by simply opening and then saving (better use "save for web" option, so it would optimize image) image in Photoshop.

Offline Antechinus

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 22,748
  • Master of BBC Abuse
Re: SMF Theme Color Editor
« Reply #36 on: June 27, 2011, 04:02:10 AM »
The .png renamed as .gif is a deliberate dodge used by themers to get around the fact that SMF markup calls gifs in a lot of places. They want nicer effects so use the renaming trick. ;)
Mods - Manky Old Themes - Apocalypse theme (WIP)

Going through 2.0.x in detail is like picking through something that dropped out of the rear end of a vulture. Every couple of seconds I'm like "Oooo, that's gruesome. WTF is that doing in there?"

It doesn't matter if the glass is half empty or half full. There is clearly room for more beer.

Offline CyberAlien

  • Semi-Newbie
  • *
  • Posts: 71
  • Gender: Male
  • Designer
    • Artodia
Re: SMF Theme Color Editor
« Reply #37 on: June 27, 2011, 04:12:59 AM »
I see, so its intentional. :) Problem is, script uses different parsers to handle png and gif images, so if image is incorrect it won't be parsed.

I'll think of a workaround for SMF themes, so such images would be parsed.

Offline CyberAlien

  • Semi-Newbie
  • *
  • Posts: 71
  • Gender: Male
  • Designer
    • Artodia
Re: SMF Theme Color Editor
« Reply #38 on: June 27, 2011, 04:56:46 AM »
Changed. From now on script will parse png images with .gif extension instead of showing error message.

Please upload your themes, tell me if you'll encounter any problems.
« Last Edit: June 27, 2011, 05:10:58 AM by CyberAlien »

Offline piku2008

  • Newbie
  • *
  • Posts: 5
Re: SMF Theme Color Editor
« Reply #39 on: June 27, 2011, 08:46:43 AM »
Great idea .............