Archived

This topic is now archived and is closed to further replies.

N3fr0n

[Icons, toolbars, tabs, status] Tango!

Recommended Posts

Hello, I made a complete Tango! icons pack for μTorrent. I know there already was the Tango! set, but I tried to polish the icons as much as possible – that's why I did post this.

The program and filetype icons are completely made by me (and have even 256×256 Vista resolution).

Some of the toolbar, status and tabs icons are taken from the project and redrawn in Inkscape to pixel-perfection. I'm not much into the licences, but since the Tango! project is Public Domain, everything should be all right.

Program icons

792

256×256 preview

Green square (my personal favorite)

794

256×256 preview

Black square

781

256×256 preview

Green

782

256×256 preview

Black

Filetype icons

821

256×256 preview

Green square

824

256×256 preview

Black square

Toolbar

786

Toolbar

793

Toolbar (colorful)

823

Toolbar (tangerine)

834

Toolbar (colorful tangerine)

Status

875

Status

Tabs

(Wondering why the preview doesn't work.)

874

Tabs (1.8)

Enjoy unified look... :)

Share this post


Link to post
Share on other sites

Nice additions... would you like to enhance them further?

The now-beta 1.8 uT has 4 more icons for tabs (transfer and trackers tabs: Order = Transfer, General, Trackers, Peers, Pieces, Files, Speed, Logger) and the tstatus has 3 more icons (Order = first 13, rss default, rss inactive, rss updating)

Share this post


Link to post
Share on other sites

Those look very awesome. I would like to ask you to test your own skin, as I haven't gotten a definite answer regarding the middle rss icon. It appears sometimes the graphic is 3-state and other times that the middle icon is for a presumed default state. If you notice, currently the disabled rss feeds show the inactive icon (left of rss icons).. and my preliminary understanding was that this middle rss icon fills that oversight however if indeed rss is three-state then you may want to rethink the choice... I honestly don't know. See for yourself I previously mentioned this @ http://forum.utorrent.com/viewtopic.php?pid=315212#p315212

Share this post


Link to post
Share on other sites

Your set of icons is simply awesome, great job. :D

May I ask for different colors for the buttons from toolbar start, pause and stop? Something like Aquazureus: green for start, yellow for pause and red for stop.

Thank you. :)

Share this post


Link to post
Share on other sites

Oh, my... I love it! Thank you so much, it's perfect! :D

EDIT:

Okay, apparently your skin it's quite a hit in my family. ;) :cool:

It's clean, eye candy and very catchy. :D

May I ask for another request from my brother who doesn't have an account here? :D I promise it's the last request from me (or my family) :lol:

Ok, here it goes:

In "toolbar colorful" I requested, could you please replace the "remove" button 1zpgu8n.jpg, with the remove botton hugm6t.jpg from the original Tango found here?

http://www.utorrent.com/skins.php?action=download&id=114

Thank you! :)

Share this post


Link to post
Share on other sites

Okay, here is a special gift... :)

toolbar.png

Download

I didn't publish it to the official skins page because I personally think the metaphor isn't quite good, but I hope your brother will enjoy it. :D

Share this post


Link to post
Share on other sites

Don't worry about it, it looks great. :cool: Maybe if you'll find a similar better icon, you'll publish later in main page because personally I thinks your set of skinks are simply gorgeous. I already replace all my utorrent default skins with yours.

And I really appreciate your kindness in making these "personalized" set of skins. Thank you again. :D

Share this post


Link to post
Share on other sites

How I can do it...? Change blue to orange?

Maybe when I have some more free time... :)

Edit: The time has come... see skins page. :)

Share this post


Link to post
Share on other sites

For "Remove", Tango's edit-delete is not appropriate. After all, using an image of a shredder is pretty misleading when all you're doing is removing the torrent from the list, not deleting any data. Instead, you should use list-remove. Since that's a minus sign, it nicely parallels the plus sign for "Add Torrent". This is also what Deluge uses. So, any chance we could see a new toolbar with the minus sign?

