🏗️ separating assets for light/dark themes into different directories

[DerekNonGeneric]

🐛 Bug report

Location

Section of the site where the content exists

Affected URL(s):

• https://open.inf.is/assets/img/
• https://open.inf.is/assets/img/svg/

Description

Concise explanation of the problem

obviously, this was a bit of a toss-up in the old Markdown repo:

🔗 OpenINF/GitHub-Markdown#2

---

yep, somethings not cooperating

/
├── themes/
│   └── instrinsic/
│       └── img/
│           └── icons/
│               └── web-badges/
│                   ├── README.md
│                   └── publicdomain.svg
└── blockquotes/
    └── badge/
        ├── dark-theme/
        └── light-theme/
        

Originally posted by @DerekNonGeneric in OpenINF/GitHub-Markdown#2 (review)

---

• I would like to work on this issue and submit a pull request.

[DerekNonGeneric]

i had a feeling that perhaps @OpenINF/ATeamBard had a good understanding of this:

[DerekNonGeneric]

well, this jogged my memory about there being a good point about web app manifests:

• https://web.dev/learn/pwa/web-app-manifest/#recommended_fields

just noticed right below that it is perfectly talking about scenarios where this prefers-color-scheme option
is at play:

[…] when needing to determine theme color ( still thinking where else metadata fields are supplied )

[DerekNonGeneric]

now regarding the assets dir, we cannot forget about jekyll theming influence on site architecture:

🔗 https://jekyllrb.com/docs/themes

🔗 https://jekyllrb.com/docs/themes/#assets

🔗 https://jekyllrb.com/docs/static-files/#add-front-matter-to-static-files

[DerekNonGeneric]

beyond assets/img/, i do like to separate by file type (as one can currently tell) and within those, having dark/ and light/ perhaps may be starting to get a bit too deep (?)

maybe we can make the distinction via filename instead…

brb, gotta make another palette

[DerekNonGeneric]

CSS within SVGs are amenable to prefers-color-scheme CSS media queries, so it may not always be necessary to make a distinction via filename or convention