Updated bootstrap variables with brand

Author: cwhite911

_brand.yml

@@ -11,19 +11,19 @@ meta:
 typography:
   fonts:
     - family: Open Sans Regular
-      source: google
+      source: bunny
     - family: Open Sans Bold
-      source: google
+      source: bunny
     - family: Fira Sans Medium
-      source: google
+      source: bunny
     - family: Fira Code
-      source: google
+      source: bunny
   base: Open Sans Regular
   headings:
     family: Open Sans Bold
-    color: primary
+    color: alt_blue
   link:
-    color: primary
+    color: secondary
   monospace: Fira Code
 
 
@@ -51,11 +51,12 @@ color:
   secondary: blue
   tertiary: alt_blue
   success: dark_green
-  info: light_blue
-  warning: light_green
+  info: light_green
+  warning: light_blue
   danger: "#dc3545" # bootsrap5 danger
   light: white
   dark: black
+  link: dark_blue
 
 # https://posit-dev.github.io/brand-yml/brand/logo.html
 # https://sc.edu/about/offices_and_divisions/digital-accessibility/toolbox/best_practices/alternative_text/logo-alt-text/index.php
@@ -107,3 +108,15 @@ logo:
     light: logo-large-no-text-light
     dark: logo-large-no-text-dark
 
+defaults:
+  bootstrap:
+    # List of theme variables to override
+    # https://quarto.org/docs/output-formats/html-themes.html
+    defaults:
+      navbar-fg: white
+      navbar-hl: "$brand-alt-blue"
+      sidebar-fg: "$blue"
+      sidebar-hl: "$brand-alt-blue"
+      footer-bg: "$brand-green"
+      footer-fg: "$brand-white"
+

_quarto.yml

@@ -38,7 +38,7 @@ website:
       - text: "{{< fa brands linkedin >}}"
         href: "https://linkedin.com/company/grass-gis"
         aria-label: GRASS on LinkedIn
-      - text: "{{< fa brands twitter-x >}}"
+      - text: "{{< fa brands x-twitter >}}"
         href: https://x.com/grassgis
         aria-label: GRASS on X
       - text: "{{< fa brands youtube >}}"
@@ -50,9 +50,10 @@ website:
 
 execute:
   freeze: auto
+brand: _brand.yml
 format:
   html:
-    theme: [pandoc, theme.scss, brand]
+    theme: [pandoc, brand, theme.scss]
     toc: true
     toc-title: Table of Contents
     link-external-newwindow: true

theme.scss

@@ -1,8 +1,13 @@
+//-- scss:defaults --*/
+$grass-font: "Fira Sans", sans-serif;
+
 /*-- scss:rules --*/
 
-// Revealjs theme colors
-// $link-color: $brand-primary;
-// $presentation-heading-color: $brand-primary;
+ul.pagination li.disabled a,
+ul.pagination li.active a {
+  background-color: $brand-dark-green !important;
+  color: $brand-white !important;
+}
 
 .highlight {
     color: $primary;