• Home
  • About
  • Blog Archives
  • Contact Me
  • FAQ
  • The Big 101
Subscribe: Posts | Comments | E-mail

jonobacon@home

Posted on July 12, 2009 - by jono

Icon Theme Hacking Progress

Desktop Ubuntu

Quick update on my icon hacking. I have now figured out a way to get most of my notification icons to have broadly the right color. It used to look like this:

Now it looks like this:

To do this I first copied my Human icon, edited theme.index to change the name of the theme and then went around coloring icons. Thanks to d0od for pointing me at the Meliae White theme too. I used some of those icons in my own cobbled together theme.

To do the coloring I took a screenshot and use the GIMP’s eye-dropper to get the shade of grey to color the icons. For my Dust theme this is:

  • Hue: 45
  • Saturation: 10
  • Lightness: 6

I then colored each notification icon with the GIMP Coloize tool (Colors->Colorize) using these values.

I am going to make a few other changes and then I will put together my theme online.



This entry was posted on Sunday, July 12th, 2009 at 4:34 am and is filed under Desktop, Ubuntu. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

28 Comments

We'd love to hear yours!



  1. Visit My Website

    July 12, 2009

    Permalink

    Jose Rojas said:

    We’ll be waiting for the theme.. Ubuntu rock! :D

    Reply


  2. Visit My Website

    July 12, 2009

    Permalink

    LaserJock said:

    At first I didn’t know what you were asking for, but then I looked at my Mac and figured out what you meant. Looking at these icons I can totally see how they’d make the panel slick. I’ll look forward to seeing the finished set.

    Reply


  3. Visit My Website

    July 12, 2009

    Permalink

    ethana2 said:

    Isn’t that the OS X wifi icon?

    Reply


  4. Visit My Website

    July 12, 2009

    Permalink

    ethana2 said:

    As it stands though, the single best thing that could happen to my notification area would be if Rhythmbox didn’t show up there. ..I hope Banshee is more well behaved in that regard.

    Reply


  5. Visit My Website

    July 12, 2009

    Permalink

    Matt Lichtenberg said:

    Hey, Jono, I’ve been wanting to make a completely greyscale icon theme for a while now, but I didn’t really want to do it by myself. I assume you’re planning on opening this up once you release it… would you be wanting to make a full theme, or just the notification icons? And would you welcome help? ;p

    Reply


  6. Visit My Website

    July 12, 2009

    Permalink

    James said:

    Does this affect the menu and tasklist icons also, or just the notification tray?

    Reply


  7. Visit My Website

    July 12, 2009

    Permalink

    Ulisse said:

    The problem you have just editing the icon’s color in the theme, is that the grayscaled icon will be used everywhere it is needed, and not just in the notification area. It would be needed to have the notification area to use use a specific subset of the theme, with different specs. Also, using just that colors, your icons would not work on a light background, you should put a dark border around the shapes.

    btw, in an average system there are way too much icons sitting all the time in the notification area, we should get rid of them in some way.

    Reply


  8. Visit My Website

    July 12, 2009

    Permalink

    Andrea Cimitan said:

    index.theme, not theme.index ;)

    Reply


  9. Visit My Website

    July 12, 2009

    Permalink

    ulrik said:

    Like James’s question: There is no separation of the icons for purpose, right? Just size? So it’s hard to replace just the notification icons in a theme.

    I think it’s a really good goal though.

    Reply


  10. Visit My Website

    July 12, 2009

    Permalink

    skoob said:

    “To do the coloring I took a screenshot and use the GIMP’s eye-dropper to get the shade of grey to color the icons.”

    Quick GIMP tip: You don’t have to take a screenshot in order to pick a colour that is displayed somewhere on your screen. Just use the eyedropper from the colour dialog. http://hubpages.com/hub/Mixing-Colors-Using-the-Gimp

    Reply


  11. Visit My Website

    July 12, 2009

    Permalink

    Hugues said:

    Why you don’t use Phatch (sudo apt-get install phatch) to batch process the colorize action? It is a nice application with a user friendly GUI. You can choose the colorize action if you select the colors category (up right) in the add actions dialog box. This will save you much time.

    Reply


  12. Visit My Website

    July 12, 2009

    Permalink

    ajibola said:

    looks pretty cool, can I be notified when its published online ?

    Reply


  13. Visit My Website

    July 12, 2009

    Permalink

    Dread Knight said:

    Interesting. But I find the battery icon shitty… I don’t need to see a plug on it.. I want to see the bars directly. Second icon I don’t like is the pidgin one.

    Reply


  14. Visit My Website

    July 12, 2009

    Permalink

    bla said:

    You wanted a Mac OS X like thing and this is what you got?

    Epic FAIL!

    Icons don’t need to be just recolored, most of them also need to be redrawn.

    Maybe one can snetch some from Moblin?

    Reply


  15. Visit My Website

    July 12, 2009

    Permalink

    romulo said:

    This is the first time i enjoy a dark theme on Ubuntu (New Wave) and i believe the colored icons doesnt bother at all. I dunno why the OsX icons are all black and white but for people like my mom they turn out to be a little confusing.

    Reply


  16. Visit My Website

    July 12, 2009

    Permalink

    a-bomb said:

    I’ve had the same qualms about the panel look for a long time and after reading your post yesterday I decided I’d try to hack it out. This is new territory for me since I’ve never dabbled in GTK but after nitpicking at the gnome panels code I had what I thought was a solution after hacking away at button-widget.c’s button_widget_reload_pixbuf method but it turned out to only affect the launcher icons; I sure was naive :) I journeyed some more and discovered that notification area applets used GtkStatusIcon (libgtk) and so began another hack job to its gtk_status_icon_update_image method.

    This is where I stand now http://www.openzenergy.com/photos/gnome-panel.png As you can see I’ve still to discover how the volume and clock applet set their notification icons.

    Reply


  17. Visit My Website

    July 12, 2009

    Permalink

    Aldo “xoen” Giambelluca said:

    I really like these icons.

    Are these icons part of ubuntu/kubuntu karmic koala?

    Reply


  18. Visit My Website

    July 13, 2009

    Permalink

    Eitan said:

    I like those icons. I wonder if they could be added to the high-contrast theme. The current icon set there is very limited, and this would make it awesome.

    Reply


  19. Visit My Website

    July 13, 2009

    Permalink

    Bugsbane said:

    Can we make this the “bacon theme”? :P

    Reply


  20. Visit My Website

    July 13, 2009

    Permalink

    ulrik said:

    Authors using the notification area.. do they normally set the icon using a pixbuf or do they normally set using a name from an icon theme?

    In the second case, it’s pretty easy, just patch the notification area to first look for “icon-name-notification” then for “icon-name”; THEN we can speak business and start replacing icons on the default desktop!

    Reply


  21. Visit My Website

    July 13, 2009

    Permalink

    Edward Betts said:

    What are the £ and € buttons for? Is that a currency conversion applet, or is it because you have a US keyboard without £ and € keys?

    Reply


  22. Visit My Website

    July 13, 2009

    Permalink

    Myke said:

    It’s looking great! Also, I just wanted to say I really enjoy hearing your input and knowledge in the FLOSS Weekly podcast. Keep up the great work!

    Reply


  23. Visit My Website

    July 13, 2009

    Permalink

    noone said:

    KDE developer just blocked about this: http://www.notmart.org/index.php/BlaBla/Pretty_systray_not_just_about

    This may be possible with new to-be-hopefully-freedesktop-org-specification. I keep my fingers crossed :D

    Reply


  24. Visit My Website

    July 14, 2009

    Permalink

    some one said:

    http://www.notmart.org/index.php/BlaBla/Pretty_systray_not_just_about

    Reply


  25. Visit My Website

    July 15, 2009

    Permalink

    davi jordan said:

    http://www.debian.org/ports/kfreebsd-gnu/

    Reply


  26. Visit My Website

    July 17, 2009

    Permalink

    Shane Fagan said:

    Looks awesome when will it land in karmic? (Im using karmic already)

    Reply


