Trying to use local _brand.yml

DESCRIPTION

@@ -1,6 +1,6 @@
 Package: pkgdownconfig
 Title: Stan pkgdown Website Styling
-Version: 2.3.0
+Version: 2.3.0.9000
 Authors@R: 
     person("Visruth", "Srimath Kandali", , "public@visruth.com", role = c("aut", "cre"), 
             comment = c(ORCID = "0009-0005-9097-0688"))

NEWS.md

@@ -1,3 +1,5 @@
+# pkgdownconfig (development version)
+
 # pkgdownConfig 1.0.0:9000
 
 Items for next release go here. This is just an example I'm not keeping a changelog. See release/commits.

_brand.yml

@@ -0,0 +1,31 @@
+meta:
+  name: Stan
+  link: https://mc-stan.org
+
+typography:
+  base:
+    family: Source Sans 3
+    source: google
+  headings:
+    family: Source Sans 3
+    source: google
+    weight: 700
+  monospace:
+    family: Source Code Pro
+    source: google
+
+color:
+  palette:
+    stan-cream: "#FEFBF2"
+    stan-blue-dark: "#052744"
+    stan-blue-med: "#3E8EBC"
+    stan-teal: "#053A42"
+    stan-gray-dark: "#181818"
+    stan-cream-light: "#FAF1E4"
+    stan-blue-light: "#AED1E4"
+    stan-nav-dark: "#303030"
+
+  foreground: stan-blue-dark
+  background: stan-cream
+  primary: stan-blue-med
+  secondary: stan-teal

inst/pkgdown/_pkgdown.yml

@@ -10,43 +10,27 @@ template:
   theme-dark: nord
 
   bslib:
-    # LIGHT THEME
+    brand: _brand.yml
 
-    bg: "#FEFBF2"
-    fg: "#052744"
-    primary: "#3E8EBC"
-    link-color: "#3E8EBC"
-    code-bg: "#FEFCF9"
-    code-color: "#053A42"
-    body-secondary-color: "#053A42"
+    rules: |
+      @include color-mode(dark) {
+        --bs-body-bg: #{$brand-stan-gray-dark};
+        --bs-body-color: #{$brand-stan-cream-light};
+        --bs-primary: #{$brand-stan-blue-light};
+        --bs-secondary: #{$brand-stan-blue-light};
+
+        .navbar {
+          --bs-navbar-bg: #{$brand-stan-nav-dark};
+        }
+      }
 
-    # navbar colors
     navbar-light-bg: "#052744"
     navbar-light-color: "#F2E5BD"
-    navbar-light-hover-color: "#F2E5BD"
     navbar-light-active-color: "#93B0F1"
-    navbar-light-brand-color: "#F2E5BD"
-    navbar-light-brand-hover-color: "#F2E5BD"
-
-    # DARK THEME
-
-    body-bg-dark: "#181818"
-    body-color-dark: "#FAF1E4"
-    link-color-dark: "#AED1E4"
-    code-bg-dark: "#242424"
-    code-color-dark: "#FEFCF9"
-
-    # navbar colors
+
     navbar-dark-bg: "#303030"
     navbar-dark-color: "#FAF1E4"
-    navbar-dark-hover-color: "#FAF1E4"
     navbar-dark-active-color: "#AED1E4"
-    navbar-dark-brand-color: "#FAF1E4"
-    navbar-dark-brand-hover-color: "#FAF1E4"
-
-    base_font: { google: "Source Sans 3" }
-    heading_font: { google: "Source Sans 3" }
-    code_font: { google: "Source Code Pro" }
 
 navbar:
   structure:

vignettes/Example.rmd

@@ -12,7 +12,7 @@ This is a testing vignette to make sure the conditional evaluation works.
 
 ```{r}
 print("Starting expensive computation")
-Sys.sleep(5)
+Sys.sleep(1)
 print("Done!")
 ```