diff --git a/scripts/build.py b/scripts/build.py
index f65d0cc..acb809d 100644
--- a/scripts/build.py
+++ b/scripts/build.py
@@ -10,12 +10,14 @@
 from collections import defaultdict
 
 # Set up logging
-logging.basicConfig(level=logging.INFO, format='%(levelname)s: %(message)s')
+logging.basicConfig(level=logging.INFO, format="%(levelname)s: %(message)s")
 logger = logging.getLogger(__name__)
 
+
 @dataclass
 class Page:
     """Represents a page in the static site"""
+
     title: str
     path: Path
     content: str
@@ -25,21 +27,29 @@ class Page:
     description: Optional[str]
     is_index: bool = False
 
+
 class SiteGenerator:
     """Generates a static site from a directory of mixed content"""
 
     MARKDOWN_EXTENSIONS = [
-        'meta',
-        'toc',
-        'fenced_code',
-        'tables',
-        'attr_list',
-        'footnotes',
-        'def_list',
-        'admonition'
+        "meta",
+        "toc",
+        "fenced_code",
+        "tables",
+        "attr_list",
+        "footnotes",
+        "def_list",
+        "admonition",
     ]
-    SUPPORTED_CONTENT = {'.md', '.markdown'}
-    IGNORED_DIRECTORIES = {'.git', '__pycache__', 'node_modules', '.github', 'venv', '.venv'}
+    SUPPORTED_CONTENT = {".md", ".markdown"}
+    IGNORED_DIRECTORIES = {
+        ".git",
+        "__pycache__",
+        "node_modules",
+        ".github",
+        "venv",
+        ".venv",
+    }
 
     def __init__(self, input_dir: str, output_dir: str):
         self.input_dir = Path(input_dir)
@@ -71,7 +81,7 @@ def _prepare_output_directory(self) -> None:
         self.output_dir.chmod(0o755)
 
         # Create assets directory
-        assets_dir = self.output_dir / 'assets'
+        assets_dir = self.output_dir / "assets"
         assets_dir.mkdir(parents=True)
         assets_dir.chmod(0o755)
 
@@ -84,7 +94,7 @@ def _process_content(self) -> None:
     def _walk_directory(self, directory: Path) -> List[Path]:
         """Walk through directory while respecting ignored paths"""
         files = []
-        for item in directory.rglob('*'):
+        for item in directory.rglob("*"):
             if not any(ignored in item.parts for ignored in self.IGNORED_DIRECTORIES):
                 if item.is_file():
                     files.append(item)
@@ -92,24 +102,32 @@ def _walk_directory(self, directory: Path) -> List[Path]:
 
     def _extract_metadata(self, file_path: Path) -> dict:
         """Extract metadata from markdown file"""
-        content = file_path.read_text(encoding='utf-8')
+        content = file_path.read_text(encoding="utf-8")
         self.markdown_converter.reset()
         self.markdown_converter.convert(content)
 
         metadata = {}
-        if hasattr(self.markdown_converter, 'Meta'):
+        if hasattr(self.markdown_converter, "Meta"):
             metadata = {
-                'title': self.markdown_converter.Meta.get('title', [file_path.stem.replace('-', ' ').title()])[0],
-                'category': self.markdown_converter.Meta.get('category', [None])[0],
-                'tags': self.markdown_converter.Meta.get('tags', [''])[0].split(',') if 'tags' in self.markdown_converter.Meta else [],
-                'description': self.markdown_converter.Meta.get('description', [None])[0]
+                "title": self.markdown_converter.Meta.get(
+                    "title", [file_path.stem.replace("-", " ").title()]
+                )[0],
+                "category": self.markdown_converter.Meta.get("category", [None])[0],
+                "tags": (
+                    self.markdown_converter.Meta.get("tags", [""])[0].split(",")
+                    if "tags" in self.markdown_converter.Meta
+                    else []
+                ),
+                "description": self.markdown_converter.Meta.get("description", [None])[
+                    0
+                ],
             }
         else:
             metadata = {
-                'title': file_path.stem.replace('-', ' ').title(),
-                'category': None,
-                'tags': [],
-                'description': None
+                "title": file_path.stem.replace("-", " ").title(),
+                "category": None,
+                "tags": [],
+                "description": None,
             }
 
         return metadata
@@ -117,7 +135,7 @@ def _extract_metadata(self, file_path: Path) -> dict:
     def _process_markdown(self, file_path: Path) -> None:
         """Process a markdown file into a Page object"""
         try:
-            content = file_path.read_text(encoding='utf-8')
+            content = file_path.read_text(encoding="utf-8")
             metadata = self._extract_metadata(file_path)
 
             # Convert content after metadata extraction
@@ -125,20 +143,20 @@ def _process_markdown(self, file_path: Path) -> None:
             html_content = self.markdown_converter.convert(content)
 
             relative_path = file_path.relative_to(self.input_dir)
-            is_index = file_path.stem.lower() == 'index'
+            is_index = file_path.stem.lower() == "index"
 
             # Clean and normalize tags
-            tags = [tag.strip().lower() for tag in metadata['tags'] if tag.strip()]
+            tags = [tag.strip().lower() for tag in metadata["tags"] if tag.strip()]
 
             page = Page(
-                title=metadata['title'],
+                title=metadata["title"],
                 path=relative_path,
                 content=html_content,
                 modified_date=datetime.fromtimestamp(file_path.stat().st_mtime),
-                category=metadata['category'],
+                category=metadata["category"],
                 tags=tags,
-                description=metadata['description'],
-                is_index=is_index
+                description=metadata["description"],
+                is_index=is_index,
             )
 
             self.pages[relative_path] = page
@@ -188,7 +206,7 @@ def _generate_special_pages(self) -> None:
                 category=None,
                 tags=[],
                 description="Index of all categories",
-                is_index=True
+                is_index=True,
             )
             self.pages[categories_page.path] = categories_page
 
@@ -203,7 +221,7 @@ def _generate_special_pages(self) -> None:
                 category=None,
                 tags=[],
                 description="Index of all tags",
-                is_index=True
+                is_index=True,
             )
             self.pages[tags_page.path] = tags_page
 
@@ -229,12 +247,12 @@ def _generate_html_pages(self) -> None:
         """Generate HTML pages for all processed content"""
         # Generate regular pages
         for page in self.pages.values():
-            output_path = self.output_dir / page.path.with_suffix('.html')
+            output_path = self.output_dir / page.path.with_suffix(".html")
             output_path.parent.mkdir(parents=True, exist_ok=True)
             output_path.parent.chmod(0o755)
 
             html_content = self._render_template(page)
-            output_path.write_text(html_content, encoding='utf-8')
+            output_path.write_text(html_content, encoding="utf-8")
             output_path.chmod(0o644)
 
         # Generate category pages
@@ -247,7 +265,7 @@ def _generate_html_pages(self) -> None:
 
     def _generate_category_page(self, category: str, pages: List[Page]) -> None:
         """Generate a page for a specific category"""
-        output_path = self.output_dir / 'categories' / f"{category.lower()}.html"
+        output_path = self.output_dir / "categories" / f"{category.lower()}.html"
         output_path.parent.mkdir(parents=True, exist_ok=True)
         output_path.parent.chmod(0o755)
 
@@ -265,16 +283,16 @@ def _generate_category_page(self, category: str, pages: List[Page]) -> None:
             category=None,
             tags=[],
             description=f"Pages in category {category}",
-            is_index=False
+            is_index=False,
         )
 
         html_content = self._render_template(page)
-        output_path.write_text(html_content, encoding='utf-8')
+        output_path.write_text(html_content, encoding="utf-8")
         output_path.chmod(0o644)
 
     def _generate_tag_page(self, tag: str, pages: List[Page]) -> None:
         """Generate a page for a specific tag"""
-        output_path = self.output_dir / 'tags' / f"{tag.lower()}.html"
+        output_path = self.output_dir / "tags" / f"{tag.lower()}.html"
         output_path.parent.mkdir(parents=True, exist_ok=True)
         output_path.parent.chmod(0o755)
 
@@ -292,11 +310,11 @@ def _generate_tag_page(self, tag: str, pages: List[Page]) -> None:
             category=None,
             tags=[],
             description=f"Pages tagged with {tag}",
-            is_index=False
+            is_index=False,
         )
 
         html_content = self._render_template(page)
