🎨 Editora - Side-by-Side Theme Comparison

Compare Light and Dark themes with full webcomponent functionality

WebComponent Integration
Both editors use the real <editora-editor> webcomponent with all native plugins. Test all features including formatting, links, tables, lists, and keyboard shortcuts. Switch between themes to see how the editor adapts to different color schemes.

☀ī¸ Light Theme

LIGHT THEME

Welcome to Editora - Light Theme!

This editor demonstrates the light theme with full webcomponent functionality.

Try these features:

  • Bold, italic, underline, and strikethrough formatting
  • Insert links using the native dialog
  • Create tables with the table insertion dialog
  • Use keyboard shortcuts (Ctrl+B, Ctrl+I, Ctrl+K, etc.)
  • Test undo/redo functionality
  • Change text and background colors
  • Insert images, videos, and other media

Select any text above and use the toolbar buttons!

✨ Theme Features

  • Clean, bright interface
  • High contrast text on white background
  • Subtle shadows and borders
  • Perfect for daytime use

🌙 Dark Theme

DARK THEME

Welcome to Editora - Dark Theme!

This editor demonstrates the dark theme with full webcomponent functionality.

Try these features:

  • Bold, italic, underline, and strikethrough formatting
  • Insert links using the native dialog
  • Create tables with the table insertion dialog
  • Use keyboard shortcuts (Ctrl+B, Ctrl+I, Ctrl+K, etc.)
  • Test undo/redo functionality
  • Change text and background colors
  • Insert images, videos, and other media

Select any text above and use the toolbar buttons!

🌙 Theme Features

  • Easy on the eyes in low light
  • Dark background with light text
  • Reduced eye strain
  • Perfect for nighttime use

🔌 WebComponent Status

Loading webcomponent...