Skip to content

Implement theme customization with preset and custom color schemes #3

Description

@saismrutiranjan18

Provide theme options for the editor and preview to match user preferences.

Preset Themes:

Editor Themes:

  • Light (default)
  • Dark
  • Sepia/Cream
  • High Contrast
  • Solarized Light/Dark
  • Dracula
  • Nord
  • Monokai
  • GitHub Dark/Light

Preview Themes:

  • Match editor theme
  • GitHub markdown style
  • Medium-style article view
  • Documentation theme
  • Minimal black & white

Customization Options:

  • Custom background color
  • Custom text color
  • Custom accent/link color
  • Font family selection (mono, sans, serif)
  • Font size adjustment
  • Line height adjustment

Implementation:

  • Theme selector in settings/toolbar
  • CSS custom properties for theming
  • Save preference to localStorage
  • Respect system theme preference (prefers-color-scheme)
  • Export/import custom themes as JSON

UI Elements:

  • Theme picker modal with live preview
  • Quick theme toggle button (moon/sun icon)
  • "Create custom theme" option
  • Share custom themes via URL parameters

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

  • Status
    In Progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions