« get me outta code hell

content: generatePageLayout: <meta name="theme-color"> - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/content/dependencies
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2023-08-02 13:23:40 -0300
committer(quasar) nebula <qznebula@protonmail.com>2023-08-02 13:23:50 -0300
commitfe0fc015b5ffb3d8834b8ccd4891a373b380f363 (patch)
treeb7964659a2ab64fa5cde738a251fdaa651f49b2f /src/content/dependencies
parent619fa8d1de2cb457ec7d350f5e3ec17f24b65cb6 (diff)
content: generatePageLayout: <meta name="theme-color">
Diffstat (limited to 'src/content/dependencies')
-rw-r--r--src/content/dependencies/generatePageLayout.js23
1 files changed, 23 insertions, 0 deletions
diff --git a/src/content/dependencies/generatePageLayout.js b/src/content/dependencies/generatePageLayout.js
index 899725b8..706340cc 100644
--- a/src/content/dependencies/generatePageLayout.js
+++ b/src/content/dependencies/generatePageLayout.js
@@ -53,6 +53,7 @@ export default {
 
   extraDependencies: [
     'cachebust',
+    'getColors',
     'html',
     'language',
     'pagePath',
@@ -202,11 +203,14 @@ export default {
 
   generate(data, relations, slots, {
     cachebust,
+    getColors,
     html,
     language,
     pagePath,
     to,
   }) {
+    const colors = getColors(slots.color ?? data.wikiColor);
+
     let titleHTML = null;
 
     if (!html.isBlank(slots.title)) {
@@ -556,6 +560,25 @@ export default {
               content: 'width=device-width, initial-scale=1',
             }),
 
+            slots.color && [
+              html.tag('meta', {
+                name: 'theme-color',
+                content: colors.dark,
+                media: '(prefers-color-scheme: dark)',
+              }),
+
+              html.tag('meta', {
+                name: 'theme-color',
+                content: colors.light,
+                media: '(prefers-color-scheme: light)',
+              }),
+
+              html.tag('meta', {
+                name: 'theme-color',
+                content: colors.primary,
+              }),
+            ],
+
             /*
             ...(
               Object.entries(meta)