diff --git a/crates/docs/src/static/index.html b/crates/docs/src/static/index.html
index 8f4295eb2d..c5524ab12b 100644
--- a/crates/docs/src/static/index.html
+++ b/crates/docs/src/static/index.html
@@ -10,6 +10,9 @@
+
diff --git a/www/public/different-names/index.html b/www/public/different-names/index.html
index 35914c21ea..2f38592f38 100644
--- a/www/public/different-names/index.html
+++ b/www/public/different-names/index.html
@@ -9,6 +9,10 @@
+
+
diff --git a/www/wip_new_website/main.roc b/www/wip_new_website/main.roc
index 494b5fd494..ac3efe5880 100644
--- a/www/wip_new_website/main.roc
+++ b/www/wip_new_website/main.roc
@@ -2,7 +2,7 @@ app "roc-website"
packages { pf: "../../examples/static-site-gen/platform/main.roc" }
imports [
pf.Html.{ html, head, body, footer, div, main, text, nav, a, link, meta },
- pf.Html.Attributes.{ content, name, id, href, rel, lang, class, title, charset },
+ pf.Html.Attributes.{ content, name, id, href, rel, lang, class, title, charset, color },
]
provides [transformFileContent] to pf
@@ -43,6 +43,9 @@ view = \page, htmlContent ->
meta [name "viewport", content "width=device-width"] [],
link [rel "stylesheet", href "/wip/site.css"] [],
link [rel "icon", href "/favicon.svg"] [],
+ # Safari ignores rel="icon" and only respects rel="mask-icon". It will render the SVG with
+ # fill="#000" unless this `color` attribute here is hardcoded (not a CSS `var()`) to override it.
+ link [rel "mask-icon", href "/favicon.svg", color "#7d59dd"] [],
],
body [] [
viewNavbar,