From f05dfdf8feb47f2afcc622bc594fbe091eed2615 Mon Sep 17 00:00:00 2001 From: Gregg Tavares Date: Tue, 10 Mar 2026 10:46:30 -0700 Subject: [PATCH] Use a local theme. The current theme is not dark mode aware. As such it was showing the dark SVG logo on a hard coded light page. This changes it to use a local theme so that it's entirely in the site's control. --- README.md | 4 ++++ _config.yml | 3 +++ _layouts/default.html | 12 ++++++++++++ assets/css/style.css | 30 ++++++++++++++++++++++++++++++ 4 files changed, 49 insertions(+) create mode 100644 _config.yml create mode 100644 _layouts/default.html create mode 100644 assets/css/style.css diff --git a/README.md b/README.md index f0384f1..b1c6d05 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,7 @@ +--- +layout: default +permalink: / +--- WebGPU logo diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..f83d9fb --- /dev/null +++ b/_config.yml @@ -0,0 +1,3 @@ +title: WebGPU +theme: [] + diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..e90a77c --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,12 @@ + + + + + + {{ page.title | default: site.title }} + + + + {{ content }} + + diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..b6e5953 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,30 @@ +:root { + color-scheme: light dark; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; + line-height: 1.5; + max-width: 1012px; + margin: 40px auto; + padding: 0 30px; + background-color: canvas; + color: canvastext; +} + +a { + color: accentcolor; + text-decoration: none; +} + +pre, code { + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; + background-color: rgba(175, 184, 193, 0.2); + padding: 0.2em 0.4em; + border-radius: 6px; +} + +h1, h2 { + border-bottom: 1px solid rgba(210, 217, 223, 0.2); + padding-bottom: 0.3em; +} \ No newline at end of file