Create custom.css

Author: MarziyehAghabalasafar

_static/custom.css

@@ -0,0 +1,54 @@
+/* In _static/custom.css */
+
+/* --- 1. Color Palette & Main Theme --- */
+/* This section sets the primary colors for the entire site using theme variables. */
+:root {
+    --pst-color-primary: #B39DDB;         /* Main link and accent color (deep lavender) */
+    --pst-color-secondary: #e1bee7;      /* Lighter accent for hover effects (light lavender) */
+    --pst-color-background: #FFFFFF;      /* Page background (white) */
+    --pst-color-surface: #f8f9fa;        /* Card and code block background (very light grey) */
+    --pst-color-text-base: #333333;      /* Main text color (dark grey for readability) */
+    --pst-color-text-muted: #6c757d;     /* Muted text for captions, etc. */
+    --pst-color-border: #e9ecef;         /* Borders and dividers */
+
+    /* Custom sidebar colors */
+    --pst-color-sidebar-background: #fdfcff; /* A very faint lavender for the sidebar */
+    --pst-color-sidebar-link-active: #7E57C2; /* A deeper purple for the active link */
+}
+
+
+/* --- 2. Typography & Layout --- */
+/* We'll keep using the Vazirmatn font from the RTL setup for a consistent, professional look. */
+body {
+    font-family: 'Vazirmatn', sans-serif !important;
+    line-height: 1.7;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-weight: 500; /* Slightly lighter headings for a modern feel */
+    border-bottom-color: var(--pst-color-secondary);
+}
+
+/* Add a subtle shadow to content cards and admonitions (notes/warnings) */
+.sd-card, .admonition {
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
+    border-radius: 6px;
+    border: 1px solid var(--pst-color-border);
+}
+
+
+/* --- 3. Code Block Styling --- */
+/* Style the code cells to match the new theme */
+.cell .cell_input, pre, code {
+    background-color: var(--pst-color-surface);
+    border: 1px solid var(--pst-color-border);
+    border-radius: 6px;
+}
+
+/* Jupyter Book syntax highlighting color overrides */
+.highlight .n { color: #212529; }  /* Name */
+.highlight .s2 { color: #7E57C2; } /* String */
+.highlight .k { color: #c678dd; }  /* Keyword (like 'def', 'for', 'import') */
+.highlight .mi { color: #d19a66; } /* Number */
+.highlight .c1 { color: #9da5b4; } /* Comment */
+.highlight .o { color: #56b6c2; }  /* Operator */