How to round all input-fields in Discourse?

Dev
1

How do I round them all at once via CSS?

image
image874×409 7.46 KB

2

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

var(--d-input-border-radius);

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.

2 Likes
3

Thanks, where can I see my forum Discourse variables?

4

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:

image
image1726×838 64 KB

5 Likes
5

thank so much

1 Like
6

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