Subscribe to the RSS feed

Aero Theme

Posted by stan on 2010-08-08 08:18 |
0.5.2
Stan Angeloff
Wed, 2011-03-23 18:18
  • : 6.0.0-b3 - 6.*
  • : 6.0.0-b3 - 6.*


Awesome Windows theme for Komodo Edit.

How to Install?

  • Download the XPI file
  • Fire up Komodo 6
  • Select Tools ? Add-ons ? Extensions
  • Drag and drop the XPI file onto the Add-ons window
  • Wait and confirm the installation

You must restart Komodo for changes to take effect.

Changelog

0.5
  • Complete rewrite of the extension for the final release of Komodo Edit/IDE 6.
  • Compatibility with all versions on Windows (XP, Vista & 7)
  • All CSS selectors have been optimised.
  • The .less file is compiled on demand which should allow for UI customisations in a following release.

Please submit issues at GitHub.

Source code is available on GitHub.

Impressive! I'd use it if I
nathan | Tue, 2010-08-10 10:31

Impressive! I'd use it if I was still a Windows user :) Would love it if someone would take it upon themselves to do the same for Mac (don't get me wrong, Komodo looks great .. but let's be fair, you can easily tell it's not native).

So far I find Komodo to look best on Gnome.

@nathan: thanks. I hope
stan | Tue, 2010-08-10 14:47

@nathan: thanks. I hope someone would follow up with a Linux/Mac theme as well -- reason why I have the source code on GitHub. I am using Sassy CSS so it should be easy enough to tweak the palette used. My plans are to move this to Less CSS so you can adjust the theme in real-time with colours of your choice, i.e., 'have it your way.'

Awesome, I might check out
nathan | Wed, 2010-08-11 10:12

Awesome, I might check out the source over the weekend and see if I can get something going for Mac :) Again, nice job!

By the way, out of
nathan | Thu, 2010-08-12 10:25

By the way, out of curiousity, how did you go about developing this? I assume you used the DOM inspector and played around with css values that way, but in a browser refreshing the page only takes a second so you can easily test your changes. Did you restart Komodo every time you wanted to test your changes or is there an easier way to go about this? (I'm sure there is .. ).

Thanks

I cheated! (function()
stan | Thu, 2010-08-12 14:53

I cheated!

(function() {

for (var child, i = 0, length = document.childNodes.length; i < length && (child = document.childNodes[i]); i ++) {
    if (child.nodeType === 7) {
        if (child.nodeValue.indexOf('aero') > 0) {
            child.nodeValue = 'discard="discard"';
            document.removeChild(child);
        }
    }
}

var pi = document.createProcessingInstruction('xml-stylesheet', 'href="file:///D:/Workspace/public/komodo-aero-theme/src/skin/aero/theme.css?' + (new Date().getTime()) + '" type="text/css"');
document.insertBefore(pi, document.firstChild);

})();

Bind this to F5 and you've got yourself a browser-like experience.

Haha awesome :) Thanks for
nathan | Thu, 2010-08-12 16:50

Haha awesome :) Thanks for sharing!

Hmm did you just create a
nathan | Thu, 2010-08-12 19:37

Hmm did you just create a macro with that code, nothing else? I replaced the path with my own but Komodo promptly crashes as soon as I execute document.insertBefore. The log files offer no help what so ever :\

Yes, this is all I had to
stan | Thu, 2010-08-12 23:16

