Fwiw, I see a FOUC on that page in Firefox but not in Vivaldi (my default browser, which is Chromium-based). Even in Firefox, it only happens the first time I select a style - presumably while the file is fetched and parsed.
Is inlining the theme-specific CSS in the document head an option here? That should fix the FOUC, and given the small size of the css files (they're ~1kB each), doesn't seem too bad an option? (You'd need to use a class or data attribute to switch theme)
Nick F
npub1rt…9dg2j
2024-10-07 19:15:30 UTC
in reply to nevent1q…5ceh
Author Public Key
npub1rt7gphlff4cj6znmtc9gwck9q3ykqqftfvu0kknqazyt5vcyg2hs29dg2jSeen on
wss://relay.momostr.pinkPublished at
2024-10-07 19:15:30 UTCEvent JSON
{
"id": "83e9b80332ef80cfb4141ea552fe4aac079c5e5911e25564a74b81ea56d189af",
"pubkey": "1afc80dfe94d712d0a7b5e0a8762c5044960012b4b38fb5a60e888ba330442af",
"created_at": 1728328530,
"kind": 1,
"tags": [
[
"e",
"ca2b45c972d65645eba0d2f20826929c54d58160a2b4a010d5baaffd2679b9ff",
"",
"root",
"9049fc0299d6db89f82d002bd25a7016583293b600f674a90c5bf5ea3a23835c"
],
[
"p",
"9049fc0299d6db89f82d002bd25a7016583293b600f674a90c5bf5ea3a23835c"
],
[
"proxy",
"https://mastodon.social/@nickautomatic/113267738554304696",
"web"
],
[
"e",
"f6670f4a46f27ea618bcc02e720011e96c5a0252ebe1baf8b5b45e06788c0bac",
"",
"reply",
"e59f3e5a85e6f5937f4f1901d01a0de8a655e353dda45ae33439694fedf97cc8"
],
[
"p",
"6a252ee355d1ece85b1ee39e9002bb76e2b3b625c1f7b28863d3001212452572"
],
[
"p",
"e59f3e5a85e6f5937f4f1901d01a0de8a655e353dda45ae33439694fedf97cc8"
],
[
"proxy",
"https://mastodon.social/users/nickautomatic/statuses/113267738554304696",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mastodon.social/users/nickautomatic/statuses/113267738554304696",
"pink.momostr"
],
[
"-"
]
],
"content": "Fwiw, I see a FOUC on that page in Firefox but not in Vivaldi (my default browser, which is Chromium-based). Even in Firefox, it only happens the first time I select a style - presumably while the file is fetched and parsed.\n\nIs inlining the theme-specific CSS in the document head an option here? That should fix the FOUC, and given the small size of the css files (they're ~1kB each), doesn't seem too bad an option? (You'd need to use a class or data attribute to switch theme)",
"sig": "eb40ddd3beed21a732f4aee54374eb7f1003acb20eaa85d79065772d7ebccef06ede882eef4ed9bce5eed98262b97d3ae155f58ca141c89c80fe36c4a2f79cb1"
}