From ce469bc37f1023c4e7371f57cfccbdfbf7bc6530 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Tue, 22 Oct 2024 15:53:54 +0200
Subject: [PATCH] Improve code block styling

---
 assets/css/layout.css               | 6 ++++++
 assets/css/themes/default-light.css | 5 +++++
 2 files changed, 11 insertions(+)

diff --git a/assets/css/layout.css b/assets/css/layout.css
index 61892c0..20b7b8d 100644
--- a/assets/css/layout.css
+++ b/assets/css/layout.css
@@ -48,6 +48,12 @@ code {
   padding: 0.1em 0.3em;
 }
 
+pre {
+  overflow-x: auto;
+  white-space: pre;
+  max-width: 100%;
+}
+
 pre code {
   display: block;
   padding: 0.6rem 1rem;
diff --git a/assets/css/themes/default-light.css b/assets/css/themes/default-light.css
index 0242554..513bb28 100644
--- a/assets/css/themes/default-light.css
+++ b/assets/css/themes/default-light.css
@@ -20,6 +20,11 @@ code {
   color: #027739;
 }
 
+pre {
+  background-color: #333;
+  color: #ccc;
+}
+
 pre code {
   background-color: #333;
   color: #ccc;