The pfSense Store

Author Topic: THEME: CODE-RED  (Read 23796 times)

0 Members and 1 Guest are viewing this topic.

Offline hoba

  • Administrator
  • Hero Member
  • *****
  • Posts: 5837
  • What was the problem to this solution again?
    • View Profile
    • pfSense
Re: THEME: Nervecenter - v2.0 [BETA]
« Reply #15 on: February 23, 2009, 01:43:35 pm »
Yep, nervecenter was my creation and you have permission to do anything with it. Go ahead and give it a nice name :)

We have been discussing earlier to have a default theme template that's elements could be used if they are missing in another theme. We just have not gotten into changing th needed bits and pieces. That would save some space in case only few elements are changed (and you can see with your theme that few changes can get you a complete new look and feel). As you already have noticed there are lots of graphics that have been added for some ideas that didn't quite work out or that have never been finished due to lost interest. We probably should clean that up before going live wit pfsense 2.0  ;)

Offline cheesyboofs

  • Full Member
  • ***
  • Posts: 298
    • View Profile
Re: THEME: Nervecenter - v2.0 [BETA]
« Reply #16 on: February 23, 2009, 03:33:54 pm »
CODE-RED it is then, executive decision.

Hoba, as you are a theme veteran I wonder if you can scratch an itch I have?

I'm pretty sure line 144,
Code: [Select]
#header-right .alert { / color: #fff; } is the blue ticker tape text but every alert has a white date stamp. I was sure this was, line 219;    
Code: [Select]
#marquee-text {color: #ffffff; } but I have changed this and nothing happens, am I missing something?

Thank you for being so gracious and I think theme'ing should be encouraged. People are fickle, if a web site looks professional people won't think twice about punching their credit card details in to it. If a screenshot of some freeware looks professional people won't think twice about installing it "this won't be full of spyware, look at all the effort they've gone to to make the icons look like glass"

We all know pfSense is a fantastic product, the hard bit is already done.  ;)

« Last Edit: February 23, 2009, 03:36:57 pm by cheesyboofs »
Author of pfSense theme: CODE-RED

Offline hoba

  • Administrator
  • Hero Member
  • *****
  • Posts: 5837
  • What was the problem to this solution again?
    • View Profile
    • pfSense
Re: THEME: CODE-RED [BETA]
« Reply #17 on: February 25, 2009, 05:01:07 pm »
You can modify the blue linkcolor of the alerter (and all other appearence of links on all guipages) by adding something like this below the body section of the all.css:

Code: [Select]
a:link {
color: #b38507;
}

a:visited {
color: #b38507;
}

a:active {
color: #b38507;
}

a:hover {
color: #b38507;
}

Modifying the rest of the Tickertext should work by changing the color attribute of the #marquee-text element. I have done so in various themes already. Maybe you have to dump your browsercache to see it getting applied? It should work though I have to admit that I do most of my themeingwork based on pfSense 2.0 as 2.0 requires some additional elements like a logonpage and so on and as usually these themes are backwardscompatible (for the most part, some elements are not themeable but hardcoded in the 1.2 branch, maybe even the tickertape?).


Oh, and btw, you should work with a 2.0 based theme if you want to make it 2.0 ready as this css includes additional elements for things that are not present in 1.2. Get a 2.0 snapshot and download the nervecenter theme from there, then copy and paste your modifications over. A 2.0 theme will work on a 1.2 just fine but this way your theme is 2.0 ready too :)
« Last Edit: February 25, 2009, 05:11:06 pm by hoba »

Offline cheesyboofs

  • Full Member
  • ***
  • Posts: 298
    • View Profile
Re: THEME: CODE-RED [BETA]
« Reply #18 on: February 25, 2009, 05:11:02 pm »
Mmmm, I think I'm gunna have to run me a v2 dev box along side my 1.2.3 production box I've been building this theme on :P
Author of pfSense theme: CODE-RED

Offline hoba

  • Administrator
  • Hero Member
  • *****
  • Posts: 5837
  • What was the problem to this solution again?
    • View Profile
    • pfSense
Re: THEME: CODE-RED [BETA]
« Reply #19 on: February 25, 2009, 05:12:24 pm »
Just updated my last post. Yes, you should develop on 2.0, however be prepared that not all elements that you can change on 2.0 will show effect on 1.2 due to some hardcoding in 1.2.

Offline cheesyboofs

  • Full Member
  • ***
  • Posts: 298
    • View Profile
Re: THEME: CODE-RED [BETA]
« Reply #20 on: February 25, 2009, 05:14:53 pm »
I was hoping to run a dev Hyper-V v2 VM but there is a freebsd bug that prevents them shutting down. So I'll have to go for full hardware - its all good fun.
Author of pfSense theme: CODE-RED

Offline hoba

  • Administrator
  • Hero Member
  • *****
  • Posts: 5837
  • What was the problem to this solution again?
    • View Profile
    • pfSense
