Menu bar theme & icons

Started by WillLem, February 27, 2026, 10:52:17 AM

Previous topic - Next topic

WillLem and 1 Guest are viewing this topic.

WillLem

Quote from: zanzindorf on March 08, 2026, 07:47:09 PMHere's two more

IconHotkeys is excellent, I wonder if we could rotate it slightly more to the left? If you need to make it wider to allow for this, that's fine (width is generally a bit more flexible than height (which needs to be around 32px max)).

You definitely have the right idea for IconPlayers, but I was thinking more along the lines of the classic Clue / Cluedo tokens, like this:

Cluedo Tokens

Keep going with these, they look fantastic in context.

zanzindorf

How's this?

Clue_32x32.png
Clue_49x49.png
Clue_64x64.png

Keys_40x32.png
Keys_62x49.png
Keys_82x64.png

WillLem


zanzindorf

Here's Settings and Styles:

Gear_32x32.png
Gear_49x49.png
Gear_64x64.png

Style_32x32.png
Style_49x49.png
Style_64x64.png

WillLem

Quote from: zanzindorf on March 10, 2026, 12:00:36 AMHere's Settings and Styles

This is beautiful work @Zanzindorf, thank you so much for doing these. Keep 'em coming :lemcat:

Also, if you want to revisit the codes icon (or any of the others) and make it 48 x 32 like the hotkeys icon, that seems to be a decent size in general.

zanzindorf

Thanks! Glad you like them :) They're fun to make, and I'm remembering how to use Blender a bit more now.
I'll take another look at t he code icon tomorrow I think.

I'm not sure I like how this one turned out, but here's my progress on the mouse icon.
I could try a different type of mouse if you don't like this one. If you had a specific mouse model in mind, let me know.

Mouse_32x32png.png
Mouse_49x49png.png
Mouse_64x64png.png

WillLem

Quote from: zanzindorf on March 11, 2026, 02:01:31 AMI'm not sure I like how this one turned out, but here's my progress on the mouse icon.

Looks good to me. By all means rework it if you wish, but this one will certainly do the job.

zanzindorf

Quote from: WillLem on March 11, 2026, 11:00:52 PMLooks good to me. By all means rework it if you wish, but this one will certainly do the job.

Yay! Good good.

Clapper_32x32.png
Clapper_49x49.png
Clapper_64x64.png

I still plan on re-rendering the glasses, but I had an idea for an alternative to the code icon:

Computer_32x32.png
Computer_49x49.png
Computer_64x64.png

WillLem

#23
The Replay 'clapper board 'is very nice. The 'retro computer' Codes icon is also a very nice touch, I've gone ahead and added this one as the default (the glasses one will also be included as an optional alternative - users can simply rename the icon to get whichever they prefer).

I've done some slight editing to most of the icons to increase contrast, tweak the colours, and enhance detail at the smaller size (for example, making the "Code" word a bit more visible on the computer). Here are the results so far:



EDIT: After posting this, I've realised that the icons are aliased slightly (you also noted this several posts ago). This is happening due to the fact that my display resolution is set to 1.5x, and so Swing is scaling the icons to 48 x 48.

Solution: I've introduced some repainting code to support display scaling, so we can provide the icons at 32 x 32 (1x), 48 x 48 (1.5x) and 64 x 64 (2x) and the correct icon will always be chosen depending on the display's current DPI. There will still be some resizing/aliasing for 1.25, 1.75, and any scale above 2.0, but this should be fairly acceptable. With this in mind, we should probably stick to a straight 32 x 32, 48 x 48 and 64 x 64 for all icons (including Hotkeys).

Once we're happy with all designs, I'll just need each one at 64 x 64. I can apply resizing from there, and will most likely provide the icons as sprite sheets.



Side note - having thought a bit more about it, maybe the Amiga 'tank' mouse would be a good choice for the mouse icon?



If you can make the "Code" computer an A500 as well, bonus points! ;P


Exercised some artistic licence with the width of the monitor here!

Many thanks again for all of these :thumbsup: