Merge pull request #25 from gamosoft/features/mermaid-support

Features/mermaid support

Author: gamosoft

backend/themes.py

@@ -7,6 +7,32 @@
 import re
 
 
+def parse_theme_metadata(theme_path: Path) -> Dict[str, str]:
+    """Parse theme metadata from CSS file comments"""
+    metadata = {
+        "type": "dark"  # Default to dark for backward compatibility
+    }
+    
+    try:
+        with open(theme_path, 'r', encoding='utf-8') as f:
+            # Read first few lines to find metadata
+            for i, line in enumerate(f):
+                if i > 10:  # Only check first 10 lines
+                    break
+                
+                # Look for @theme-type metadata
+                if '@theme-type:' in line:
+                    # Extract the value (light or dark)
+                    match = re.search(r'@theme-type:\s*(light|dark)', line)
+                    if match:
+                        metadata["type"] = match.group(1)
+                        break
+    except Exception as e:
+        print(f"Error parsing theme metadata from {theme_path}: {e}")
+    
+    return metadata
+
+
 def get_available_themes(themes_dir: str) -> List[Dict[str, str]]:
     """Get all available themes from the themes directory"""
     themes_path = Path(themes_dir)
@@ -30,9 +56,13 @@ def get_available_themes(themes_dir: str) -> List[Dict[str, str]]:
             theme_name = theme_file.stem.replace("-", " ").replace("_", " ").title()
             icon = theme_icons.get(theme_file.stem, "🎨")
 
+            # Parse theme metadata
+            metadata = parse_theme_metadata(theme_file)
+            
             themes.append({
                 "id": theme_file.stem,
                 "name": f"{icon} {theme_name}",
+                "type": metadata["type"],  # Add theme type (light/dark)
                 "builtin": False
             })
 

documentation/FEATURES.md

@@ -9,7 +9,8 @@
 - **Undo/Redo** - Ctrl+Z / Ctrl+Y support
 - **Syntax highlighting** for code blocks (50+ languages)
 - **Copy code blocks** - One-click copy button on hover
-- **LaTeX/Math rendering** - Beautiful mathematical equations with MathJax
+- **LaTeX/Math rendering** - Beautiful mathematical equations with MathJax (see [MATHJAX.md](MATHJAX.md))
+- **Mermaid diagrams** - Create flowcharts, sequence diagrams, and more (see [MERMAID.md](MERMAID.md))
 - **HTML Export** - Export notes as standalone HTML files
 
 ### Organization
@@ -106,6 +107,31 @@ $$
 
 📄 **See the [MATHJAX](MATHJAX.md) note for more examples and syntax reference.**
 
+## 📊 Mermaid Diagrams
+
+### Visual Diagrams
+- **Flowcharts** - Process flows and decision trees
+- **Sequence diagrams** - System interactions over time
+- **Class diagrams** - UML class relationships
+- **State diagrams** - State machines and transitions
+- **Gantt charts** - Project timelines
+- **Pie charts** - Data visualization
+- **Git graphs** - Branch and commit history
+- **Theme support** - Adapts to your theme
+
+### Example
+````markdown
+```mermaid
+graph TD
+    A[Start] --> B{Is it working?}
+    B -->|Yes| C[Great!]
+    B -->|No| D[Debug]
+    D --> B
+```
+````
+
+📄 **See the [MERMAID](MERMAID.md) note for diagram examples and syntax reference.**
+
 ## ⚡ Keyboard Shortcuts
 
 | Windows/Linux | Mac | Action |