On another note, has anyone made a Tango-styled filetype icon (preferably based on N3fr0n's beautiful program icons)?

Thanks.

Share this post


Link to post
Share on other sites

Not all of them are the shredder... N3fr0n posted several custom toolbars.

What kind of filetype icon are you expecting? There aren't that many uploaded... here they are

519.png742.png738.png392.png393.png376.png377.png117.png737.png749.png664.png

Share this post


Link to post
Share on other sites

jewelisheaven: All the toolbars in the first post use edit-delete, which is a shredder (edit-delete.png?view=co), for "Remove". The one made for miocor uses some other icon that's even more unclear. Since removing a torrent from the list is non-destructive, using a shredder is hardly appropriate. However, since "Add Torrent" uses list-add (list-add.png?view=co), it makes more sense to use list-remove (list-remove.png?view=co) for "Remove". I've already made a modified toolbar for myself, but I don't know how to do the shadows properly, which is why I was asking.

As for filetype icons, thanks for collecting them so nicely. I was thinking more along the lines of one based on the green square. But I was just curious if anyone has made one. Not a big deal.

N3fr0n: By the way, I was thinking about a modified "colorful" toolbar. Thanks.

Share this post


Link to post
Share on other sites

;) No problem, heh. Yeah I tried making shadows after I saw something I liked but I imagine it has something to do with making that alpha channel stick... I tried in my basic bitmap editors and saw half the skin elements were all matte backgrounds, whereas they appear transparent in the program ... You may want to check out savaden's page http://savaden.freeforums.org/index.php he's one of the resident skinners around.

The remove toolbar button has multiple functions, the most basic and DEFAULT of just removing the torrent from the list. The other options include remove from list + torrent file on disk, remove from list + data on disk, remove from list + torrent file on disk + data on disk ... the last two can be visualized as a shredder as your data will be gone afterwards.

As far as the filetype icon, yeah the new 1.8 icon of the square hasn't propagated into all the skinning areas yet, but I'm sure it will. And hey, remember if you post up what you've got so far there's plenty of people who comment and customize themselves, so it can't hurt.

Share this post


Link to post
Share on other sites

Sure: 2gsmy6d.png

If you look closely, the minus sign is missing a shadow. N3fr0n, your help would be much appreciated.

Oh, and here's the filetype icon I hacked together, based on N3fr0n's green square:

2s9dqo9.jpg

Share this post


Link to post
Share on other sites

Sorry people, I haven't watched this thread for a while. I had thought about the 'minus' sign before, and this finally convinced me to realize it. When I have some free time (maybe this afternoon), I'll do the toolbar and give the filetype icon a look...

Edit: The toolbars updated!

Edit: Filetype icon added.

Share this post


Link to post
Share on other sites

Thank you for creating and sharing this with us!

I just registered to say thanks, and to ask you to fix a bug or two that I found. If it's not a big request, and if it is possible of course.

BUG #1 - Tangerine toolbar isn't really transparent.

As you can see the Tangerine toolbar's background is white, and doesn't really fit in the whole picture of Tangerine look and feel. I hope you can fix this, I would really love to use this instead of the regular Tango toolbar.

bug_1_tangerine_toolbar.png

BUG #2 - Ugly icon when switching programs

When I'm switching between programs using the ALT+TAB keys the custom icon for uTorrent looks really ugly :( I don't know why it displays the lower resolution icon.

Have a look:

bug_2_alt_tab.png

Finally

Can I ask you to create a custom toolbar for me based on Tangerine but with silver Start, Pause, Stop buttons like you created for the Tango toolbar? It would be really nice to see the regular Tangerine toolbar fixed, and to have one with those silver icons.

Thanks once again. I just registered on this forum to post a reply :)

p.s.: The filetype icon is a killer! You really rock! :)

Share this post


Link to post
Share on other sites

#1 Alpha channel... yeah, that'll have to be applied, that magenta color is supposed to be a default "transparent" though.

#2 The custom ico layout order is backwards. For multiple bitdepths, the 16 color 16^2 can be first but it should then be followed by 256 or higher 48^2 (max in XP), 32^2, 16^2, then your 64^2 128^2 and 256^2 ... at least from previous testing.

... Is it my imagination or is there still no shadow on the floor for "-" ?

Share this post


Link to post
Share on other sites

Well, progressing. The Tangerine bug is probably a click-mistake, black filetype icon and silver Tangerine are in queue.

jewelisheaven: The shadow is there, but is higher and a little less opaque than in other icons. I tried many combinations but this looked the best in my opinion.

By the way I don't know what to do with the icon sorting. I tried almost everything but the bug still remains. Maybe I have an editor which lines them up automatically by size (Gimp), I don't know. Sorry...

Edit: Toolbars updated and silver Tangerine added.

Edit: Black filetype added.

Edit: Wait? The old remove icon! Damn. Must fix it as fast as possible. :D

Edit: Whoa. Done.

PS: Thanks for mostly positive reactions. :)

Share this post


Link to post
Share on other sites

Woa man you simply ROCK!

Thanks for the transparent Tangerine toolbar.

I can't see the silver one :( The two Tangerine toolbars linked here are totally the same.

Share this post


Link to post
Share on other sites