CSS snippet to modify corner radiuses

Hello! A forum mod in Discord recommended sharing the snippet here so any other folks who may not be fans of the new pill style UI in the recent update can make changes if they so wish.

This is the snippet I put together to change every rounded/pill UI element corner radius at as high a level I could by changing the variables in :root * – just change the 4px to whatever value you want, and you can change which --touch-radius-# variable each class is using, too.

It’s definitely possible to get more specific to target specific elements if you only want to change some/want to vary the changes instead of having them be uniform.

Hope others find this helpful! :slight_smile:

mobile corner radiuses.css (1.3 KB)

5 Likes

Thank you so much! That’s exactly what I was looking for.

Thanks! Much appreciated!