luxick/datascape
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Declare a dark color scheme

Browse Source 
Firefox has no cross-document view transitions and paints its default
white canvas between pages; color-scheme makes that frame dark. Native
controls (checkboxes, scrollbars) now use their dark variants too.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
luxick
2026-09-30 19:14:00 +02:00
co-authored by Claude Opus 5.5
parent 14fadf096a
commit 20f0ae5111
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/layout.html
+4
View File
@@ -3,6 +3,10 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, interactive-widget=resizes-content" /> <meta name="viewport" content="width=device-width, initial-scale=1, interactive-widget=resizes-content" />
<!-- Dark from the first frame: browsers without cross-document view
transitions (Firefox) otherwise flash their default white canvas
between pages, before style.css applies. -->
<meta name="color-scheme" content="dark" />
<title>{{.Title}}</title> <title>{{.Title}}</title>
<link rel="icon" href="{{asset "favicon.ico"}}" /> <link rel="icon" href="{{asset "favicon.ico"}}" />
<link rel="preload" href="/_/fonts/IosevkaEtoile.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/_/fonts/IosevkaEtoile.woff2" as="font" type="font/woff2" crossorigin />