unsolicited advice to avoid JavaScript, if desired
Hover or focus to reveal
Sensitive
@neineon77@transfem.social you can achieve this with pure CSS, assuming u merely want it use the browser's preference, i.e, instead of:
background: #FFFFFF;you can do:
background: light-dark(#FFFFFF, #000000);first argument to the function is the color to use in light mode, and second is the color to use in dark mode, this works in most modern browsers these days
if ur using CSS variables you can also merely do a media query and adjust them, i.e:
:root {
--background: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
:root {
--background: #000000;
}
}and if it's because you want a manual toggle, you can use CSS queries and simply have an somewhere, and apply the dark colors like so (assuming the input has a dark-mode class on it):
:root:has(.dark-mode:checked) {
--background: #000000;
}though keep in mind the toggle's state isn't remembered between refreshes...
unless absolutely desired, i would recommend merely following what the browser says it wants, as that's what most users expect
0
1
0
@Fiona@blahaj.zone
·
Apr 27, 2026
Fiona 
@Fiona@blahaj.zone
Autistic Binary Trans Woman in IT (because of course). 🏳️⚧️ 🇺🇦 🇵🇸 🇪🇺 🇹🇼 🏴 🏴 I’m a PhD in #Cryptography and am currently looking for a job (in the Netherlands or Remote). I am a very outspoken supporter and past user of #OpenHRT! Boosts are pretty much always welcome. Beware of hot takes. Luigi is the hero that we need and deserve! Please don’t read too much into my follows, non-follows and unfollows. I sometimes post images from my phone, but prefer to post alt-texts on a keyboard. If one is missing on a picture, give it a few minutes, it will be there soon. In an open relationship with @Senna@mk.absturztau.be. 😊 Still denying any notion that I’m a cat girl, ignore the purring when I get to cuddle with someone! Unsolicited advice given in good faith is unironically welcome, I’d rather have correct information and receiving it doesn’t hurt my ego. That doesn’t necessarily mean that I’ll follow it, but that I’ll take it into account. If I make you uncomfortable or overstep your boundaries, please tell me directly and right away, I promise to by nice about it, but I have some genuine blind spots when it comes to what the average person considers nice. (See e.g. the previous paragraph!) In turn you can trust me to do the same and that I won’t hold grudges about genuine mistakes.
blahaj.zone
telling transphobes to commit suicide
Hover or focus to reveal
Sensitive
For those who have any use for it:
Trans Rights Are Human Rights!
:root {
color-scheme: light dark;
div[popover] {
background-image: linear-gradient(
#5BCEFA calc(0 * 100% / 5) calc(1 * 100% / 5),
#F5A9B8 calc(1 * 100% / 5) calc(2 * 100% / 5),
#ffffff calc(2 * 100% / 5) calc(3 * 100% / 5),
#F5A9B8 calc(3 * 100% / 5) calc(4 * 100% / 5),
#5BCEFA calc(4 * 100% / 5) calc(5 * 100% / 5));
color: black;
border: 0.2em solid light-dark(black, white);
border-radius: 1em;
padding: 1em;
p {
background: oklch(from white l c h / 0.5);
padding: 0.2em;
border-radius: 0.2em;
box-shadow: 0 0 0.2em white;
}
div.popover-control-buttons {
display:flex;
width: 100%;
justify-content: center;
gap: 1em;
box-sizing: border-box;
}
a[role="button"], button, a[role="button"]:visited {
color: black;
background: white;
text-decoration: none;
border: solid black 0.05em;
display: inline-block;
padding: 0.1em 0.3em;
font-size: 1rem;
font-family: sans-serif;
border-radius: 0.1em;
user-select: none;
cursor: default;
&:hover {
background: #5BCEFA;
}
&:active{
background: #F5A9B8;
}
}
}
}
Show Dialog
Trans Rights Are Human Rights!
0
2
0
@trebetheric@mastodonapp.uk
·
Apr 23, 2026
Trebetheric
@trebetheric@mastodonapp.uk
Ⓥ∞ = ☮&❤️ he/him I follow vegan leaders and young leaders. 🌱 I don't live with any any rodents. That I know of. I live vicariously through people here who post pics of rats and mice. Thanks! I stand with BLM, LGBTQ+
mastodonapp.uk
0
2
0
You've seen all posts