Rounded Borders for images, oneboxes, blockquotes & more

Created a very simple component to change the borders of images, oneboxes, blockquotes and staff notices shown in topics.

Allows change of the following settings

  • set image rounding intensity
  • set image border width
  • set image border color
  • set onebox rounding intensity
  • change onebox border width
  • change onebox border color
  • change onebox background color
  • set rounding blockquotes intensity
  • remove left border from blockquotes
  • set ‘staff color’ rounding intensity
  • topic thumbnail support for:
    • list rounded corners
    • grid rounded corners
    • placeholder bg
    • placeholder icon color
    • grid topic title bg

Light mode with 10px rounding and no border

Dark mode with 10px rounding and 2px border

Including onebox support

Blockquote rounding (15px)

Or remove left border from blockquotes:

Rounded staff color

Support for Topic Thumbnails

List view

image

Grid view

image

:sunglasses: Preview Screenshots above / Live Preview
:link: Github Repo Rounded Image Borders
:hammer_and_wrench: Install Guide How to install a theme or theme component
24 Likes

Thank you this is quite nice.

1 Like

Thank you! Been using it for a while now.

2 Likes

Really nice. One update wish. Would be cool if we could add padding between the border and the paste. Cheers!

1 Like

Please enlighten your suggestion with a screenshot, I don’t fully understand it.

I have pushed a few improvements:

  • You can adjust avatar rounding now (default, circle = 50%)
  • Some improvements for buttons. If button rounding is enabled category dots get fixed minimal rounding + modals are included now.
2 Likes