WidgetResouce: use card style for overlay, but make it glass

[danirabbit]

Now that we're in the future we can use blur! Also use card styles to save a bunch of custom CSS

[vjr]

@danirabbit i'm unable to see a difference in the cards between main branch and this PR - do you maybe have some local changes in other repos (granite maybe) that are not yet pushed/deployed?

[stsdc]

@danirabbit reads in my mind :D

However, I think that bottom shadow feels too heavy on the light theme. Not sure if we can do anything about this...

[stsdc]

@vjr are you building this on the daily? Also run ninja clean.

[vjr]

@vjr are you building this on the daily? Also run ninja clean.

Thanks, yep I'm on os9 daily, also tried ninja clean, I guess the difference is too subtle for my eyes+monitor, as long as you see it. Could the glass/blur maybe be made stronger/easier to see?

[stsdc]

@vjr are you building this on the daily? Also run ninja clean.

Thanks, yep I'm on os9 daily, also tried ninja clean, I guess the difference is too subtle for my eyes+monitor, as long as you see it. Could the glass/blur maybe be made stronger/easier to see?

If you don't see the grid behind it, then it works. The blur is already pretty substantial.

[danirabbit]

@stsdc the shadows in granite 9 will be much softer if that's okay for you. Otherwise I could adjust it in this branch

[stsdc]

@stsdc the shadows in granite 9 will be much softer if that's okay for you. Otherwise I could adjust it in this branch

All right then! I was staring at it for a few minutes now and it is not that bad 😅
Thanks for all the css work!