How to round all input-fields in Discourse?

How do I round them all at once via CSS?

There is a variable you can use, which is applied to most (regular) inputs:


So set that variable in the root of your css to a value of your liking:

:root {
--d-input-border-radius: 20px;

There might be some cases where you have to manually touch up though, but this should be a good start.


Thanks, where can I see my forum Discourse variables?

In the core code of Discourse, the custom properties you can override can be found in this file:

To override any of these, you can add them to the root of your theme like this:


thank so much

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.