From 3a3762ff9eb231fe57f129218844dee8b6653006 Mon Sep 17 00:00:00 2001
From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com>
Date: Sat, 30 May 2020 02:43:55 +0200
Subject: [PATCH] feat: turn "prefers-color-scheme" into link to MDN

---
 docs/script.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/docs/script.js b/docs/script.js
index cd877a6..8f6694a 100644
--- a/docs/script.js
+++ b/docs/script.js
@@ -40,13 +40,16 @@ const updateTheme = () => {
   table.fileSize.innerText = `${fileSizes[theme].toFixed(2)} kb`
 
   if (theme === 'auto') {
-    table.theme.innerHTML = 'Defaults to dark, but respects user-defined theme settings. Detected via <code>prefers-color-scheme</code>'
+    table.theme.innerHTML = `
+    Defaults to dark, but respects user-defined theme settings.<br>
+    (detected via <a style="--links: var(--code)" href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme" target="_blank" rel="noopener"><code>prefers-color-scheme</code></a>)
+    `
     table.browserSupport.innerHTML = `
       All current browsers
       (<a href="https://caniuse.com/#feat=css-variables" target="_blank" rel="noopener">support for CSS Custom Properties</a>)
     `
   } else {
-    table.theme.innerText = `Theme is forced to ${theme}`
+    table.theme.innerText = `Theme is forced to ${theme}.`
     table.browserSupport.innerText = 'All browsers (including Internet Explorer)'
     updateProductHunt(theme)
   }