-        output_path.write_text(html_content, encoding='utf-8')
+        output_path.write_text(html_content, encoding="utf-8")
         output_path.chmod(0o644)
 
     def _generate_breadcrumbs(self, page: Page) -> str:
@@ -305,12 +323,14 @@ def _generate_breadcrumbs(self, page: Page) -> str:
         parts.append('<a href="/index.html">Home</a>')
 
         if page.category:
-            parts.append(f'<a href="/categories/{quote(page.category.lower())}.html">{page.category}</a>')
+            parts.append(
+                f'<a href="/categories/{quote(page.category.lower())}.html">{page.category}</a>'
+            )
 
         if not page.is_index:
             parts.append(page.title)
 
-        return ' » '.join(parts)
+        return " » ".join(parts)
 
     def _generate_navigation(self, current_page: Page) -> str:
         """Generate navigation links"""
@@ -328,39 +348,44 @@ def _generate_navigation(self, current_page: Page) -> str:
         if self.tags:
             nav_items.append('<a href="/tags/index.html">Tags</a>')
 
-        return '\n'.join(nav_items)
+        return "\n".join(nav_items)
 
     def _generate_main_index(self) -> None:
         """Generate the main index.html page"""
         # Get recent pages (excluding special pages)
-        regular_pages = [p for p in self.pages.values()
-                        if not (p.is_index or str(p.path).startswith(('categories/', 'tags/')))]
-        recent_pages = sorted(regular_pages,
-                            key=lambda p: p.modified_date,
-                            reverse=True)[:10]  # Show 10 most recent
+        regular_pages = [
+            p
+            for p in self.pages.values()
+            if not (p.is_index or str(p.path).startswith(("categories/", "tags/")))
+        ]
+        recent_pages = sorted(
+            regular_pages, key=lambda p: p.modified_date, reverse=True
+        )[
+            :10
+        ]  # Show 10 most recent
 
         # Generate recent posts section
         recent_content = "<h2>Recent Notes</h2>\n<ul class='recent-posts'>"
         for page in recent_pages:
             page_url = f"/{page.path.with_suffix('.html')}"
-            date_str = page.modified_date.strftime('%Y-%m-%d')
-            recent_content += f'''
+            date_str = page.modified_date.strftime("%Y-%m-%d")
+            recent_content += f"""
                 <li>
                     <a href="{page_url}">{page.title}</a>
                     <span class="date">{date_str}</span>
                     {f'<span class="category">{page.category}</span>' if page.category else ''}
-                </li>'''
+                </li>"""
         recent_content += "</ul>"
 
         # Generate categories section
         categories_content = "<h2>Categories</h2>\n<ul class='categories-list'>"
         for category, pages in sorted(self.categories.items()):
             category_url = f"/categories/{quote(category.lower())}.html"
-            categories_content += f'''
+            categories_content += f"""
                 <li>
                     <a href="{category_url}">{category}</a>
                     <span class="count">({len(pages)})</span>
-                </li>'''
+                </li>"""
         categories_content += "</ul>"
 
         # Generate popular tags section (show top 20 most used tags)
@@ -416,13 +441,13 @@ def _generate_main_index(self) -> None:
             category=None,
             tags=[],
             description="So so many notes",
-            is_index=True
+            is_index=True,
         )
 
         # Generate the HTML
-        output_path = self.output_dir / 'index.html'
+        output_path = self.output_dir / "index.html"
         html_content = self._render_template(index_page)
-        output_path.write_text(html_content, encoding='utf-8')
+        output_path.write_text(html_content, encoding="utf-8")
         output_path.chmod(0o644)
 
     def _render_template(self, page: Page) -> str:
@@ -433,12 +458,16 @@ def _render_template(self, page: Page) -> str:
         # Generate tags section if page has tags
         tags_section = ""
         if page.tags:
-            tags_section = "<div class='tags'>Tags: " + ", ".join(
-                f'<a href="/tags/{quote(tag.lower())}.html">{tag}</a>'
-                for tag in sorted(page.tags)
-            ) + "</div>"
+            tags_section = (
+                "<div class='tags'>Tags: "
+                + ", ".join(
+                    f'<a href="/tags/{quote(tag.lower())}.html">{tag}</a>'
+                    for tag in sorted(page.tags)
+                )
+                + "</div>"
+            )
 
-        return f'''<!DOCTYPE html>
+        return f"""<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -447,20 +476,20 @@ def _render_template(self, page: Page) -> str:
     {f'<meta name="description" content="{page.description}">' if page.description else ''}
     <style>
         :root {{
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }}
 
         @media (prefers-color-scheme: dark) {{
             :root {{
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }}
         }}
 
@@ -626,16 +655,21 @@ def _render_template(self, page: Page) -> str:
         {tags_section}
     </main>
 </body>
-</html>'''
+</html>"""
+
 
 def main():
     """CLI entry point"""
     import argparse
 
-    parser = argparse.ArgumentParser(description='Generate a static site from markdown files')
-    parser.add_argument('input_dir', help='Input directory containing content')
-    parser.add_argument('output_dir', help='Output directory for generated site')
-    parser.add_argument('--verbose', '-v', action='store_true', help='Enable verbose logging')
+    parser = argparse.ArgumentParser(
+        description="Generate a static site from markdown files"
+    )
+    parser.add_argument("input_dir", help="Input directory containing content")
+    parser.add_argument("output_dir", help="Output directory for generated site")
+    parser.add_argument(
+        "--verbose", "-v", action="store_true", help="Enable verbose logging"
+    )
     args = parser.parse_args()
 
     if args.verbose:
@@ -648,5 +682,6 @@ def main():
         logger.error(f"Failed to generate site: {str(e)}")
         exit(1)
 
+
 if __name__ == "__main__":