Yes, this is all I had to do. It works as expected on Windows. I suspect there is an issue on other platforms :(

Gorgeous
julianw | Wed, 2010-09-08 08:45

This is pretty awesome.

I just wonder how you got the left pane tabs display on the left side.
Something with TweakUI?

This is the default for
stan | Wed, 2010-09-08 23:49

This is the default for Komodo 6 nightly when you have more than one tab in the left-hand side. There is also an option under Preferences to control how these appear -- as in v5, vertically or horizontally.

Awesome !!
hexplor | Sat, 2010-09-11 03:52

Holly molly this is awesome... Looking forward for some UI tweaks for Mac. Let's be fair.. Komodo on mac looks pretty decent

--
http://www.karolorzel.com

Gorgeous changes - one small problem
imperfect | Wed, 2010-09-15 06:42

If you've enabled vertical tabs on the right-hand side, they don't update with the new Aero theme. A minor thing, but it's a tiny, constant eyesore. =)

Yes, if you have more than
stan | Wed, 2010-09-15 07:10

Yes, if you have more than one tab under the Toolbox they will be messed up. I hesitate to update this at the moment as things are in a state of flux and changes are made daily on the trunk. I cannot keep up, lol. I am planning a rewrite on the skin as soon as Komodo 6 stabilises a bit (which is promising given the rc1 status).

Now it's stable
machine | Tue, 2010-10-12 11:48

Files tabs are ok, but left and right tabs are unchanged. Pls, make the update :) It would be cool if the skin could have gray instead of blue shade, I have hacked aero with less blue. There is also a problem with buttons in tree views - the highlighting box is too tall, and it's displayed on top smaller, proper one.

Tabs sceen
joni-jones | Sun, 2010-10-17 13:12

Not very nice work with "NST" extention.

Screen url: http://floomby.ru/content/PR3jXZKuyk/
Extention url: http://community.activestate.com/xpi/nst-new-source-tree

This is likely TweakUI than
stan | Sun, 2010-10-17 13:28

This is likely TweakUI than NST. Aero Theme has a very limited support for customisations and was created at a time when the underlying code in Komodo was in a state of flux. All of the selectors in the CSS are with high specificity to ensure nothing got broken between nightly builds.

There is a stable release now obviously and am planning a rewrite with more features in the coming weeks.

Color tabs
joni-jones | Tue, 2010-10-19 14:23

Please, add to your extention color tabs with icons for file type.

http://community.activestate.com/xpi/colortab not very nice work with your extention.

myvol.ru

0.5 works with ColorTab. You
stan | Fri, 2010-10-29 15:24

0.5 works with ColorTab. You have to edit your preferences and remove the border generated code for each extension, though.

Thank you!
joni-jones | Mon, 2010-11-01 08:17

Thank you!

Amazing!
mindtrix | Wed, 2011-03-09 07:28

I hope in the future that the Devs at Activestate use your theme as the default. This is SO much nicer than the default theme. Its all about the small details and it looks like you covered pretty much all of it! Thank you stan and I hope you are rewarded for your great work!

Gorgeous Theme !!
nima | Fri, 2011-05-20 13:52

Thank you very much Stan, you made my day!
I love your theme and definitely agree with "mindtrix". I can't imagine Komodo without 'Aero theme' on Windows!

Best wishes for you Stan, nice work and please keep it up.

Any plans to make this work
lee_connell | Mon, 2011-06-06 06:49

Any plans to make this work with Komodo 7?

The Places Menu on my Komodo doesn't show folders.
enethrie | Fri, 2011-06-10 11:02

Yeah, when I load Places, the folder Icons don't show like in your Screenshot. And, I think your theme causes the Preferences window to be unable to click Ok when you want to save when you reach "Windows Integration."

See: http://enethrie.com/wp-content/uploads/2011/06/nofolders.png

re: Komodo 7
toddw
ActiveState Staff
Thu, 2011-06-16 11:56

The Komodo team are looking at integrating Aero for Komodo 7 - though we are still making major UI changes at present - so it's best to wait till that is finished before attempting this.

Cheers,
Todd

For the Work in Progress 7.0 Skin
templarian | Sat, 2011-06-25 21:10

http://community.activestate.com/node/6849

For those using the alpha, here is an alpha of the Theme. It is impossible to make these skins work with different versions without a ton of headache so this new extension may only work for the newest version of 7.0 (right now that is alpha3).