From 78a00e206d3d566e73b93bebcb485151b8ea4f0c Mon Sep 17 00:00:00 2001
From: "Julio C. Estrada" <estradacjulio@gmail.com>
Date: Wed, 11 Dec 2024 18:05:44 -0500
Subject: [PATCH] refactor: update boostlook.css library readme styles (#62)

---
 boostlook.css | 36 ++++++++++++++++++++++++++++++------
 1 file changed, 30 insertions(+), 6 deletions(-)

diff --git a/boostlook.css b/boostlook.css
index 4ffd1a2..57273f4 100644
--- a/boostlook.css
+++ b/boostlook.css
@@ -720,10 +720,6 @@ html:has(.boostlook)::-webkit-scrollbar {
     margin-left: 18rem;
   }
 
-  .boostlook#libraryReadMe {
-     margin-left: 0;
-  }
-
   .boostlook #toggle-toc {
     position: fixed;
     top: 2rem;
@@ -990,15 +986,43 @@ html:has(.boostlook)::-webkit-scrollbar {
 }
 
 /*----------------- Styles specific to Antora Templates end -----------------*/
+
 /*----------------- Styles specific to website-v2 start -----------------*/
 
 /* Library/Releases Readmes */
-#libraryReadMe li p {
+.boostlook#libraryReadMe li p {
   display: inline;
 }
 
-/*----------------- Styles specific to website-v2 end -----------------*/
+.boostlook#libraryReadMe {
+  margin-left: 0;
+}
 
+.boostlook#libraryReadMe pre {
+  padding: 0;
+}
+
+.boostlook#libraryReadMe pre code {
+  background-color: var(--bl-code-background);
+  border: 1px solid var(--bl-code-border-color);
+  border-radius: 8px;
+  margin-bottom: 0;
+}
+
+.boostlook .doc .content pre code {
+  border-color: var(--bl-code-border-color);
+  color: var(--bl-code-text-color);
+  border-radius: 8px;
+  padding: 1.2em .8em;
+}
+
+/* Temporary fix for undetected code from highlight.js */
+.boostlook#libraryReadMe .language- span {
+  color: inherit;
+  font-weight: initial;
+}
+
+/*----------------- Styles specific to website-v2 end -----------------*/
 
 /*---------- Quickbook docs styling fixes -----------*/