Yup, before legibility goes down the drain, I was about to start fiddling with opacity bla bla, sure. Right now it’s to dramatic even if rendered only once.
Also, I have a solution with linear-gradients, but it didn’t work, either: same problem. And then I started to look into graphical solutions. Would prefer without graphics, too. The current one is without a graphics file, at least.
/* background-color: #dbecdc;
background-image: url("graph-paper.svg"); */
/* background-image: linear-gradient(0deg, #f3f5e2 47.62%, #c6cde6 47.62%, #c6cde6 50%, #f3f5e2 50%, #f3f5e2 97.62%, #c6cde6 97.62%, #c6cde6 100%);
background-size: 42.00px 42.00px; */
/* background-color: #fff;
background-image: linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), linear-gradient(#eee .1em, transparent .1em);
background-size: 100% 1.2em; */
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAB6ADAAQAAAABAAAABwAAAADRVt9WAAAAGUlEQVQIHWNMqL7ty4AL4JNkwqUJJD4QkgDxTwQSkvd38gAAAABJRU5ErkJggg==) repeat;
That is where I try to get the background in html, body {}. It is the excellent markdown-in-DT css file by @OlivierPS that I want to get away from using said font-variant: small-caps because it doesn’t look good in that font-family using the ß (that’s also one fifth of my last name) and change the background to reflect my Zettelkasten-Zettel better, while I’m at it. In any case, if it’s not gonna work, I’ll stay with original OpSpl.css file.
And now, having looked at html, body together, is that maybe the problem? And now, having tested it, there it is: the background was rendered twice: once for html, and once for body.
Should I feel stupid or smarty pants now?