-    main()
\ No newline at end of file
+    main()
diff --git a/site/README.html b/site/README.html
index 51fa1bb..c91338a 100644
--- a/site/README.html
+++ b/site/README.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/BFS.html b/site/algorithms/BFS.html
index 2f67723..af4116e 100644
--- a/site/algorithms/BFS.html
+++ b/site/algorithms/BFS.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/DAGs.html b/site/algorithms/DAGs.html
index 47ba597..b1e850c 100644
--- a/site/algorithms/DAGs.html
+++ b/site/algorithms/DAGs.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/DFS.html b/site/algorithms/DFS.html
index 541355a..f29679e 100644
--- a/site/algorithms/DFS.html
+++ b/site/algorithms/DFS.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/approximation-algorithms.html b/site/algorithms/approximation-algorithms.html
index 5a0d334..cc1beaa 100644
--- a/site/algorithms/approximation-algorithms.html
+++ b/site/algorithms/approximation-algorithms.html
@@ -7,20 +7,20 @@
     <meta name="description" content="A survey of approximation algorithms, including the 2-approximation for vertex cover and the log(n) approximation for set cover.">
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/bipartite-graphs.html b/site/algorithms/bipartite-graphs.html
index 25da34d..3f18720 100644
--- a/site/algorithms/bipartite-graphs.html
+++ b/site/algorithms/bipartite-graphs.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/connected-components.html b/site/algorithms/connected-components.html
index 1a2eb5d..1e1b965 100644
--- a/site/algorithms/connected-components.html
+++ b/site/algorithms/connected-components.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/divide-and-conquer.html b/site/algorithms/divide-and-conquer.html
index b32c088..ac6ce40 100644
--- a/site/algorithms/divide-and-conquer.html
+++ b/site/algorithms/divide-and-conquer.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/dynamic-programming.html b/site/algorithms/dynamic-programming.html
index f7dfcab..4944a13 100644
--- a/site/algorithms/dynamic-programming.html
+++ b/site/algorithms/dynamic-programming.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/graphs-intro.html b/site/algorithms/graphs-intro.html
index e7c4fcf..b1c98cb 100644
--- a/site/algorithms/graphs-intro.html
+++ b/site/algorithms/graphs-intro.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/greedy-algorithms.html b/site/algorithms/greedy-algorithms.html
index 19e8435..58f2d13 100644
--- a/site/algorithms/greedy-algorithms.html
+++ b/site/algorithms/greedy-algorithms.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/induction.html b/site/algorithms/induction.html
index e09d082..262ecd5 100644
--- a/site/algorithms/induction.html
+++ b/site/algorithms/induction.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/linear-programming.html b/site/algorithms/linear-programming.html
index 441a34b..91cfc5b 100644
--- a/site/algorithms/linear-programming.html
+++ b/site/algorithms/linear-programming.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/network-flows.html b/site/algorithms/network-flows.html
index 9211e3b..c64be22 100644
--- a/site/algorithms/network-flows.html
+++ b/site/algorithms/network-flows.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/patterns/BFS.html b/site/algorithms/patterns/BFS.html
index 10bad10..b217831 100644
--- a/site/algorithms/patterns/BFS.html
+++ b/site/algorithms/patterns/BFS.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/patterns/sliding-window.html b/site/algorithms/patterns/sliding-window.html
index e921df8..48d138f 100644
--- a/site/algorithms/patterns/sliding-window.html
+++ b/site/algorithms/patterns/sliding-window.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/practice/4.html b/site/algorithms/practice/4.html
index 453565c..0411ab0 100644
--- a/site/algorithms/practice/4.html
+++ b/site/algorithms/practice/4.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/problems/graphs-and-trees.html b/site/algorithms/problems/graphs-and-trees.html
index e0c4796..88ab1be 100644
--- a/site/algorithms/problems/graphs-and-trees.html
+++ b/site/algorithms/problems/graphs-and-trees.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/runtime.html b/site/algorithms/runtime.html
index 17571f6..661fd6a 100644
--- a/site/algorithms/runtime.html
+++ b/site/algorithms/runtime.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/stable-matching.html b/site/algorithms/stable-matching.html
index 2f9b9ae..abd8355 100644
--- a/site/algorithms/stable-matching.html
+++ b/site/algorithms/stable-matching.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/algorithms/tree-intro.html b/site/algorithms/tree-intro.html
index 956bfee..0e01cde 100644
--- a/site/algorithms/tree-intro.html
+++ b/site/algorithms/tree-intro.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/categories/algorithm analysis.html b/site/categories/algorithm analysis.html
index f8636cf..109ffed 100644
--- a/site/categories/algorithm analysis.html	
+++ b/site/categories/algorithm analysis.html	
@@ -7,20 +7,20 @@
     <meta name="description" content="Pages in category Algorithm Analysis">
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/categories/algorithms.html b/site/categories/algorithms.html
index 5473478..574af8c 100644
--- a/site/categories/algorithms.html
+++ b/site/categories/algorithms.html
@@ -7,20 +7,20 @@
     <meta name="description" content="Pages in category algorithms">
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/categories/computer science.html b/site/categories/computer science.html
index a9c5e51..32b3d41 100644
--- a/site/categories/computer science.html	
+++ b/site/categories/computer science.html	
@@ -7,20 +7,20 @@
     <meta name="description" content="Pages in category Computer Science">
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/categories/graph theory.html b/site/categories/graph theory.html
index 9505e28..340d01d 100644
--- a/site/categories/graph theory.html	
+++ b/site/categories/graph theory.html	
@@ -7,20 +7,20 @@
     <meta name="description" content="Pages in category Graph Theory">
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/categories/index.html b/site/categories/index.html
index 4d8f3a4..3cab7c9 100644
--- a/site/categories/index.html
+++ b/site/categories/index.html
@@ -7,20 +7,20 @@
     <meta name="description" content="Index of all categories">
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/categories/mathematics.html b/site/categories/mathematics.html
index 9928077..e99da25 100644
--- a/site/categories/mathematics.html
+++ b/site/categories/mathematics.html
@@ -7,20 +7,20 @@
     <meta name="description" content="Pages in category Mathematics">
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/categories/operations research.html b/site/categories/operations research.html
index d746d9f..85580e4 100644
--- a/site/categories/operations research.html	
+++ b/site/categories/operations research.html	
@@ -7,20 +7,20 @@
     <meta name="description" content="Pages in category Operations Research">
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/cheatsheets/algorithms/divide-and-conquer.html b/site/cheatsheets/algorithms/divide-and-conquer.html
index 72586ac..7738cb4 100644
--- a/site/cheatsheets/algorithms/divide-and-conquer.html
+++ b/site/cheatsheets/algorithms/divide-and-conquer.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/cheatsheets/algorithms/graphs.html b/site/cheatsheets/algorithms/graphs.html
index 87c7896..42b91dd 100644
--- a/site/cheatsheets/algorithms/graphs.html
+++ b/site/cheatsheets/algorithms/graphs.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/cheatsheets/algorithms/intervals.html b/site/cheatsheets/algorithms/intervals.html
index df220c4..e7559d5 100644
--- a/site/cheatsheets/algorithms/intervals.html
+++ b/site/cheatsheets/algorithms/intervals.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/cheatsheets/circuits/components.html b/site/cheatsheets/circuits/components.html
index f90216f..c47801a 100644
--- a/site/cheatsheets/circuits/components.html
+++ b/site/cheatsheets/circuits/components.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/cheatsheets/circuits/electricity.html b/site/cheatsheets/circuits/electricity.html
index 4573032..65de06b 100644
--- a/site/cheatsheets/circuits/electricity.html
+++ b/site/cheatsheets/circuits/electricity.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/cheatsheets/java-spring-boot/reference.html b/site/cheatsheets/java-spring-boot/reference.html
index 79a4edc..3946517 100644
--- a/site/cheatsheets/java-spring-boot/reference.html
+++ b/site/cheatsheets/java-spring-boot/reference.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/cheatsheets/java-spring-boot/running.html b/site/cheatsheets/java-spring-boot/running.html
index e271a34..e3f6646 100644
--- a/site/cheatsheets/java-spring-boot/running.html
+++ b/site/cheatsheets/java-spring-boot/running.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch1-reliable-scalable-and-maintainable-applications.html b/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch1-reliable-scalable-and-maintainable-applications.html
index 943d64b..db81326 100644
--- a/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch1-reliable-scalable-and-maintainable-applications.html
+++ b/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch1-reliable-scalable-and-maintainable-applications.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch2-data-models-and-query-languages.html b/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch2-data-models-and-query-languages.html
index cceb055..4b6ea9f 100644
--- a/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch2-data-models-and-query-languages.html
+++ b/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch2-data-models-and-query-languages.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch3-storage-and-retrieval.html b/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch3-storage-and-retrieval.html
index b8c3d49..4eef7ad 100644
--- a/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch3-storage-and-retrieval.html
+++ b/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch3-storage-and-retrieval.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch4-encoding-and-evolution.html b/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch4-encoding-and-evolution.html
index e146d9f..cb7d92a 100644
--- a/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch4-encoding-and-evolution.html
+++ b/site/designing-data-intensive-applications/part-1-foundations-of-data-systems/ch4-encoding-and-evolution.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/designing-data-intensive-applications/part-2-distributed-data/ch5-replication.html b/site/designing-data-intensive-applications/part-2-distributed-data/ch5-replication.html
index c7e398e..73c6473 100644
--- a/site/designing-data-intensive-applications/part-2-distributed-data/ch5-replication.html
+++ b/site/designing-data-intensive-applications/part-2-distributed-data/ch5-replication.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/designing-data-intensive-applications/part-2-distributed-data/preface.html b/site/designing-data-intensive-applications/part-2-distributed-data/preface.html
index 06ee9f1..61469c5 100644
--- a/site/designing-data-intensive-applications/part-2-distributed-data/preface.html
+++ b/site/designing-data-intensive-applications/part-2-distributed-data/preface.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/designing-data-intensive-applications/part-3-derived-data/ch10-batch-processing.html b/site/designing-data-intensive-applications/part-3-derived-data/ch10-batch-processing.html
index de496c2..ccee07e 100644
--- a/site/designing-data-intensive-applications/part-3-derived-data/ch10-batch-processing.html
+++ b/site/designing-data-intensive-applications/part-3-derived-data/ch10-batch-processing.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/digital-design/combinational-logic.html b/site/digital-design/combinational-logic.html
index a1def30..a3a55b6 100644
--- a/site/digital-design/combinational-logic.html
+++ b/site/digital-design/combinational-logic.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/digital-design/karnaugh-maps.html b/site/digital-design/karnaugh-maps.html
index 34cb33b..b56b2ab 100644
--- a/site/digital-design/karnaugh-maps.html
+++ b/site/digital-design/karnaugh-maps.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/digital-design/quartus-workflow.html b/site/digital-design/quartus-workflow.html
index a91f1f6..e59f83b 100644
--- a/site/digital-design/quartus-workflow.html
+++ b/site/digital-design/quartus-workflow.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/digital-design/sequential-logic.html b/site/digital-design/sequential-logic.html
index 8a3f174..cf17e78 100644
--- a/site/digital-design/sequential-logic.html
+++ b/site/digital-design/sequential-logic.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/digital-design/system-verilog.html b/site/digital-design/system-verilog.html
index 5298a47..b111cff 100644
--- a/site/digital-design/system-verilog.html
+++ b/site/digital-design/system-verilog.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/digital-design/waveform-diagram.html b/site/digital-design/waveform-diagram.html
index 3d91b54..581ffdf 100644
--- a/site/digital-design/waveform-diagram.html
+++ b/site/digital-design/waveform-diagram.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/RPC.html b/site/distributed-systems/RPC.html
index 2b223b2..70e7788 100644
--- a/site/distributed-systems/RPC.html
+++ b/site/distributed-systems/RPC.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/bigtable.html b/site/distributed-systems/bigtable.html
index 491e917..1709dbd 100644
--- a/site/distributed-systems/bigtable.html
+++ b/site/distributed-systems/bigtable.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/clocks.html b/site/distributed-systems/clocks.html
index fd350e1..70f9306 100644
--- a/site/distributed-systems/clocks.html
+++ b/site/distributed-systems/clocks.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/consistency.html b/site/distributed-systems/consistency.html
index 13e8304..abd76e1 100644
--- a/site/distributed-systems/consistency.html
+++ b/site/distributed-systems/consistency.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/consistent-global-state.html b/site/distributed-systems/consistent-global-state.html
index 452498f..cf117a9 100644
--- a/site/distributed-systems/consistent-global-state.html
+++ b/site/distributed-systems/consistent-global-state.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/disconnected-operation.html b/site/distributed-systems/disconnected-operation.html
index 3102d4d..e9cb2d3 100644
--- a/site/distributed-systems/disconnected-operation.html
+++ b/site/distributed-systems/disconnected-operation.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/distributed-cache-coherence.html b/site/distributed-systems/distributed-cache-coherence.html
index 4282bf0..d9448a7 100644
--- a/site/distributed-systems/distributed-cache-coherence.html
+++ b/site/distributed-systems/distributed-cache-coherence.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/dynamo-db.html b/site/distributed-systems/dynamo-db.html
index ad98193..2b61735 100644
--- a/site/distributed-systems/dynamo-db.html
+++ b/site/distributed-systems/dynamo-db.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/google-file-system.html b/site/distributed-systems/google-file-system.html
index 5d1a6e6..ace1c77 100644
--- a/site/distributed-systems/google-file-system.html
+++ b/site/distributed-systems/google-file-system.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/load-balancing.html b/site/distributed-systems/load-balancing.html
index 4b074df..21ebf3e 100644
--- a/site/distributed-systems/load-balancing.html
+++ b/site/distributed-systems/load-balancing.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/managing-critical-state.html b/site/distributed-systems/managing-critical-state.html
index 2530352..2c1a57d 100644
--- a/site/distributed-systems/managing-critical-state.html
+++ b/site/distributed-systems/managing-critical-state.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/mutual-exclusion.html b/site/distributed-systems/mutual-exclusion.html
index 86ee9ae..062eaa4 100644
--- a/site/distributed-systems/mutual-exclusion.html
+++ b/site/distributed-systems/mutual-exclusion.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/non-blocking-two-phase-commit.html b/site/distributed-systems/non-blocking-two-phase-commit.html
index a29d28c..4bf809e 100644
--- a/site/distributed-systems/non-blocking-two-phase-commit.html
+++ b/site/distributed-systems/non-blocking-two-phase-commit.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/ordering-events-in-distributed-systems.html b/site/distributed-systems/ordering-events-in-distributed-systems.html
index b8a8718..4e5b567 100644
--- a/site/distributed-systems/ordering-events-in-distributed-systems.html
+++ b/site/distributed-systems/ordering-events-in-distributed-systems.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/paxos-architecture.html b/site/distributed-systems/paxos-architecture.html
index 96a1acd..f796936 100644
--- a/site/distributed-systems/paxos-architecture.html
+++ b/site/distributed-systems/paxos-architecture.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/paxos-intro.html b/site/distributed-systems/paxos-intro.html
index c859c15..25e7ebd 100644
--- a/site/distributed-systems/paxos-intro.html
+++ b/site/distributed-systems/paxos-intro.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/paxos-made-simple.html b/site/distributed-systems/paxos-made-simple.html
index 0398f45..ab20320 100644
--- a/site/distributed-systems/paxos-made-simple.html
+++ b/site/distributed-systems/paxos-made-simple.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/primary-backup.html b/site/distributed-systems/primary-backup.html
index 3e79a21..aeea6ec 100644
--- a/site/distributed-systems/primary-backup.html
+++ b/site/distributed-systems/primary-backup.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/scaling-web-services.html b/site/distributed-systems/scaling-web-services.html
index dafe48f..689e5ce 100644
--- a/site/distributed-systems/scaling-web-services.html
+++ b/site/distributed-systems/scaling-web-services.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/sharding.html b/site/distributed-systems/sharding.html
index 9fa3f09..d863e26 100644
--- a/site/distributed-systems/sharding.html
+++ b/site/distributed-systems/sharding.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/distributed-systems/two-phase-commit.html b/site/distributed-systems/two-phase-commit.html
index 25140f1..29619d5 100644
--- a/site/distributed-systems/two-phase-commit.html
+++ b/site/distributed-systems/two-phase-commit.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/ds-backup/RPC.html b/site/ds-backup/RPC.html
index b5f9aa1..4a0c7d2 100644
--- a/site/ds-backup/RPC.html
+++ b/site/ds-backup/RPC.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/ds-backup/clocks.html b/site/ds-backup/clocks.html
index 8850333..44b51e7 100644
--- a/site/ds-backup/clocks.html
+++ b/site/ds-backup/clocks.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/ds-backup/consistent-global-state.html b/site/ds-backup/consistent-global-state.html
index 6a57490..53dacdc 100644
--- a/site/ds-backup/consistent-global-state.html
+++ b/site/ds-backup/consistent-global-state.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/ds-backup/managing-critical-state.html b/site/ds-backup/managing-critical-state.html
index 797a83e..8f5edee 100644
--- a/site/ds-backup/managing-critical-state.html
+++ b/site/ds-backup/managing-critical-state.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/ds-backup/mutual-exclusion.html b/site/ds-backup/mutual-exclusion.html
index 5d3880b..47ff1fc 100644
--- a/site/ds-backup/mutual-exclusion.html
+++ b/site/ds-backup/mutual-exclusion.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/ds-backup/ordering-events-in-distributed-systems.html b/site/ds-backup/ordering-events-in-distributed-systems.html
index 16c77c6..eb45ae4 100644
--- a/site/ds-backup/ordering-events-in-distributed-systems.html
+++ b/site/ds-backup/ordering-events-in-distributed-systems.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/ds-backup/paxos-intro.html b/site/ds-backup/paxos-intro.html
index 1a39dd1..c347b7b 100644
--- a/site/ds-backup/paxos-intro.html
+++ b/site/ds-backup/paxos-intro.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/ds-backup/paxos-made-simple.html b/site/ds-backup/paxos-made-simple.html
index f8011f2..0222dc7 100644
--- a/site/ds-backup/paxos-made-simple.html
+++ b/site/ds-backup/paxos-made-simple.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/ds-backup/primary-backup.html b/site/ds-backup/primary-backup.html
index fd82553..dc8274c 100644
--- a/site/ds-backup/primary-backup.html
+++ b/site/ds-backup/primary-backup.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/ds-backup/scaling-web-services.html b/site/ds-backup/scaling-web-services.html
index c42460b..b34f8d1 100644
--- a/site/ds-backup/scaling-web-services.html
+++ b/site/ds-backup/scaling-web-services.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/index.html b/site/index.html
index e70dae3..dfa501c 100644
--- a/site/index.html
+++ b/site/index.html
@@ -7,20 +7,20 @@
     <meta name="description" content="So so many notes">
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/linear-algebra/cheatsheet.html b/site/linear-algebra/cheatsheet.html
index 616d3fe..6cb42fb 100644
--- a/site/linear-algebra/cheatsheet.html
+++ b/site/linear-algebra/cheatsheet.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/linear-algebra/elementry-linear-algebra.html b/site/linear-algebra/elementry-linear-algebra.html
index ab54a49..e289b27 100644
--- a/site/linear-algebra/elementry-linear-algebra.html
+++ b/site/linear-algebra/elementry-linear-algebra.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/linear-algebra/python-cheatsheet.html b/site/linear-algebra/python-cheatsheet.html
index 6313031..249883f 100644
--- a/site/linear-algebra/python-cheatsheet.html
+++ b/site/linear-algebra/python-cheatsheet.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/machine-learning-for-big-data/intro-mapreduce-spark.html b/site/machine-learning-for-big-data/intro-mapreduce-spark.html
index a4fd842..0fb608e 100644
--- a/site/machine-learning-for-big-data/intro-mapreduce-spark.html
+++ b/site/machine-learning-for-big-data/intro-mapreduce-spark.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/0-foundation/1-network-components-and-protocols.html b/site/networks/0-foundation/1-network-components-and-protocols.html
index 60a828f..3392c30 100644
--- a/site/networks/0-foundation/1-network-components-and-protocols.html
+++ b/site/networks/0-foundation/1-network-components-and-protocols.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/0-foundation/2-physical-layer.html b/site/networks/0-foundation/2-physical-layer.html
index 85a014d..f0d2fb3 100644
--- a/site/networks/0-foundation/2-physical-layer.html
+++ b/site/networks/0-foundation/2-physical-layer.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/0-foundation/3-performance.html b/site/networks/0-foundation/3-performance.html
index 7b79ba5..7a08b09 100644
--- a/site/networks/0-foundation/3-performance.html
+++ b/site/networks/0-foundation/3-performance.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/0-foundation/information-theory.html b/site/networks/0-foundation/information-theory.html
index bebcdbd..f0ce8e1 100644
--- a/site/networks/0-foundation/information-theory.html
+++ b/site/networks/0-foundation/information-theory.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/1-physical/coding-and-modulation.html b/site/networks/1-physical/coding-and-modulation.html
index 3216ea4..ac72eb3 100644
--- a/site/networks/1-physical/coding-and-modulation.html
+++ b/site/networks/1-physical/coding-and-modulation.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/1-physical/media.html b/site/networks/1-physical/media.html
index 74630dd..fdd908d 100644
--- a/site/networks/1-physical/media.html
+++ b/site/networks/1-physical/media.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/2-direct-links/errors.html b/site/networks/2-direct-links/errors.html
index 93af44a..33ff82f 100644
--- a/site/networks/2-direct-links/errors.html
+++ b/site/networks/2-direct-links/errors.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/2-direct-links/framing.html b/site/networks/2-direct-links/framing.html
index 3283edd..d5002c1 100644
--- a/site/networks/2-direct-links/framing.html
+++ b/site/networks/2-direct-links/framing.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/2-direct-links/multiple-access.html b/site/networks/2-direct-links/multiple-access.html
index a6421e8..2f1b081 100644
--- a/site/networks/2-direct-links/multiple-access.html
+++ b/site/networks/2-direct-links/multiple-access.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/2-direct-links/retransmission.html b/site/networks/2-direct-links/retransmission.html
index 15b7ff2..65cb689 100644
--- a/site/networks/2-direct-links/retransmission.html
+++ b/site/networks/2-direct-links/retransmission.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/2-direct-links/switching.html b/site/networks/2-direct-links/switching.html
index 3c79dc8..d7a8925 100644
--- a/site/networks/2-direct-links/switching.html
+++ b/site/networks/2-direct-links/switching.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/2-direct-links/wireless.html b/site/networks/2-direct-links/wireless.html
index 4a3cd55..c743c89 100644
--- a/site/networks/2-direct-links/wireless.html
+++ b/site/networks/2-direct-links/wireless.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/3-network/ARP.html b/site/networks/3-network/ARP.html
index 6e5c252..463043c 100644
--- a/site/networks/3-network/ARP.html
+++ b/site/networks/3-network/ARP.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/3-network/BGP.html b/site/networks/3-network/BGP.html
index 013fd06..daef465 100644
--- a/site/networks/3-network/BGP.html
+++ b/site/networks/3-network/BGP.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/3-network/DHCP.html b/site/networks/3-network/DHCP.html
index 9eed373..6b69a76 100644
--- a/site/networks/3-network/DHCP.html
+++ b/site/networks/3-network/DHCP.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/3-network/ICMP.html b/site/networks/3-network/ICMP.html
index de5afa6..d6598a0 100644
--- a/site/networks/3-network/ICMP.html
+++ b/site/networks/3-network/ICMP.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/3-network/global-internet.html b/site/networks/3-network/global-internet.html
index c9bdbc6..fe3bc10 100644
--- a/site/networks/3-network/global-internet.html
+++ b/site/networks/3-network/global-internet.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/3-network/internetworking.html b/site/networks/3-network/internetworking.html
index 6fcaf76..40e8a89 100644
--- a/site/networks/3-network/internetworking.html
+++ b/site/networks/3-network/internetworking.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/3-network/motivation.html b/site/networks/3-network/motivation.html
index 0f9f922..8809e7b 100644
--- a/site/networks/3-network/motivation.html
+++ b/site/networks/3-network/motivation.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/3-network/networking-services.html b/site/networks/3-network/networking-services.html
index 6dbba68..f3a2dec 100644
--- a/site/networks/3-network/networking-services.html
+++ b/site/networks/3-network/networking-services.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/3-network/routing.html b/site/networks/3-network/routing.html
index cb0ae81..25ed073 100644
--- a/site/networks/3-network/routing.html
+++ b/site/networks/3-network/routing.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/4-transport/ACK-clocking.html b/site/networks/4-transport/ACK-clocking.html
index d4f1ff7..9f7f995 100644
--- a/site/networks/4-transport/ACK-clocking.html
+++ b/site/networks/4-transport/ACK-clocking.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/4-transport/TCP.html b/site/networks/4-transport/TCP.html
index 122e2be..ea298d0 100644
--- a/site/networks/4-transport/TCP.html
+++ b/site/networks/4-transport/TCP.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/4-transport/UDP.html b/site/networks/4-transport/UDP.html
index e61b978..e531ae6 100644
--- a/site/networks/4-transport/UDP.html
+++ b/site/networks/4-transport/UDP.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/4-transport/flow-control.html b/site/networks/4-transport/flow-control.html
index bc164c4..a53ebdb 100644
--- a/site/networks/4-transport/flow-control.html
+++ b/site/networks/4-transport/flow-control.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/4-transport/transport-overview.html b/site/networks/4-transport/transport-overview.html
index 37e8554..daf3f43 100644
--- a/site/networks/4-transport/transport-overview.html
+++ b/site/networks/4-transport/transport-overview.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/5-application/CDNs.html b/site/networks/5-application/CDNs.html
index 6fd44f0..1f53683 100644
--- a/site/networks/5-application/CDNs.html
+++ b/site/networks/5-application/CDNs.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/5-application/DNS.html b/site/networks/5-application/DNS.html
index 0201f34..2db7004 100644
--- a/site/networks/5-application/DNS.html
+++ b/site/networks/5-application/DNS.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/5-application/HTTP.html b/site/networks/5-application/HTTP.html
index fd592a6..62a17dc 100644
--- a/site/networks/5-application/HTTP.html
+++ b/site/networks/5-application/HTTP.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/5-application/overview.html b/site/networks/5-application/overview.html
index 55c7d2f..da3b4f6 100644
--- a/site/networks/5-application/overview.html
+++ b/site/networks/5-application/overview.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/reference.html b/site/networks/reference.html
index dad441c..92a5ffe 100644
--- a/site/networks/reference.html
+++ b/site/networks/reference.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/networks/sockets.html b/site/networks/sockets.html
index 97f2513..ebb2525 100644
--- a/site/networks/sockets.html
+++ b/site/networks/sockets.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/lecture-notes/components.html b/site/operating-systems/lecture-notes/components.html
index 7815eeb..87b022b 100644
--- a/site/operating-systems/lecture-notes/components.html
+++ b/site/operating-systems/lecture-notes/components.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/lecture-notes/file-systems.html b/site/operating-systems/lecture-notes/file-systems.html
index b64c33f..bfbbc49 100644
--- a/site/operating-systems/lecture-notes/file-systems.html
+++ b/site/operating-systems/lecture-notes/file-systems.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/lecture-notes/handle-tables.html b/site/operating-systems/lecture-notes/handle-tables.html
index 02fef8d..b75b0fe 100644
--- a/site/operating-systems/lecture-notes/handle-tables.html
+++ b/site/operating-systems/lecture-notes/handle-tables.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/lecture-notes/io-systems-secondary-storage.html b/site/operating-systems/lecture-notes/io-systems-secondary-storage.html
index 7e3c975..9326198 100644
--- a/site/operating-systems/lecture-notes/io-systems-secondary-storage.html
+++ b/site/operating-systems/lecture-notes/io-systems-secondary-storage.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/lecture-notes/kernel-abstraction.html b/site/operating-systems/lecture-notes/kernel-abstraction.html
index 5921b32..c642ce1 100644
--- a/site/operating-systems/lecture-notes/kernel-abstraction.html
+++ b/site/operating-systems/lecture-notes/kernel-abstraction.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/lecture-notes/page-faults.html b/site/operating-systems/lecture-notes/page-faults.html
index 0d0d7ca..f17cd9b 100644
--- a/site/operating-systems/lecture-notes/page-faults.html
+++ b/site/operating-systems/lecture-notes/page-faults.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/lecture-notes/paging.html b/site/operating-systems/lecture-notes/paging.html
index 1cf1659..71ae6d0 100644
--- a/site/operating-systems/lecture-notes/paging.html
+++ b/site/operating-systems/lecture-notes/paging.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/lecture-notes/processes.html b/site/operating-systems/lecture-notes/processes.html
index 910742a..dadd5c5 100644
--- a/site/operating-systems/lecture-notes/processes.html
+++ b/site/operating-systems/lecture-notes/processes.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/lecture-notes/tlb.html b/site/operating-systems/lecture-notes/tlb.html
index 0af229c..d7ac718 100644
--- a/site/operating-systems/lecture-notes/tlb.html
+++ b/site/operating-systems/lecture-notes/tlb.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/lecture-notes/windows-memory-management.html b/site/operating-systems/lecture-notes/windows-memory-management.html
index 7b2b456..fe91768 100644
--- a/site/operating-systems/lecture-notes/windows-memory-management.html
+++ b/site/operating-systems/lecture-notes/windows-memory-management.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/lecture-notes/windows-objects-handles-refcounts.html b/site/operating-systems/lecture-notes/windows-objects-handles-refcounts.html
index 2bb61d1..f7d5557 100644
--- a/site/operating-systems/lecture-notes/windows-objects-handles-refcounts.html
+++ b/site/operating-systems/lecture-notes/windows-objects-handles-refcounts.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/lecture-notes/windows-rtz.html b/site/operating-systems/lecture-notes/windows-rtz.html
index 859d192..0f24290 100644
--- a/site/operating-systems/lecture-notes/windows-rtz.html
+++ b/site/operating-systems/lecture-notes/windows-rtz.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/reference.html b/site/operating-systems/reference.html
index 0f3cbd2..b9ef7b3 100644
--- a/site/operating-systems/reference.html
+++ b/site/operating-systems/reference.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/section-notes/lab-3-questions.html b/site/operating-systems/section-notes/lab-3-questions.html
index 82643f4..2850a62 100644
--- a/site/operating-systems/section-notes/lab-3-questions.html
+++ b/site/operating-systems/section-notes/lab-3-questions.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/section-notes/section-1.html b/site/operating-systems/section-notes/section-1.html
index 44b3075..4aa9e94 100644
--- a/site/operating-systems/section-notes/section-1.html
+++ b/site/operating-systems/section-notes/section-1.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/v1-kernels-and-processes/1-introductions.html b/site/operating-systems/v1-kernels-and-processes/1-introductions.html
index cc1de48..04f7cf7 100644
--- a/site/operating-systems/v1-kernels-and-processes/1-introductions.html
+++ b/site/operating-systems/v1-kernels-and-processes/1-introductions.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/v1-kernels-and-processes/2-the-kernel-abstraction.html b/site/operating-systems/v1-kernels-and-processes/2-the-kernel-abstraction.html
index 8ce7ee1..d9fffd1 100644
--- a/site/operating-systems/v1-kernels-and-processes/2-the-kernel-abstraction.html
+++ b/site/operating-systems/v1-kernels-and-processes/2-the-kernel-abstraction.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/v1-kernels-and-processes/3-the-programming-interface.html b/site/operating-systems/v1-kernels-and-processes/3-the-programming-interface.html
index 84011f5..3a862b4 100644
--- a/site/operating-systems/v1-kernels-and-processes/3-the-programming-interface.html
+++ b/site/operating-systems/v1-kernels-and-processes/3-the-programming-interface.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/v2-concurrency/4-concurrency-and-threads.html b/site/operating-systems/v2-concurrency/4-concurrency-and-threads.html
index cb3b47c..3ac6953 100644
--- a/site/operating-systems/v2-concurrency/4-concurrency-and-threads.html
+++ b/site/operating-systems/v2-concurrency/4-concurrency-and-threads.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/v2-concurrency/5-synchronizing-access-to-shared-objects.html b/site/operating-systems/v2-concurrency/5-synchronizing-access-to-shared-objects.html
index 4865256..c14f982 100644
--- a/site/operating-systems/v2-concurrency/5-synchronizing-access-to-shared-objects.html
+++ b/site/operating-systems/v2-concurrency/5-synchronizing-access-to-shared-objects.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/v2-concurrency/7-multiprocessor-scheduling.html b/site/operating-systems/v2-concurrency/7-multiprocessor-scheduling.html
index b4adff4..7f3a13b 100644
--- a/site/operating-systems/v2-concurrency/7-multiprocessor-scheduling.html
+++ b/site/operating-systems/v2-concurrency/7-multiprocessor-scheduling.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/v2-concurrency/7-queueing-theory.html b/site/operating-systems/v2-concurrency/7-queueing-theory.html
index 57799ce..8d5b4ec 100644
--- a/site/operating-systems/v2-concurrency/7-queueing-theory.html
+++ b/site/operating-systems/v2-concurrency/7-queueing-theory.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/v2-concurrency/7-uniprocessor-scheduling.html b/site/operating-systems/v2-concurrency/7-uniprocessor-scheduling.html
index 31d1c43..6d74fe0 100644
--- a/site/operating-systems/v2-concurrency/7-uniprocessor-scheduling.html
+++ b/site/operating-systems/v2-concurrency/7-uniprocessor-scheduling.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/v4-persistent-storage/11-file-systems-overview.html b/site/operating-systems/v4-persistent-storage/11-file-systems-overview.html
index 8060a54..f183282 100644
--- a/site/operating-systems/v4-persistent-storage/11-file-systems-overview.html
+++ b/site/operating-systems/v4-persistent-storage/11-file-systems-overview.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/operating-systems/v4-persistent-storage/13-files-and-directories.html b/site/operating-systems/v4-persistent-storage/13-files-and-directories.html
index 1196cb0..01190ed 100644
--- a/site/operating-systems/v4-persistent-storage/13-files-and-directories.html
+++ b/site/operating-systems/v4-persistent-storage/13-files-and-directories.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/performance-engineering/efficiently-implementing-state-pattern-JVM.html b/site/performance-engineering/efficiently-implementing-state-pattern-JVM.html
index 953f1c5..ec5a00f 100644
--- a/site/performance-engineering/efficiently-implementing-state-pattern-JVM.html
+++ b/site/performance-engineering/efficiently-implementing-state-pattern-JVM.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/scripts/build.py b/site/scripts/build.py
index f65d0cc..acb809d 100644
--- a/site/scripts/build.py
+++ b/site/scripts/build.py
@@ -10,12 +10,14 @@
 from collections import defaultdict
 
 # Set up logging
