Refactor code using more bslib vars

Author: dieghernan

codemeta.json

@@ -121,7 +121,7 @@
     "SystemRequirements": null
   },
   "keywords": ["pkgdown", "pkgdown-template", "r", "r-package"],
-  "fileSize": "218.554KB",
+  "fileSize": "218.989KB",
   "readme": "https://github.com/dieghernan/gitdevr/blob/main/README.md",
   "contIntegration": "https://github.com/dieghernan/gitdevr/actions/workflows/check-simple.yaml",
   "developmentStatus": "https://lifecycle.r-lib.org/articles/stages.html#experimental"

data-raw/compress_css.R

@@ -3,9 +3,13 @@ library(sass)
 
 lns <- readLines("inst/pkgdown/assets/BS5/gitdevr.css")
 
+# writeLines(lns, "inst/pkgdown/assets/BS5/gitdevr.min.css")
+
 sass(
   lns,
   "inst/pkgdown/assets/BS5/gitdevr.min.css",
   cache = NULL,
   options = sass_options(output_style = "compressed")
 )
+
+message("OK, compressed")

inst/pkgdown/_pkgdown.yml

@@ -61,24 +61,51 @@ template:
       defaults:
         bootstrap:
           defaults:
+            base_font: >
+              "Inter, Roboto, system-ui, -apple-system, 'Helvetica Neue', Arial"
+            heading_font: >
+              "'Inter Tight', Roboto, system-ui, -apple-system, 'Helvetica
+              Neue', Arial"
+            code_font: "'Fira Code', 'Courier New', monospace"
             navbar-light-bg: "#22272e"
             navbar-light-color: "#ffffff"
             navbar-light-toggler-border-color: "#22272e"
+            navbar-light-toggler-icon-bg: >
+              url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'
+              viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 1)'
+              stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'
+              d='M4 7h22M4 15h22M4 23h22'/></svg>")
             navbar-light-brand-color: "#ffffff"
             navbar-light-brand-hover-color: "#ffffff"
             navbar-light-hover-color: "#6a788a"
             navbar-light-active-color: "#d3d4d5"
             navbar-dark-bg: "#24292f"
             navbar-dark-color: "#ffffff"
             navbar-dark-brand-color: "#ffffff"
+            navbar-dark-toggler-icon-bg: >
+              url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'
+              viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 1)'
+              stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'
+              d='M4 7h22M4 15h22M4 23h22'/></svg>")
             navbar-dark-brand-hover-color: "#ffffff"
             navbar-dark-toggler-border-color: "#24292f"
-            navbar-dark-hover-color: "#8b949e"
+            navbar-dark-hover-color: "#6a788a"
             navbar-dark-active-color: "#d3d4d5"
             input-placeholder-color: "#6a788a"
+            nav-link-color: "#6c757d"
+            nav-link-font-weight: 800
             link-decoration: none
-            pkgdown-footer-bg: "#24292f"
+            pkgdown-footer-bg: "#0d1117"
             pkgdown-footer-color: "#8b949e"
+            dropdown-bg: "22272e"
+            dropdown-border-color: "#6c757d80"
+            dropdown-divider-bg: "#6c757d80"
+            dropdown-dark-bg: "24292f"
+            dropdown-dark-border-color: "#6c757d80"
+            dropdown-dark-divider-bg: "#6c757d80"
+            nav-pills-link-active-bg: "#24292f"
+            nav-pills-link-active-color: "#ffffff"
+            nav-link-hover-color: "#6a788a"
 
 figures:
   dpi: 300