From 7ea0f314f69d45d208840797f1e2d954b78c92c6 Mon Sep 17 00:00:00 2001
From: sii42400 <sii42400@adobe.com>
Date: Fri, 17 Apr 2026 16:05:21 +0200
Subject: [PATCH] =?UTF-8?q?feat(cv):=20add=20print=20styles=20=E2=80=94=20?=
 =?UTF-8?q?light=20theme,=20narrower=20sidebar,=20hide=20UI=20controls?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Force light theme CSS variables and white background for print output.
Narrow sidebar to 200px with 180px internal elements for better content
space. Hide language bar and theme toggle in print. Fix list marker
background to white.

Made-with: Cursor
---
 src/styles/general.scss | 72 +++++++++++++++++++++++++++++++++++++++--
 1 file changed, 70 insertions(+), 2 deletions(-)

diff --git a/src/styles/general.scss b/src/styles/general.scss
index 08b1fe9..e0c3c26 100644
--- a/src/styles/general.scss
+++ b/src/styles/general.scss
@@ -29,7 +29,7 @@ $foot_font_size: 9.8pt;
 }
 
 .light-theme {
-    --bg-color: #f5f5f5;
+    --bg-color: #ffffff;
     --text-color: #333333;
     --text-visited: #555555;
     --text-hover: #111111;
@@ -705,4 +705,72 @@ body {
             margin: 4px 0 4px 10px;
         }
     }
-}
\ No newline at end of file
+}
+
+@media print {
+    :root {
+        --bg-color: #f5f5f5;
+        --text-color: #333333;
+        --text-visited: #555555;
+        --text-hover: #111111;
+        --text-active: #333333;
+        --div-bg-color: #1a56db;
+        --sidebar-bg: #e8e8e8;
+        --sidebar-border: rgba(0, 0, 0, 0.1);
+        --segment-bg: #f5f5f5;
+        --on-accent-color: #ffffff;
+    }
+
+    body {
+        background-color: rgb(255, 255, 255) !important;
+        -webkit-print-color-adjust: exact;
+        print-color-adjust: exact;
+    }
+
+    .main_content .segment_content_work ul li::before {
+        background-color: rgb(255, 255, 255) !important;
+    }
+
+    .sidebar {
+        width: 200px;
+        padding: 10px;
+
+        .sidebar_header {
+            .language_bar,
+            .theme_toggle {
+                display: none !important;
+            }
+        }
+
+        .segment_general {
+            .segment_image {
+                width: 180px;
+                height: 180px;
+            }
+
+            .segment_title_image {
+                width: 180px;
+                font-size: 16pt;
+                padding-top: 10px;
+                height: 40px;
+            }
+
+            .segment_description_general {
+                font-size: 7pt;
+            }
+        }
+
+        .captcha-container {
+            width: 180px;
+        }
+
+        .segment_content_image {
+            width: 180px;
+            font-size: 8pt;
+        }
+    }
+
+    .page_layout {
+        padding-left: 200px;
+    }
+}