Code chunks fixed

Author: VisruthSK

.gitignore

@@ -1,51 +1,5 @@
-# History files
+.Rproj.user
 .Rhistory
-.Rapp.history
-
-# Session Data files
 .RData
-.RDataTmp
-
-# User-specific files
 .Ruserdata
-
-# Example code in package build process
-*-Ex.R
-
-# Output files from R CMD build
-/*.tar.gz
-
-# Output files from R CMD check
-/*.Rcheck/
-
-# RStudio files
-.Rproj.user/
-
-# produced vignettes
-vignettes/*.html
-vignettes/*.pdf
-
-# OAuth2 token, see https://github.com/hadley/httr/releases/tag/v0.3
-.httr-oauth
-
-# knitr and R markdown default cache directories
-*_cache/
-/cache/
-
-# Temporary files created by R markdown
-*.utf8.md
-*.knit.md
-
-# R Environment Variables
-.Renviron
-
-# pkgdown site
-docs/
-
-# translation temp files
-po/*~
-
-# RStudio Connect folder
-rsconnect/
-.Rproj.user
 docs

inst/pkgdown/_pkgdown.yml

@@ -8,10 +8,13 @@ template:
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"
             referrerpolicy="no-referrer">
 
-  theme: solarized-light
-  theme-dark: ayu-mirage
+  # syntax highlighting
+  theme: tango
+  theme-dark: nord
 
   bslib:
+    # LIGHT THEME
+
     bg: "#FEFBF2"
     fg: "#052744"
     primary: "#3E8EBC"
@@ -20,6 +23,7 @@ template:
     code-color: "#053A42"
     body-secondary-color: "#ECE5Cf"
 
+    # navbar colors
     navbar-light-bg: "#052744"
     navbar-light-color: "#F2E5BD"
     navbar-light-hover-color: "#F2E5BD"
@@ -28,12 +32,14 @@ template:
     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"

inst/pkgdown/extra.scss

@@ -0,0 +1,22 @@
+// Fix code chunk backgrounds and text color
+html[data-bs-theme="light"] {
+  div.sourceCode > pre,
+  pre.sourceCode,
+  pre.downlit,
+  pre {
+    background-color: $code-bg !important;
+  }
+}
+
+html[data-bs-theme="dark"] {
+  div.sourceCode > pre,
+  pre.sourceCode,
+  pre.downlit,
+  pre {
+    background-color: $code-bg-dark !important;
+  }
+}
+
+pre {
+  color: var(--bs-body-color);
+}