CSS settings for linebreak appearance?

[nvblue]

First, search the help docs and this forum. Maybe your question has been answered! The debugging steps can help, too. Still stuck? Delete this line and proceed.

What I’m trying to do

Hi all!

Just looking for a way to make linebreaks more prominent in appearance on the screen. I notice when I change between themes that there are different linebreak renditions, and was wondering if it is possible to modify linebreaks by making them a thicker line or perhaps a different color.

Thanks,

Things I have tried

[CawlinTeffid]

A CSS snippet can do it. When searching for existing snippets you’ll want to using terms like horizontal (bar, line, rule), or “thematic break” which is what the HTML version is called now. I don’t recall seeing them called linebreaks before (until the end of your post I thought you meant newlines).

[ariehen]

Ah, good catch Cawlin. I was thinking a marker for end-of-line carriage returns or blank lines. A horizontal rule (hr) makes sense here.

If it’s indeed that, for simply adjusting color and thickness, you could use this CSS:

body { 
    --hr-color: var(--background-modifier-border);
    --hr-thickness: 2px;
}

The above are the default values, so you’d, for example, change it to:

body {
    --hr-color: var(--color-red);
    --hr-thickness: 3px;
}

…or if you wanted to get really fancy:

Creating fancy Horizontal Rule lines

Hi! Horizontal rules are a fun element to style, though sometimes it’s frustrating to do special things with them. Here’s a collection of templates to show off different things you can do to style them. Gradient Horizontal Rules Starting out quite simply, you can make the line a gradient from transparent on the sides to a solid color in the center. [image] The code: body { --hr-line-offset: 25%; --hr-color: lightsalmon; } :root hr { border-image-slice: 1; border-image-sou…