-logging.basicConfig(level=logging.INFO, format='%(levelname)s: %(message)s')
+logging.basicConfig(level=logging.INFO, format="%(levelname)s: %(message)s")
 logger = logging.getLogger(__name__)
 
+
 @dataclass
 class Page:
     """Represents a page in the static site"""
+
     title: str
     path: Path
     content: str
@@ -25,21 +27,29 @@ class Page:
     description: Optional[str]
     is_index: bool = False
 
+
 class SiteGenerator:
     """Generates a static site from a directory of mixed content"""
 
     MARKDOWN_EXTENSIONS = [
-        'meta',
-        'toc',
-        'fenced_code',
-        'tables',
-        'attr_list',
-        'footnotes',
-        'def_list',
-        'admonition'
+        "meta",
+        "toc",
+        "fenced_code",
+        "tables",
+        "attr_list",
+        "footnotes",
+        "def_list",
+        "admonition",
     ]
-    SUPPORTED_CONTENT = {'.md', '.markdown'}
-    IGNORED_DIRECTORIES = {'.git', '__pycache__', 'node_modules', '.github', 'venv', '.venv'}
+    SUPPORTED_CONTENT = {".md", ".markdown"}
+    IGNORED_DIRECTORIES = {
+        ".git",
+        "__pycache__",
+        "node_modules",
+        ".github",
+        "venv",
+        ".venv",
+    }
 
     def __init__(self, input_dir: str, output_dir: str):
         self.input_dir = Path(input_dir)
