I'm trying to design a header, where the border is separated from the header by some arbitrary amount. I can easily do this for other elements by using both 'border' and 'outline', but I would like this header to have rounded corners.
I can round the corners of the 'border', using 'border-radius. However, I cannot find a way to do the same for the 'outline', as 'outline-radius' is not a property (at least as far as I'm aware).
I would also like the header to be "themeable", where the "theme" parameter can be changed to alter the colour of the background and text etc.
Is there any other way to achieve my desired result?
(CustomHeader can be found right at the bottom at line 2767)
Thanks in advance :3