wires/hypnagaga_old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

copy

Browse source
This commit is contained in:
madrilene 2024-02-12 10:02:23 +01:00
parent 1b0538c865
commit e237ee55f4
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/docs/theme.md
View file

@ -7,7 +7,10 @@ With version 2.0 I introduced dark and light mode. This is not intended to be a
Dark and light mode respects the user agent or operating system settings using the `prefers-color-scheme` CSS media feature. But there is also a switch in the `<footer>`.
If you want to change something here, for example replace the button with a sun/moon icon, make sure to preserve accessibility.
The accessible name ("Theme dark" or "Theme light") is put together by `aria-labelledby="theme-switcher-label"` "Theme" and the <button>s "light" and "dark". If your site is in another language, you can adjust those values in `_data/meta.js`, for both the content of the `<button>`s and their `aria-label`
The accessible name ("Theme dark" or "Theme light") is put together by `aria-labelledby="theme-switcher-label"` resolving to "Theme" and the `<button>`s "light" and "dark".
If your site is in another language, you can adjust those values in `_data/meta.js`, for both the content of the `<button>`s and their `aria-label`.
If you remove the "light" and "dark" `<button>` and you don't use the heading with the ID `theme-switcher-label`, the value for the accessible name must be obtained differently.