@@ -71,7 +81,7 @@ def _prepare_output_directory(self) -> None:
         self.output_dir.chmod(0o755)
 
         # Create assets directory
-        assets_dir = self.output_dir / 'assets'
+        assets_dir = self.output_dir / "assets"
         assets_dir.mkdir(parents=True)
         assets_dir.chmod(0o755)
 
@@ -84,7 +94,7 @@ def _process_content(self) -> None:
     def _walk_directory(self, directory: Path) -> List[Path]:
         """Walk through directory while respecting ignored paths"""
         files = []
-        for item in directory.rglob('*'):
+        for item in directory.rglob("*"):
             if not any(ignored in item.parts for ignored in self.IGNORED_DIRECTORIES):
                 if item.is_file():
                     files.append(item)
@@ -92,24 +102,32 @@ def _walk_directory(self, directory: Path) -> List[Path]:
 
     def _extract_metadata(self, file_path: Path) -> dict:
         """Extract metadata from markdown file"""
-        content = file_path.read_text(encoding='utf-8')
+        content = file_path.read_text(encoding="utf-8")
         self.markdown_converter.reset()
         self.markdown_converter.convert(content)
 
         metadata = {}
-        if hasattr(self.markdown_converter, 'Meta'):
+        if hasattr(self.markdown_converter, "Meta"):
             metadata = {
-                'title': self.markdown_converter.Meta.get('title', [file_path.stem.replace('-', ' ').title()])[0],
-                'category': self.markdown_converter.Meta.get('category', [None])[0],
-                'tags': self.markdown_converter.Meta.get('tags', [''])[0].split(',') if 'tags' in self.markdown_converter.Meta else [],
-                'description': self.markdown_converter.Meta.get('description', [None])[0]
+                "title": self.markdown_converter.Meta.get(
+                    "title", [file_path.stem.replace("-", " ").title()]
+                )[0],
+                "category": self.markdown_converter.Meta.get("category", [None])[0],
+                "tags": (
+                    self.markdown_converter.Meta.get("tags", [""])[0].split(",")
+                    if "tags" in self.markdown_converter.Meta
+                    else []
+                ),
+                "description": self.markdown_converter.Meta.get("description", [None])[
+                    0
+                ],
             }
         else:
             metadata = {
-                'title': file_path.stem.replace('-', ' ').title(),
-                'category': None,
-                'tags': [],
-                'description': None
+                "title": file_path.stem.replace("-", " ").title(),
+                "category": None,
+                "tags": [],
+                "description": None,
             }
 
         return metadata
