Fix code block bg and fg colors

This PR updates #291 to use the current hardcoded background color (`#f6f6f6`) for white theme, and updates the border color for the black theme. Closes #273
openSUSE · Jan 8, 2025 · 814e48b · 814e48b
1 parent 47aa4a3
commit 814e48b
Showing 1 changed file with 5 additions and 9 deletions.
diff --git a/assets/css/app.css b/assets/css/app.css
@@ -99,16 +99,18 @@ img.emoji{
 
 /* Dark Theme Styling */
 @media (prefers-color-scheme: dark) {
-  pre {
+  pre.highlight {
+      border: 1px solid #373737;
       background-color: #1e1e1e; /* Darker gray background */
       color: #a8d5ba;           /* Soft green text */
   }
 }
 
 /* Light Theme Styling */
 @media (prefers-color-scheme: light) {
-  pre {
-      background-color: #ffffff; /* White background */
+  pre.highlight {
+      border: 1px solid #ddd;
+      background-color: #f6f6f6; /* White background */
       color: #444;              /* Darker gray text */
   }
 }
@@ -125,10 +127,6 @@ pre {
 }
 
 
-
-
-
-
 .text-black:hover {
   color: #444
 }
@@ -161,10 +159,8 @@ pre {
 }
 
 pre.highlight {
-  border: 1px solid #ddd;
   padding: 1rem;
   border-radius: 0.25rem;
-  background: #f6f6f6;
 }
 
 /* https://github.com/jwarby/jekyll-pygments-themes UNLICENSE github.css */