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; + } +}