A Web Design Crash Course: From one non-designer to another

I will preface this by saying that I'm not professionally a designer. That being said, I like building pretty things and have had some success with…

@alcinnz @[email protected] @markosaric Related: I recently saw a woman's webpage (female name) who was a supporter of accessible websites. She had a theme switcher button that worked without JS. Do you know which page that was? I saw it on mastodon or HN, can't remember which.
@p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL @alcinnz @estoricru @markosaric interesting idea. you could do this with an input element just before the theme root element, and use the adjacent sibling combinator (+) for a selector to nest all the theme styles under. then they would only apply if the input had a particular value, i.e. that theme was selected.

@seyerian @p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL @estoricru @markosaric Another approach would be serverside scripting + cookies.

And in the "Rhapsode" auditory browser I'm developing, you can simply link to the stylesheet. Won't recommend that option right now since it only works well in my weird little browser...

@p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL that was really wordy and didn't come out right. this is what i mean: `#dark_theme_checkbox:checked + #theme_wrapper { ... dark styles here ... }`. this would work for using a checkbox as a toggle for light/dark theme. unsure if possible to make it work with 3 or more themes.

also note there is a CSS media feature to detect the user's preferred color scheme: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

prefers-color-scheme - CSS | MDN

The prefers-color-scheme CSS media feature is used to detect if a user has requested light or dark color themes. A user indicates their preference through an operating system setting (e.g., light or dark mode) or a user agent setting.

MDN Web Docs

@p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL

I don't see a "theme switcher button" on https://laurakalbag.com/ , so it's probably not what you are seeking.

But
" a woman's webpage (female name) who was a supporter of accessible websites." makes me think of #LauraKalbag immediately.

You might like to follow her: @laura, she does such great work!

cc
@alcinnz @[email protected] @markosaric

Home

Hello! I’m a friendly designer originally from the UK, now living in Ireland. You’ll usually find me talking about rights-respecting design, accessibility and inclusivity, privacy, web design and development.

@el_joa @laura @alcinnz @[email protected] @markosaric Yeah I checked through that site too but it wasn’t quite. Know what's annoying? It's in my history on firefox mobile, but I don’t think there's a way to view my full history :)

@p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL

Yeah, I can feel you!

I have this with toots sometimes: I know I read one, but (having neigter liked nor bookmarked it) I can't find it again....