Re: THEME: CODE-RED [BETA]
« Reply #21 on: February 25, 2009, 05:23:54 pm »
As long as you keep the red/grey color for the theme all is well for 1.2, however a complete colorchange can only be done for 2.0 (see 2 examples attached). I use parallels on my mac to do the developing on. Vmware works fine too of course.

Offline hoba

  • Administrator
  • Hero Member
  • *****
  • Posts: 5837
  • What was the problem to this solution again?
    • View Profile
    • pfSense
Re: THEME: CODE-RED [BETA]
« Reply #22 on: February 25, 2009, 05:24:47 pm »
...and another one

Offline cheesyboofs

  • Full Member
  • ***
  • Posts: 298
    • View Profile
Re: THEME: CODE-RED [RC1]
« Reply #23 on: February 26, 2009, 09:13:53 am »
I have now made it compatible with v2.A - the only single difference I can see at this stage using the same theme between v1.2.x and v2.A is the little pen icon doesn't show up under 1.2.x even though it is there in the icon folder? I'm sure I'll figure it out.

I would also like to get rid of the grey background on the login page but I can't for the life of me find the relevant part of the all.css file. As I'm no developer I have to go through by trial and error changing colours until I find the right one.
« Last Edit: February 26, 2009, 09:47:39 am by cheesyboofs »
Author of pfSense theme: CODE-RED

Offline cheesyboofs

  • Full Member
  • ***
  • Posts: 298
    • View Profile
Re: THEME: CODE-RED [RC1]
« Reply #24 on: February 26, 2009, 10:22:44 am »
Figured out the pen icon thing - this is one of those hard coded differences between v1.2.x and v2.A Hoba was on about, I would have to (I think) change every reference to "formfld" to "formfld unknown" in the system.php and other files too I suppose.

I think we can live with the small gap when running the theme under v1.2.x. I hope the pen doesn't do more than just look like a pen  :D
« Last Edit: February 26, 2009, 10:31:30 am by cheesyboofs »
Author of pfSense theme: CODE-RED

Offline hoba

  • Administrator
  • Hero Member
  • *****
  • Posts: 5837
  • What was the problem to this solution again?
    • View Profile
    • pfSense
Re: THEME: CODE-RED [RC1]
« Reply #25 on: February 26, 2009, 03:14:49 pm »
The wizard pages and the login page will use a different css if available in 2.0. see the original nervecenter 2.0 theme. You'll see a login.css and a wizard.css. Those are there for being able to use different backgoundwallpapers for example.

Offline cheesyboofs

  • Full Member
  • ***
  • Posts: 298
    • View Profile
Re: THEME: CODE-RED [RC1]
« Reply #26 on: February 27, 2009, 05:42:21 am »
Thanks for that Hoba, I have now tweaked the logon page and the wizard and have tried the theme under both v1.2.3 and v2.0A in IE8, Firefox v3.06 and Google chrome (my preferred). There are some tiny browser quirks but its still usable and pleasing to the eye. I use to hate the red colour in pfSense but if you swamp it all over the screen it's not so bad.

I'm still yet to get any real feedback as to whether people actually like it and whether there are any bits they like or dis-like.
« Last Edit: February 27, 2009, 11:21:53 am by cheesyboofs »
Author of pfSense theme: CODE-RED

Offline hoba

  • Administrator
  • Hero Member
  • *****
  • Posts: 5837
  • What was the problem to this solution again?
    • View Profile
    • pfSense
Re: THEME: CODE-RED [RC1]
« Reply #27 on: March 04, 2009, 12:33:19 pm »
Great Job! I really like it. We should include it with the official builds to be selectable  :)

Offline cheesyboofs

  • Full Member
  • ***
  • Posts: 298
    • View Profile
Re: THEME: CODE-RED [RC1]
« Reply #28 on: March 05, 2009, 07:58:19 am »
Cheers,

I wasn't as adventurous perhaps as I could have been as I wanted it to be compatible with both 1.2.x and 2.0 when it comes out. Also the muddy red colour has become somewhat of a trademark I think and I quite like it now.

I would like to know what I can delete from the theme folder as I don't want to delete something that may be required in an up and coming feature that I'm not aware of, I'm sure a nice dev will do the honors though.

I did think maybe I'd get the odd post saying "I like it but what if the freebsd icon was red?" for example, Well it looks like this if your interested. But I think I'll keep it gray.
« Last Edit: March 05, 2009, 08:00:08 am by cheesyboofs »
Author of pfSense theme: CODE-RED

Offline hoba

  • Administrator
  • Hero Member
  • *****
  • Posts: 5837
  • What was the problem to this solution again?
    • View Profile
    • pfSense
Re: THEME: CODE-RED [RC1]
« Reply #29 on: March 05, 2009, 08:30:07 am »
I like the one with the grey freebsd logo better. I'll work on a new theme during the hackathon (which will start this saturday). I'm going to clean up the new theme from old files as much as possible. Once this is done you can have a look at this to see which files have been removed and clean up your theme as well then.