Merge pull request #124 from astroDimitrios/feature/dark-mode

Implement dark mode
carpentries · Jun 14, 2024 · 4d16701 · 4d16701
2 parents 765d83d + f3716f6
commit 4d16701
Show file tree

Hide file tree

Showing 22 changed files with 1,100 additions and 135 deletions.
diff --git a/inst/pkgdown/assets/assets/images/data-logo-sm.svg b/inst/pkgdown/assets/assets/images/data-logo-sm.svg
diff --git a/inst/pkgdown/assets/assets/images/data-logo.svg b/inst/pkgdown/assets/assets/images/data-logo.svg
diff --git a/inst/pkgdown/assets/assets/scripts.js b/inst/pkgdown/assets/assets/scripts.js
diff --git a/inst/pkgdown/assets/assets/styles.css b/inst/pkgdown/assets/assets/styles.css
diff --git a/inst/pkgdown/assets/assets/styles.css.map b/inst/pkgdown/assets/assets/styles.css.map
diff --git a/inst/pkgdown/assets/assets/themetoggle.js b/inst/pkgdown/assets/assets/themetoggle.js
diff --git a/inst/pkgdown/templates/head.html b/inst/pkgdown/templates/head.html
@@ -1,6 +1,7 @@
     <meta charset="utf-8">
     <title>{{#site}}{{&title}}{{/site}}{{#pagetitle}}: {{&pagetitle}}{{/pagetitle}}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <script src="{{#site}}{{root}}{{/site}}assets/themetoggle.js"></script>
     <link rel="stylesheet" type="text/css" href="{{#site}}{{root}}{{/site}}assets/styles.css">
     <script src="{{#site}}{{root}}{{/site}}assets/scripts.js" type="text/javascript"></script>
     <!-- mathjax -->
@@ -27,4 +28,5 @@
     <link rel="manifest" href="{{#site}}{{root}}{{/site}}site.webmanifest">
     <link rel="mask-icon" href="{{#site}}{{root}}{{/site}}safari-pinned-tab.svg" color="#5bbad5">
     <meta name="msapplication-TileColor" content="#da532c">
-    <meta name="theme-color" content="#ffffff">
+    <meta name="theme-color" media="(prefers-color-scheme: light)" content="white" />
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" />