Getting PySimpleGUI to look nice

[ryanraposo]

The code is messy and not worth your attention yet, and I'm not crazy about every change I made, but I was tinkering around last night and just wanted to show you a couple things!

I spent a lot of time messing around with Tkinter, trying to make it look a little more modern too. It seems like there are some tricks with this library also :)

So to compare, the original:

And my stuff:

• Icon
• Notification
• Colors
• Spinbox

Let me know your thoughts! I'll clean it up afterwards and then submit a PR for it and go from there :)

Edit: we spoke on reddit. forgot to mention :)

[selehadin-cyber]

looks really good is that a sun icon i see:) i liked the added notifications too , makes it look professional

i am really looking forward to learning how that is done

thanks for taking the time to do that. this is literally the first issue i receive

[ryanraposo]

@selehadin-cyber you really have no idea how welcome you are. Your reply made my week. I'll be commenting again very soon but I just wanted say that first.

[ryanraposo]

is that a sun icon i see:)

Yep :)

So! I use a different program (Affinity Designer) but its not free and its not really necessary. Another you've probably heard of is Illustrator, also not free. Go grab Inkscape, I downloaded it and made a little tutorial while I recreated the icon. I think you'll feel confident the next time you want to try making one :)

1. You'll be working with layers a lot. Hit ctrl+shift+l or Layer -> Layers...
2. Inkscape (and the others) are based around lines (strokes) and fills, so we'll show that also. Hit ctrl+shift+F or Object -> Fill & stroke...
3. You can make your Inkscape dark if you prefer that also by going to Edit -> Preferences -> Interface -> Theme :)

---

1. Use the circle tool, make the sun. Find our nice yellow for the fill.
2. Use it for the stroke, too.

---

Next is the glow, which is just another circle on top. Helps to put it in its own layer.

1. We need to make sure we can see the stroke for this, so make sure the width isn't 0.
2. Get rid of any fill.
3. For stroke, go a little darker on the yellow. Lower the 'alpha' to make it kinda see-through.

---

1. To use it as an icon in apps (like Sunset Alarm) we need a .ico file. Inkscape can't save as .ico, but its okay. Just save as .svg
2. Convert it to ico. You can just use a site like this.

For the code, I'll show you in the PR :)

[ryanraposo]

Forgot to mention! For icon files, a 128x128 square is probably ideal.

Windows does allow for larger and smaller sizes. But too big is pointless and if you go smaller, the icon won't look its best. :)

[selehadin-cyber]

i am not familiar that much with inkscape, i mostly use blender, even though it is more optimized for 3d design, it can do pretty much anything from 2d design to sculpting to even video editing. it is also open source

that is a pretty detailed instruction you made . sets a high standard for how my future issues should look like :)

i will go grab inkscape anyway and see how it goes looking forward to your PR :)

[ryanraposo]

i am not familiar that much with inkscape, i mostly use blender, even though it is more optimized for 3d design, it can do pretty much anything from 2d design to sculpting to even video editing. it is also open source

that is a pretty detailed instruction you made . sets a high standard for how my future issues should look like :)

i will go grab inkscape anyway and see how it goes looking forward to your PR :)

Ah okay nice! Sometimes you never know about other hobbies with coders. You seem more than capable :)

Don't feel obligated to reproduce it; I'm a big markdown/teaching nerd 😂 Was my pleasure.