Willemstad offers extensive interface customization options to create a workspace that fits your exact workflow needs. ## Ribbon & Sidebar Options ### Default Ribbon Standard Obsidian sidebar with theme styling enhancements. ### Floating Ribbon Transforms the ribbon into a floating, translucent overlay: - **Height controls** for normal and hover states - **Blur effects** with adjustable intensity - **Draggable positioning** (can be disabled) - Automatically adapts width based on icon sizes ### No Ribbon Mode **⚠️ Nuclear Option** - Completely removes the ribbon for maximum workspace. **Configuration:** ``` Settings → Style Settings → App UI → Ribbon and Main Workspace Buttons ``` ## Status Bar Customization ### Full Status Bar Expands the status bar across the full width with content justification options: - Left-aligned - Center-aligned - Right-aligned ### Mini Status Bar (Default) Compact status bar with floating capabilities: - **Positioning** - Center or right-aligned - **Floating distance** from bottom edge - **Maximum width** control (20-100%) - **Frosted glass effect** with blur intensity - **Workspace integration** - Optional padding for content **Visual Effects:** - Borderless option for cleaner appearance - Blur backdrop integration - Accent color matching ## Tab Styling Transform your editor tabs with five distinct styles: ### Modern (Default) Clean, contemporary design with optional borderless active tabs. ### Square Sharp, geometric appearance for a technical feel. ### Underline Minimal design with accent underlines for active tabs. ### Box Index Prominent indexing with box-style indicators. ### Classic Index Traditional tab indexing with classic styling. **Additional Features:** - Pinned tabs automatically move to front - Stacked tab text direction control - Custom text alignment for stacked tabs ## Window & Titlebar ### Titlebar Accent Integration Sync titlebar colors with your chosen accent scheme: ``` Settings → Style Settings → App UI → App Titlebar → Use Accent Colour for Titlebar ``` Choose from primary, secondary, or tertiary accent colors. ### Control Button Management Hide minimize/maximize/close buttons for distraction-free mode: - Move windows by dragging sidebar - Double-click to minimize/expand - Alt+F4 (Windows) to close ### Version Display Option to remove Willemstad version suffix from titlebar. ## Modal Sizing Customize the dimensions of settings and community plugin/theme browsers: **Width Controls** (45-98% viewport width): - Settings modal - Community plugin store - Community theme store - Publish interface **Height Controls** (40-98% viewport height): - Individual controls for each modal type - Responsive scaling based on content ## Icon & Spacing Controls Fine-tune the visual density of your interface: **Icon Sizes:** - Sidebar toggle buttons (10-24px) - Header buttons (10-24px) - Tab buttons (10-24px) **Spacing Controls:** - Header button padding (0-12px) - Global margin values (0-12px) - Hover animation intensity (0-100%) **Mathematical Relationships:** Willemstad uses complex calculations to maintain proportional relationships between elements as you adjust sizes. This ensures visual harmony regardless of your preferred scale. ## Side Panes ### Navigation Spacing Adjust vertical spacing between navigation titles for better visual organization. ### Content Optimization Controls for better content display in narrow panes. ## Quick Setup Workflow 1. **Start with ribbon style** - Choose your preferred sidebar approach 2. **Configure status bar** - Select full or mini based on workflow 3. **Pick tab style** - Match your aesthetic preference 4. **Adjust sizing** - Scale icons and spacing for comfort 5. **Customize modals** - Size dialogs for your screen 6. **Fine-tune colors** - Apply accent colors to titlebar if desired ## Performance Considerations - **Floating elements** may impact performance on older devices - **Blur effects** can be disabled for better performance - **Complex animations** can be turned off entirely - **Icon scaling** affects rendering performance marginally All interface customizations work together seamlessly and can be adjusted in real-time through Style Settings.