@@ -117,7 +135,7 @@ def _extract_metadata(self, file_path: Path) -> dict:
     def _process_markdown(self, file_path: Path) -> None:
         """Process a markdown file into a Page object"""
         try:
-            content = file_path.read_text(encoding='utf-8')
+            content = file_path.read_text(encoding="utf-8")
             metadata = self._extract_metadata(file_path)
 
             # Convert content after metadata extraction
@@ -125,20 +143,20 @@ def _process_markdown(self, file_path: Path) -> None:
             html_content = self.markdown_converter.convert(content)
 
             relative_path = file_path.relative_to(self.input_dir)
-            is_index = file_path.stem.lower() == 'index'
+            is_index = file_path.stem.lower() == "index"
 
             # Clean and normalize tags
-            tags = [tag.strip().lower() for tag in metadata['tags'] if tag.strip()]
+            tags = [tag.strip().lower() for tag in metadata["tags"] if tag.strip()]
 
             page = Page(
-                title=metadata['title'],
+                title=metadata["title"],
                 path=relative_path,
                 content=html_content,
                 modified_date=datetime.fromtimestamp(file_path.stat().st_mtime),
-                category=metadata['category'],
+                category=metadata["category"],
                 tags=tags,
-                description=metadata['description'],
-                is_index=is_index
+                description=metadata["description"],
+                is_index=is_index,
             )
 
             self.pages[relative_path] = page
@@ -188,7 +206,7 @@ def _generate_special_pages(self) -> None:
                 category=None,
                 tags=[],
                 description="Index of all categories",
-                is_index=True
+                is_index=True,
             )
             self.pages[categories_page.path] = categories_page
 
@@ -203,7 +221,7 @@ def _generate_special_pages(self) -> None:
                 category=None,
                 tags=[],
                 description="Index of all tags",
-                is_index=True
+                is_index=True,
             )
             self.pages[tags_page.path] = tags_page
 
@@ -229,12 +247,12 @@ def _generate_html_pages(self) -> None:
         """Generate HTML pages for all processed content"""
         # Generate regular pages
         for page in self.pages.values():
-            output_path = self.output_dir / page.path.with_suffix('.html')
+            output_path = self.output_dir / page.path.with_suffix(".html")
             output_path.parent.mkdir(parents=True, exist_ok=True)
             output_path.parent.chmod(0o755)
 
             html_content = self._render_template(page)
-            output_path.write_text(html_content, encoding='utf-8')
+            output_path.write_text(html_content, encoding="utf-8")
             output_path.chmod(0o644)
 
         # Generate category pages
@@ -247,7 +265,7 @@ def _generate_html_pages(self) -> None:
 
     def _generate_category_page(self, category: str, pages: List[Page]) -> None:
         """Generate a page for a specific category"""
-        output_path = self.output_dir / 'categories' / f"{category.lower()}.html"
+        output_path = self.output_dir / "categories" / f"{category.lower()}.html"
         output_path.parent.mkdir(parents=True, exist_ok=True)
         output_path.parent.chmod(0o755)
 
@@ -265,16 +283,16 @@ def _generate_category_page(self, category: str, pages: List[Page]) -> None:
             category=None,
             tags=[],
             description=f"Pages in category {category}",
-            is_index=False
+            is_index=False,
         )
 
         html_content = self._render_template(page)
-        output_path.write_text(html_content, encoding='utf-8')
+        output_path.write_text(html_content, encoding="utf-8")
         output_path.chmod(0o644)
 
     def _generate_tag_page(self, tag: str, pages: List[Page]) -> None:
         """Generate a page for a specific tag"""
-        output_path = self.output_dir / 'tags' / f"{tag.lower()}.html"
+        output_path = self.output_dir / "tags" / f"{tag.lower()}.html"
         output_path.parent.mkdir(parents=True, exist_ok=True)
         output_path.parent.chmod(0o755)
 
@@ -292,11 +310,11 @@ def _generate_tag_page(self, tag: str, pages: List[Page]) -> None:
             category=None,
             tags=[],
             description=f"Pages tagged with {tag}",
-            is_index=False
+            is_index=False,
         )
 
         html_content = self._render_template(page)
-        output_path.write_text(html_content, encoding='utf-8')
+        output_path.write_text(html_content, encoding="utf-8")
         output_path.chmod(0o644)
 
     def _generate_breadcrumbs(self, page: Page) -> str:
@@ -305,12 +323,14 @@ def _generate_breadcrumbs(self, page: Page) -> str:
         parts.append('<a href="/index.html">Home</a>')
 
         if page.category:
-            parts.append(f'<a href="/categories/{quote(page.category.lower())}.html">{page.category}</a>')
+            parts.append(
+                f'<a href="/categories/{quote(page.category.lower())}.html">{page.category}</a>'
+            )
 
         if not page.is_index:
             parts.append(page.title)
 
-        return ' » '.join(parts)
+        return " » ".join(parts)
 
     def _generate_navigation(self, current_page: Page) -> str:
         """Generate navigation links"""
@@ -328,39 +348,44 @@ def _generate_navigation(self, current_page: Page) -> str:
         if self.tags:
             nav_items.append('<a href="/tags/index.html">Tags</a>')
 
-        return '\n'.join(nav_items)
+        return "\n".join(nav_items)
 
     def _generate_main_index(self) -> None:
         """Generate the main index.html page"""
         # Get recent pages (excluding special pages)