Leave a Reply


Here's your chance to speak.

Click here to cancel reply.

  1. Name (required)

    Mail (required)

    Website

    Message

  • Ad Ad Ad Ad
  • Prepare For Awesome

  • Recent Articles

    • Rest Well, My Friend
    • Incredible Stories Of Free Software and Open Source
    • On Zareason
    • This Friday: Rockridge Ubuntu Global Jam In Berkeley
    • Rocking The Application Indicators
    • Articulating IRC Contributions Concisely
    • Revisiting Ethos
    • Getting More Developers Interested In Participating In Ubuntu
    • 11.04 Ubuntu Developer Summit Announced
    • Help Colin Get His Kids Back
  • Recent Comments

    • Gerv on On Zareason
    • Deborah Lang on Facebook Account Disabled
    • duanedesign on Rest Well, My Friend
    • YADev on Application Indicators In Python
    • Navneeth on Incredible Stories Of Free Software and Open Source
    • Christoffer Holmstedt on Getting More Developers Interested In Participating In Ubuntu
    • Tachyon Feathertail on Getting More Developers Interested In Participating In Ubuntu
    • Neil Wilson on Getting More Developers Interested In Participating In Ubuntu
    • flipefr on Getting More Developers Interested In Participating In Ubuntu
    • Christoffer on Getting More Developers Interested In Participating In Ubuntu
  • Flickr Photos

  •  

    July 2009
    M T W T F S S
    « Jun   Aug »
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
  • jb@h Rockstars This Year

    • ethana2 (34)
    • Zac (18)
    • nixternal (17)
    • Tachyon Feathertail (15)
    • James Duncan (13)
    • Mackenzie (13)
    • Tom (12)
    • Bruno Girin (11)
    • Jimbo (11)
    • Adam Williamson (10)
© 2008 jonobacon@home - At home with Jono Bacon, Community Manager and Author