Allows you to use Mastodon and Bluesky comments on your Lustre blog
chilp.hexdocs.pm
lustre
indieweb
mastodon
bluesky
comments
blog
gleam
Pin colours for the bluesky apps
MLC Bloeiman
(Apr 21, 2026, 9:27 AM +0200)
b47e5ca4
293a0e84
+5
-5
+5
-5
src/chilp/widget.gleam
+5
-5
src/chilp/widget.gleam
···
367
367
element.none(),
368
368
)
369
369
}
370
-
html.div([attribute.class("comment-widget px-4")], [
370
+
html.div([attribute.class("comment-widget")], [
371
371
html.div(
372
372
[
373
373
attribute.class(
···
443
443
attribute.href(comment.author_profile_link),
444
444
attribute.class("link link-secondary-content link-sm"),
445
445
],
446
-
[element.text(comment.author_username)],
446
+
[element.text("@" <> comment.author_username)],
447
447
),
448
448
element.text(" • "),
449
449
html.time(
···
571
571
html.span([attribute.class("text-xs mr-2 opacity-50")], [
572
572
element.text("Open in:"),
573
573
]),
574
-
icon_link("Bluesky", "bsky.app", "text-info"),
575
-
icon_link("Blacksky", "blacksky.community", "text-neutral"),
576
-
icon_link("Witchsky", "witchsky.app", "text-secondary"),
574
+
icon_link("Bluesky", "bsky.app", "text-[#006aff] bg-white"),
575
+
icon_link("Blacksky", "blacksky.community", "text-white bg-black"),
576
+
icon_link("Witchsky", "witchsky.app", "text-[#ed5345] bg-white"),
577
577
]),
578
578
])
579
579
}