From 9d69633c6a050b8cdf16855255ced0c8e555cf83 Mon Sep 17 00:00:00 2001
From: Niklan <niklanrus@gmail.com>
Date: Thu, 28 Aug 2025 20:01:55 +0500
Subject: [PATCH] refactor(theme): adjust inline code and code blocks styling

- Unify styles between code and pre > code.
- Add light border
---
 app/themes/laszlo/assets/css/02-element/code.css   | 14 +++++---------
 .../laszlo/components/ui/code-block/code-block.css |  4 ----
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/app/themes/laszlo/assets/css/02-element/code.css b/app/themes/laszlo/assets/css/02-element/code.css
index 7f8709a0..092b6dac 100644
--- a/app/themes/laszlo/assets/css/02-element/code.css
+++ b/app/themes/laszlo/assets/css/02-element/code.css
@@ -1,26 +1,22 @@
 @layer element {
   code {
-    font-family: var(--font-monospace);
-  }
-
-  p > code,
-  li > code,
-  pre > code {
+    color: var(--color-on-surface-variant);
+    border: 1px solid var(--color-outline-variant);
+    border-radius: var(--spacing-1);
+    background: var(--color-surface-container-lowest);
     font: var(--typography-code);
   }
 
   pre > code {
     display: block;
     overflow-x: auto;
+    padding: var(--spacing-5);
   }
 
   :not(pre) > code {
     padding: var(--spacing-1);
     vertical-align: middle;
     word-break: break-word;
-    color: var(--color-on-surface-variant);
-    border-radius: var(--spacing-1);
-    background: var(--color-surface-variant);
     font-size: 0.8em;
   }
 }
diff --git a/app/themes/laszlo/components/ui/code-block/code-block.css b/app/themes/laszlo/components/ui/code-block/code-block.css
index 5f788f7b..e9c5a98e 100644
--- a/app/themes/laszlo/components/ui/code-block/code-block.css
+++ b/app/themes/laszlo/components/ui/code-block/code-block.css
@@ -9,10 +9,6 @@
 
   .code-block__main {
     position: relative;
-    padding: var(--spacing-5);
-    border: 1px solid var(--color-surface-container);
-    border-radius: var(--spacing-2);
-    background-color: var(--color-surface-container-lowest);
   }
 
   .code-block__title {