Add dark theme switch

.github/workflows/pkgdown.yaml

@@ -2,9 +2,9 @@
 # Need help debugging build failures? Start at https://github.com/r-lib/actions#where-to-find-help
 on:
   push:
-    branches: main
+    branches: [main, dev]
   pull_request:
-    branches: main
+    branches: [main, dev]
   release:
     types: [published]
   workflow_dispatch:
@@ -40,9 +40,18 @@ jobs:
         shell: Rscript {0}
 
       - name: Deploy to GitHub pages 🚀
-        if: github.event_name != 'pull_request'
+        if: github.event_name != 'pull_request' && github.ref_name == 'main'
         uses: JamesIves/[email protected]
         with:
           clean: false
           branch: gh-pages
           folder: docs
+
+      - name: Deploy to GitHub pages 🚀
+        if: github.event_name != 'pull_request' && github.ref_name == 'dev'
+        uses: JamesIves/[email protected]
+        with:
+          clean: false
+          branch: gh-pages
+          folder: docs
+          target-folder: dev

DESCRIPTION

@@ -5,6 +5,8 @@ Authors@R:
     person("Hugo", "Gruson", , "[email protected]", role = c("aut", "cre", "cph"),
            comment = c(ORCID = "0000-0002-4094-1476"))
 Description: What the package does (one paragraph).
+Imports:
+    pkgdown (>= 2.1.0)
 License: MIT
 Config/testthat/edition: 3
 Encoding: UTF-8

inst/pkgdown/_pkgdown.yml

@@ -16,9 +16,7 @@ template:
     base_font: "DM Sans"
     code_font: "Roboto Mono"
     danger: "#F04A4C"
-
-navbar:
-  bg: dark
+  light-switch: true
 
 figures:
 #  fig.retina: 1 # required by the showtext package

inst/pkgdown/extra.scss

@@ -1,7 +1,7 @@
 @import 'https://fonts.googleapis.com/css2?family=DM+Sans:opsz,[email protected],400;9..40,700&family=Roboto+Mono&display=swap';
 
-.bg-dark {
-  background-color: #071E2D !important;
+.navbar {
+  background-color: #071E2D;
 }
 
 .navbar-nav .nav-item > .nav-link, .navbar-brand, .navbar-brand:hover, .navbar-brand:focus {
@@ -17,7 +17,8 @@
   color: #555;
 }
 
-.version-number {
+// Version number colour for releases
+.nav-text.text-muted {
   color: #888 !important;
 }