sharksonaplane

sharks + planes as formerly seen on Twitter

@sharksonaplane

Sharyna Tran

Sharks are cool and comfortable!

Elden Thing | Back & Body Hurts Platinugggggh Rewards Member

Profile pic and banner credits: sharkaeopteryx art by @superkiak! eggbug by eggbug! Mash-up by me!
[Alt-text for pfp: a cute sharkaeopteryx sat on the ground with legs out, wings down, jaw ajar, and hed empty, looking at eggbug and eggbug's enigmatic smile.]
[Alt-text for banner: a Spirit Halloween banner with eggbug and the sharkaeopteryx that Superkiak drew for me looking at it with inscrutable expressions]

I'm a Vietnamese cis woman born and currently living in the U.S. You may know me from Sandwich, from Twitter or Mastodon (same username), or on Twitch as Sharkaeopteryx. I do not have a Discord or Bluesky account.

Ask me about language learning/teaching, cooking/eating food, late diagnosis ADHD, and volunteer small business mentoring. Or don't, I'm not the boss of you.

I think people deserve to be young, make mistakes, and grow without being held to standards they don't know about yet and are still learning. So, if you are under 22, please don't try to strike up a friendship or get involved in discussions on my posts.

Please don't automatically assume I follow/know/co-sign someone just because I reposted something from themโ€”sometimes I do, sometimes I don't. Also, if you think being removed as a follower when we're not mutuals is a cardinal sin, please do not follow me.

log inask
๐Ÿ˜Mastodon
search for @sharksonaplane@mastodon.sandwich.net and hit follow if you want
Hang out with me on the Auldnoir forum! (you can DM there!)
discourse.auldnoir.org/
Sign my Cohost yearbook ๐Ÿ“
recocards.com/board/cohost-yearbook-sharksonaplane-94772758696c
Follow me on Twitch
twitch.tv/sharkaeopteryx
Add my RSS feed (not working yet but I'll get to it!)
sharkaeopteryx.neocities.org/rss.xml
My Throne link
throne.com/sharkaeopteryx
My Ko-fi link
www.ko-fi.com/sharkaeopteryx
sharksonaplane
@sharksonaplane
eramdam
@eramdam
wavebeem
@wavebeem

i added dark mode for you!!... will you make light mode for me?

due to the way my eyes work, dark mode is actually a lot harder to read. but i know for some folks it's totally the opposite. so despite not really feeling like dark mode works very well for the current vibe of my site, i've implemented one

now i ask of you,

will you make light mode for me?

i end up using "reader mode" in firefox to get a light mode theme on a lot of blogs because it's more comfortable to read, but then i lose all your awesome custom work.......... if you can deal with the extra work, i suggest having both!!

:root {
  --color-background: #fff;
  --color-text: #333;
  background: var(--color-background);
  color: var(--color-text);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: #333;
    --color-text: #ccc;
  }
}
syntax highlighting by codehost
@sharksonaplane shared with:
You must log in to comment.

in reply to @wavebeem's post:

wavebeem
@wavebeem

the really hard part is letting users switch themes...... you can't really do this without a backend OR render blocking JS to my knowledge :(((( i'd really prefer to just have folks use my lovingly crafted light theme by default, but what can you do

i wish browsers allowed you to edit the site theme per-site........................... ugh

login to reply
wavebeem
@wavebeem

like its totally doable browser side to change what preferred theme is advertised... i know firefox even lets you set the "preferred site theme" separate from the OS theme... just not on a site by site basis.............

login to reply
Lexfeathers
@Lexfeathers

Right yeah, that's how I was able to test! I mean that it would be a really cute thing to have a user-facing light/dark mode button right on the website just to show off the differing designs. I often click those when they're available, even though I prefer dark mode because I just like seeing pretty colour palettes :)

login to reply
wavebeem
@wavebeem

idk if you use firefox or not but they actually have a dark/light toggle button in the dev tools which is a life saver :)

as progressive enhancement im totally cool with adding a little js snippet to swap themes, but you've got to make sure it loads and blocks all rendering to restore the current theme

i actually did this on https://2bit-ui.wavebeem.com/ so i might add it to my main site!! i could make it a lot simpler by toggling some classes instead, i just wish the browser could do it for me haha..............

login to reply
wavebeem
@wavebeem

gosh that really would be nice. i have to imagine this is one of those things that's really hard to prioritize internally. my current employer has been struggling with making the time for this for years now. it's hard to tie dollar signs to it, i guess!

login to reply
irina
@irina

i feel like the best argument to make is 'accessibility' but that's not enough it seems. the abc isn't even a private company! this is the public broadcaster!

like if you have an interesting colour scheme it's difficult, but the ABC is literally just Black, White, Yellow highlights (which might need to change) and highlights of Blue (which wouldn't).

login to reply
wavebeem
@wavebeem

oh i know but the state of the industry with respect to accessibility is enough to make me cry!!!! i would really like to see more high profile lawsuits against big companies and public entities to force them into compliance!! :(

login to reply
irina
@irina

i actually just opened up the abc's site with firefox dev tools. they've done 90% of the work!

they've hard-coded data-theme="light" into the opening body tag, and there's like a couple of highlight colours/text boxes that need work if you change it in dev tools, (literally just making the yellow highlight transparent) but it's like 15 minutes of work there? they just did this massive redesign!

login to reply
JayPostings
@JayPostings

Thank you for this, sooo much.
I struggle reading with dark mode, and I often get some flack for making my code brighter, but it genuinely helps my head.

Ive been struggling with coding a dark mode on my site, so using this will be helpful!

login to reply
irina
@irina

in an ideal world, i would set everything to follow system theme, and change system theme based on time of day / lighting, but so much stuff refuses to follow system theme changes without a system restart? looking at discord (desktop), among others.

login to reply
SnepShark
@SnepShark

Oooh, I had no idea prefers-color-scheme was an option, thanks! I'll definitely need to keep this in mind.

Out of curiosity, for an ideal light mode, is it generally okay to have the main text background be light (w/ dark text), but with furthest layer back being dark, or does everything other than text need to be light? (in other words, like using the dark background on cohost, but with the post boxes set to light?)

login to reply
wavebeem
@wavebeem

well, it's gonna depend on the person! for me the main thing is i prefer reading dark text on a light background. i actually love when there's some dark colors on the page too, and not ALL the text needs to be dark. cohost in the light theme is actually really nice for me with nav/sidebar having light text and main content having dark text.

login to reply
wavebeem
@wavebeem

yeah you can do a theme switcher with javascript or backend code but i really think for most simple personal sites that the prefers-color-scheme approach is good enough and a million times easier

login to reply
irina
@irina

i think what matters is light text on dark vs. dark text on light. you can change up everything else however you like, really.

small light text on dark (especially white on solid black) can cause optical effects that make it harder to read. a dark background elsewhere isn't gonna cause problems, nor is big bold header text likely to be much of an issue

login to reply
Pinned Tags