-        regular_pages = [p for p in self.pages.values()
-                        if not (p.is_index or str(p.path).startswith(('categories/', 'tags/')))]
-        recent_pages = sorted(regular_pages,
-                            key=lambda p: p.modified_date,
-                            reverse=True)[:10]  # Show 10 most recent
+        regular_pages = [
+            p
+            for p in self.pages.values()
+            if not (p.is_index or str(p.path).startswith(("categories/", "tags/")))
+        ]
+        recent_pages = sorted(
+            regular_pages, key=lambda p: p.modified_date, reverse=True
+        )[
+            :10
+        ]  # Show 10 most recent
 
         # Generate recent posts section
         recent_content = "<h2>Recent Notes</h2>\n<ul class='recent-posts'>"
         for page in recent_pages:
             page_url = f"/{page.path.with_suffix('.html')}"
-            date_str = page.modified_date.strftime('%Y-%m-%d')
-            recent_content += f'''
+            date_str = page.modified_date.strftime("%Y-%m-%d")
+            recent_content += f"""
                 <li>
                     <a href="{page_url}">{page.title}</a>
                     <span class="date">{date_str}</span>
                     {f'<span class="category">{page.category}</span>' if page.category else ''}
-                </li>'''
+                </li>"""
         recent_content += "</ul>"
 
         # Generate categories section
         categories_content = "<h2>Categories</h2>\n<ul class='categories-list'>"
         for category, pages in sorted(self.categories.items()):
             category_url = f"/categories/{quote(category.lower())}.html"
-            categories_content += f'''
+            categories_content += f"""
                 <li>
                     <a href="{category_url}">{category}</a>
                     <span class="count">({len(pages)})</span>
-                </li>'''
+                </li>"""
         categories_content += "</ul>"
 
         # Generate popular tags section (show top 20 most used tags)
@@ -416,13 +441,13 @@ def _generate_main_index(self) -> None:
             category=None,
             tags=[],
             description="So so many notes",
-            is_index=True
+            is_index=True,
         )
 
         # Generate the HTML
-        output_path = self.output_dir / 'index.html'
+        output_path = self.output_dir / "index.html"
         html_content = self._render_template(index_page)
-        output_path.write_text(html_content, encoding='utf-8')
+        output_path.write_text(html_content, encoding="utf-8")
         output_path.chmod(0o644)
 
     def _render_template(self, page: Page) -> str:
@@ -433,12 +458,16 @@ def _render_template(self, page: Page) -> str:
         # Generate tags section if page has tags
         tags_section = ""
         if page.tags:
-            tags_section = "<div class='tags'>Tags: " + ", ".join(
-                f'<a href="/tags/{quote(tag.lower())}.html">{tag}</a>'
-                for tag in sorted(page.tags)
-            ) + "</div>"
+            tags_section = (
+                "<div class='tags'>Tags: "
+                + ", ".join(
+                    f'<a href="/tags/{quote(tag.lower())}.html">{tag}</a>'
+                    for tag in sorted(page.tags)
+                )
+                + "</div>"
+            )
 
-        return f'''<!DOCTYPE html>
+        return f"""<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -447,20 +476,20 @@ def _render_template(self, page: Page) -> str:
     {f'<meta name="description" content="{page.description}">' if page.description else ''}
     <style>
         :root {{
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }}
 
         @media (prefers-color-scheme: dark) {{
             :root {{
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }}
         }}
 
@@ -626,16 +655,21 @@ def _render_template(self, page: Page) -> str:
         {tags_section}
     </main>
 </body>
-</html>'''
+</html>"""
+
 
 def main():
     """CLI entry point"""
     import argparse
 
-    parser = argparse.ArgumentParser(description='Generate a static site from markdown files')
-    parser.add_argument('input_dir', help='Input directory containing content')
-    parser.add_argument('output_dir', help='Output directory for generated site')
-    parser.add_argument('--verbose', '-v', action='store_true', help='Enable verbose logging')
+    parser = argparse.ArgumentParser(
+        description="Generate a static site from markdown files"
+    )
+    parser.add_argument("input_dir", help="Input directory containing content")
+    parser.add_argument("output_dir", help="Output directory for generated site")
+    parser.add_argument(
+        "--verbose", "-v", action="store_true", help="Enable verbose logging"
+    )
     args = parser.parse_args()
 
     if args.verbose:
@@ -648,5 +682,6 @@ def main():
         logger.error(f"Failed to generate site: {str(e)}")
         exit(1)
 
+
 if __name__ == "__main__":
-    main()
\ No newline at end of file
+    main()
diff --git a/site/scripts/simple.html b/site/scripts/simple.html
index 7bbac1f..195bf50 100644
--- a/site/scripts/simple.html
+++ b/site/scripts/simple.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/signal-conditioning/lecture-notes/lecture-1.html b/site/signal-conditioning/lecture-notes/lecture-1.html
index 4fca66c..4592bf1 100644
--- a/site/signal-conditioning/lecture-notes/lecture-1.html
+++ b/site/signal-conditioning/lecture-notes/lecture-1.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/signal-conditioning/lecture-notes/lecture-2.html b/site/signal-conditioning/lecture-notes/lecture-2.html
index 62975cc..093a6f4 100644
--- a/site/signal-conditioning/lecture-notes/lecture-2.html
+++ b/site/signal-conditioning/lecture-notes/lecture-2.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/signal-conditioning/lecture-notes/lecture-3.html b/site/signal-conditioning/lecture-notes/lecture-3.html
index 4bb4563..09d5c54 100644
--- a/site/signal-conditioning/lecture-notes/lecture-3.html
+++ b/site/signal-conditioning/lecture-notes/lecture-3.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/signal-conditioning/lecture-notes/lecture-4.html b/site/signal-conditioning/lecture-notes/lecture-4.html
index 3339f0a..c7400f7 100644
--- a/site/signal-conditioning/lecture-notes/lecture-4.html
+++ b/site/signal-conditioning/lecture-notes/lecture-4.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/signal-conditioning/lecture-notes/lecture-5.html b/site/signal-conditioning/lecture-notes/lecture-5.html
index 8ce5ef2..b77999e 100644
--- a/site/signal-conditioning/lecture-notes/lecture-5.html
+++ b/site/signal-conditioning/lecture-notes/lecture-5.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/signal-conditioning/lecture-notes/lecture-6.html b/site/signal-conditioning/lecture-notes/lecture-6.html
index 60b09d7..49aaf6b 100644
--- a/site/signal-conditioning/lecture-notes/lecture-6.html
+++ b/site/signal-conditioning/lecture-notes/lecture-6.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/teaching/modern-java/collections-and-records.html b/site/teaching/modern-java/collections-and-records.html
index 8cdb559..a70ff20 100644
--- a/site/teaching/modern-java/collections-and-records.html
+++ b/site/teaching/modern-java/collections-and-records.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/teaching/modern-java/lambdas-and-streams.html b/site/teaching/modern-java/lambdas-and-streams.html
index 8d6290a..2baba26 100644
--- a/site/teaching/modern-java/lambdas-and-streams.html
+++ b/site/teaching/modern-java/lambdas-and-streams.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/tmp/bench/spec.html b/site/tmp/bench/spec.html
index c5117c8..e533d99 100644
--- a/site/tmp/bench/spec.html
+++ b/site/tmp/bench/spec.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }
 
diff --git a/site/tmp/pairing-algorithm.html b/site/tmp/pairing-algorithm.html
index 2d0d36c..83436b3 100644
--- a/site/tmp/pairing-algorithm.html
+++ b/site/tmp/pairing-algorithm.html
@@ -7,20 +7,20 @@
     
     <style>
         :root {
-            --text-color: #2c3e50;
+            --text-color: #1a1a1a;
             --background-color: #ffffff;
-            --accent-color: #3498db;
-            --border-color: #ecf0f1;
-            --nav-background: rgba(255, 255, 255, 0.9);
+            --accent-color: #2563eb;
+            --border-color: #e5e7eb;
+            --nav-background: rgba(255, 255, 255, 0.95);
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
-                --text-color: #ecf0f1;
-                --background-color: #2c3e50;
-                --accent-color: #3498db;
-                --border-color: #34495e;
-                --nav-background: rgba(44, 62, 80, 0.9);
+                --text-color: #f3f4f6;
+                --background-color: #1a1a1a;
+                --accent-color: #60a5fa;
+                --border-color: #374151;
+                --nav-background: rgba(26, 26, 26, 0.95);
             }
         }