New Aurora button style
 

Hello!

I want to update the theme of my Aurora/FreeUI addon to a more flat/modern look, starting with buttons of all kinds. Eventually I want to get rid of the shadow border too.

I got feedback from someone though that they liked the old theme more. So I figured I'd ask around. What do you prefer?

Old:



New:




Don't pay attention to the blue/pink colour, those are based on class. Also, the latter two screenshots are darker because it's evening. :p

I quite like the flat look myself. But, I'm currently working on an Aurora Skin for BobUI and not sure how it would look with my borders.

Here's my still very incomplete skin

I reckon it could be done just by changing the defaults. Setting the gradient defaults to result in a flat gradient makes all buttons/etc flat, and then add a setting for border style ;)

This way it would only take anyone 10 seconds to switch styles to their choosing :)

Fair point. I do actually want to make it easier to change the theme, but it was never designed with that in mind and it'll be quite a pain to add more advanced options.

Part of the reason I actually wanted to move away from the gradient is because of technical issues. Any gradient alpha texture on a frame that has an AnimationGroup as a child, or is a child of a frame with an AnimationGroup, will go completely white on every OnUpdate call as long as the animation lasts. My original 'fix' to this on the talent frame, for example, was to disable the Play function of the glow animation of the 'Learn' buttons. This caused taint though, and now I use a whole lot of workarounds (including setting the gradient alpha every OnUpdate for the duration of the animation), and it -still- doesn't work properly in certain scenarios which I can't identify.

I could of course find or make me an actual gradient texture, but then that makes customization more difficult. Unless I add an in-game option for people to switch between the flat and gradient texture, then set the colour...

ponders

Was never really a fan of the highlights

+1 for flat :).

Do you remember why you gave us the gardient back? Flat looks all cool at light backgrounds but if you have a dark background its not good to see the buttons or input filds. they are to hard to differ from the window background color. Test this at the Horde AH in OG (dark place where you have to find buttons)
Also if you change again this will maybe be the death of Missing Textures - I currently don't have time to change everything :) I personaly don't care about the white button @ talent window

However if you want to change the puffy border feel free to do so for myself I already use a 1px border but thats an easy lua edit everyone can do if he wants.

+2 for stay gardient because I gave you 2 reasons ;D

The flat look is way better. I have always liked a flat look. Its very simple and matches more things than not. I think it looks a lot better. Change is never bad.

Thanks for the feedback, everyone :D I'll be pushing new builds to GitHub soon that prepares for the solid/gradient option, and already has a colour option. GUI components will follow later.

Good point, but the difference here is that the buttons are (almost) solid, whereas the old ones (before gradient) were semi-transparent.

F*** yeah! Reminds me of those old 8-bit games I used to play :D

:D

https://github.com/Haleth/Aurora/com...7fda627c48412a
https://github.com/Haleth/Aurora/com...517c22e7f3ea7e

Still need to add GUI stuff, but you can try it already.

/run AuroraConfig.buttonColourGradient = true or false
/run AuroraConfig.buttonColour = {r, g, b, a}
/reload

Pure love right here! :banana:

I'm missing a Neon Green border around it; Please fix this before upload - thanks!

Almost makes me want to design an 8-bit UI :p

http://designmodo.github.io/Flat-UI/

@Haleth
That yellow thing is a joke right? No good.

@Nibel
I love the DotT style the most. :)

@ Zork; Yes, it was a reply to "Change is never bad" :p

That UI does look pretty. Perhaps there's some things to consider there...

I sorta like the gradient, but the flat looks just as nice. TBH, if you switched it, a majority of people wouldn't notice. If it's a pain and causing a problem, scrap the gradient and just go with the flat. ^^

I'll chime in late saying that I like the gradient over the flat. :)

Haha. Now it all makes sense :p

I now just removed "F.Reskin(PlayerTalentFrameTalentsLearnButton)" from the talent window to fix the white button and I think with Missing Textures no one how dosen't know will see the difference to the original button :)

You should change your UI scale though, some of the borders are messed up. :)

The new builds on my Github also don't have the white button problem, because I made an actual gradient texture instead of using SetGradientAlpha.