#de3cc8 — Public Fediverse posts

@naipotato Just in general: Respect the user’s choice, don’t mess around with it just because YOU want your website to look a certain way. It’s generally easy too, here is what I use:

@ media (prefers-color-scheme: light) {
body {
color: black;
background-color: white;
}
blockquote, pre.sourceCode, pre.errors, figure{
background-color: #fbfbfb;
}
}
@ media (prefers-color-scheme: dark) {
body {
color: #cccccc;
background-color: #101010;
}
blockquote, pre.sourceCode, pre.errors, figure{
background-color: #202020;
}
a {
color: cyan;
}
a:visited {
color: #de3cc8;
}
}

Also, don’t specify the font if you don’t have to. Browser-fonts are user-configurable, and you should respect your user’s choice there too!

The web isn’t broken by default, only specify what you have too!

@naipotato Just in general: Respect the user’s choice, don’t mess around with it just because YOU want your website to look a certain way. It’s generally easy too, here is what I use:

@ media (prefers-color-scheme: light) {
body {
color: black;
background-color: white;
}
blockquote, pre.sourceCode, pre.errors, figure{
background-color: #fbfbfb;
}
}
@ media (prefers-color-scheme: dark) {
body {
color: #cccccc;
background-color: #101010;
}
blockquote, pre.sourceCode, pre.errors, figure{
background-color: #202020;
}
a {
color: cyan;
}
a:visited {
color: #de3cc8;
}
}

Also, don’t specify the font if you don’t have to. Browser-fonts are user-configurable, and you should respect your user’s choice there too!

The web isn’t broken by default, only specify what you have too!

@naipotato Just in general: Respect the user’s choice, don’t mess around with it just because YOU want your website to look a certain way. It’s generally easy too, here is what I use:

@ media (prefers-color-scheme: light) {
body {
color: black;
background-color: white;
}
blockquote, pre.sourceCode, pre.errors, figure{
background-color: #fbfbfb;
}
}
@ media (prefers-color-scheme: dark) {
body {
color: #cccccc;
background-color: #101010;
}
blockquote, pre.sourceCode, pre.errors, figure{
background-color: #202020;
}
a {
color: cyan;
}
a:visited {
color: #de3cc8;
}
}

Also, don’t specify the font if you don’t have to. Browser-fonts are user-configurable, and you should respect your user’s choice there too!

The web isn’t broken by default, only specify what you have too!

@naipotato Just in general: Respect the user’s choice, don’t mess around with it just because YOU want your website to look a certain way. It’s generally easy too, here is what I use:

@media (prefers-color-scheme: light) {
body {
color: black;
background-color: white;
}
blockquote, pre.sourceCode, pre.errors, figure{
background-color: #fbfbfb;
}
}
@media (prefers-color-scheme: dark) {
body {
color: #cccccc;
background-color: #101010;
}
blockquote, pre.sourceCode, pre.errors, figure{
background-color: #202020;
}
a {
color: cyan;
}
a:visited {
color: #de3cc8;
}
}

Also, don’t specify the font if you don’t have to. Browser-fonts are user-configurable, and you should respect your user’s choice there too!

The web isn’t broken by default, only specify what you have too!