From 8e0aea28935f70a745fff99d6b4d84f3cb2b59e3 Mon Sep 17 00:00:00 2001
From: Stephan Lo <stephan.lo@telekom.de>
Date: Thu, 23 Oct 2025 15:43:37 +0200
Subject: [PATCH] feat(theme): improve inline code styling with Telekom colors

- Style inline code blocks (backticks) with soft pink background
- Use Telekom magenta for code text color
- Add border-radius and padding for better readability
- Distinguish inline code from fenced code blocks
---
 assets/scss/_variables_project.scss | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
index 88e3bbe..65df7b9 100644
--- a/assets/scss/_variables_project.scss
+++ b/assets/scss/_variables_project.scss
@@ -339,6 +339,31 @@ code {
   border: 1px solid var(--color-input-border);
 }
 
+// Inline code (backticks in text)
+code {
+  background-color: var(--color-primary-light-6);
+  color: var(--color-primary-dark-2);
+  padding: 2px 6px;
+  border-radius: 3px;
+  border: 1px solid var(--color-primary-light-3);
+  font-size: 0.9em;
+}
+
+// Code blocks (fenced code)
+pre {
+  background-color: var(--color-box-body);
+  border: 1px solid var(--color-input-border);
+  padding: 1rem;
+  border-radius: 4px;
+  
+  code {
+    background-color: transparent;
+    border: none;
+    padding: 0;
+    color: inherit;
+  }
+}
+
 // Tables
 table {
   thead {