diff --git a/inst/BS5/assets/pkgdown.scss b/inst/BS5/assets/pkgdown.scss
index 494d7a4d7..47248addf 100644
--- a/inst/BS5/assets/pkgdown.scss
+++ b/inst/BS5/assets/pkgdown.scss
@@ -722,7 +722,7 @@ figure > figcaption.quarto-float-caption-top {
   padding-bottom: 2px;
   padding-top: 2px;
   padding-left: 0.7em;
-  border: 1px solid #dee2e6;
+  border: 1px solid var(--bs-border-color, #dee2e6);
   border-radius: .25rem;
   border-bottom: 0;
   border-bottom-left-radius: 0%;
@@ -740,11 +740,7 @@ figure > figcaption.quarto-float-caption-top {
 }
 
 .template-quarto .code-with-filename .code-with-filename-file {
-  background-color: rgba(219, 219, 219, 0.8);
-}
-
-.template-quarto .quarto-dark .code-with-filename .code-with-filename-file {
-  background-color: #555;
+  background-color: RGBA(var(--bs-body-color-rgb), 0.3);
 }
 
 .template-quarto .code-with-filename .code-with-filename-file strong {
@@ -763,19 +759,17 @@ figure > figcaption.quarto-float-caption-top {
 
 
 .template-quarto div.sourceCode {
-  background-color: rgba(233, 236, 239, .65);
-  border: 1px solid rgba(233, 236, 239, .65);
-  border-radius:.25rem;
+  background-color: RGBA(var(--bs-body-color-rgb), 0.1);
+  border: 1px solid var(--bs-border-color, #dee2e6);
+  border-radius: .25rem;
   margin-bottom: 5px;
 }
 
-
 .template-quarto pre.sourceCode {
   background-color:rgba(0, 0, 0, 0);
   border: none;
   font-size: .875em;
   overflow: visible !important;
-  padding:.4em !important;
 }
 
 .template-quarto div.sourceCode {