💾 Archived View for midnight.pub › posts › 121 captured on 2022-03-01 at 15:16:44. Gemini links have been rewritten to link to archived content

View Raw

More Information

⬅️ Previous capture (2021-12-03)

-=-=-=-=-=-=-

Midnight Pub

Re: ~nsilvestri Mirror

~starbreaker

I can see where ~nsilvestri's coming from here.

I can't exactly say I like the Midnight's current identity. In fact, with recent changes I'm not entirely sure what the Midnight's identity is, or what it is supposed to be. Still, I respect both ~m15o and ~bartender for their work on the Midnight and their boldness to experiment. I trust their judgement and believe they will arrive at a satisfactory solution in the end.

Likewise for ~zampano

But the lack of _any_ customization (especially a way to instill some kind of dark mode) makes reading the site not very pleasant.

It would be nice if the Midnight still used users' custom stylesheets when they're logged in. Also, if posts had a "reply" link that populated the text area with the original post, this might make dialogue a bit easier—though I have no idea if that would be compatible with browsers that aren't Firefox or Chrome & friends.

Still, I'm surprised the default stylesheet doesn't honor dark-mode preference. This is what I implemented for the new version of starbreaker.org.

html {
	font-size: medium;
}

body {
	margin:1rem auto;
	max-width: 40rem;
	padding: 0 .62rem;
	font: 1.2rem/1.62 sans-serif;
}

h1, h2, h3 {
	line-height:1.2;
}

blockquote {
	padding: .1rem 1rem;
	border-left: .25rem solid;
	background-color: #eee;
}

hr {
	color: #111;
}

img {
	max-width: 100%;
	height: auto;
}

.top-heading {
	margin-bottom: .5rem;
}

.top-heading, .tldr {
	font-size: 1rem;
}

.tldr {
	margin-top: -1.5rem;
	font-weight: bold;
	font-style: italic;
}

@media print {
	body {
		max-width:none
	}
}

@media (prefers-color-scheme: dark){
	body {
		color:#fff;
		background:#000;
	}

	blockquote {
		border-left: .25rem solid #fff;
		background-color: #111;
	}

	hr {
		color: #fff;
	}
	
	a:link {
		color:#9cf;
	}

	a:hover, a:visited:hover {
		color:#cef;
	}

	a:visited {
		color:#c9f;
	}
}

Write a reply