CSS solution: child boards in columns on default markup.

[Antechinus]

Aha. Just found another bug with my nifty dark theme. Hr's inside quotes. I'll sort that.

Anyway, re BBC and group colours on this site, I've refined it to this now:

Code Select Expand

span[style="color: beige;"], span[style="color: limegreen;"], span[style="color: orange;"], span[style="color: pink;"], span[style="color: red;"], span[style="color: white;"], span[style="color: yellow;"] {filter:brightness(.8);}
span[style="color: maroon;"], span[style="color: purple;"] {filter:brightness(1.4);}
span[style="color: navy;"], a[style*="#001198"], a[style*="#512801"] {filter:brightness(2);}
span[style="color: black;"], a[style*="#000000"] {filter:invert(.4);}

That covers everything pretty well, although the blues are always going to be crud on a dark theme unless you turn them into something completely different. Blue text on a dark theme just doesn't work.

[live627]

In 2.1 we can use even less code

in ./Themes/<your-theme>/css/index.css, find

Code Select Expand

/* Child boards */
.children {
border-top: 1px solid #ddd;
padding: 5px;
width: 100%;
}
.children p {
font-size: 0.9em;
}
.children span::after {
content: ", ";
}
.children span:last-of-type::after {
content: "";
}
Replace with

Code Select Expand

/* Child boards */
.children {
border-top: 1px solid #ddd;
margin-inline: 80px 0;
padding: 5px;
width: 100%;
}
.children p {
font-size: 0.9em;
line-height: 2.2;
columns: 3 260px;
}
.children strong {
column-span: all;
display: block;
}
.children span {
display: block;
}