Custom Themes

Full visual customization - not just colors, but entire design systems

Unlike GitBook

GitBook limits you to basic color changes. MatrixDocs gives you complete control over typography, spacing, components, animations, and more.

Choose Your Style

Live Preview

docs.yourproject.com
System Online

Cyberpunk Documentation

Neural interface documentation for the next generation.

>> INITIALIZING_DOCS_MATRIX...

What You Can Customize

Colors & Gradients

  • • Primary & secondary colors
  • • Background gradients
  • • Syntax highlighting
  • • Custom accent colors
  • • Dark/light mode variants

Typography

  • • Any Google Font
  • • Custom font uploads
  • • Font sizes & weights
  • • Line heights & spacing
  • • Code font customization

Layout & Components

  • • Sidebar position & style
  • • Card & button variants
  • • Custom animations
  • • Spacing & borders
  • • Component shadows

Full CSS Variable Control

theme.css
:root {
  /* Colors */
  --md-primary: #f0f;
  --md-secondary: #0ff;
  --md-background: #0a0a0f;
  --md-foreground: #fff;
  --md-accent: #ff00ff;
  
  /* Typography */
  --md-font-sans: "Orbitron", system-ui;
  --md-font-mono: "JetBrains Mono", monospace;
  --md-font-size-base: 16px;
  --md-line-height: 1.7;
  
  /* Spacing */
  --md-spacing-unit: 4px;
  --md-radius: 12px;
  --md-shadow: 0 4px 20px rgba(0,0,0,0.3);
  
  /* Animations */
  --md-transition: 200ms ease;
  --md-hover-scale: 1.02;
}