Writing Environment
The writing environment system lets you customise how the content editor looks and feels — fonts, colours, spacing, and more. Everything runs entirely in your browser with no server calls. Your preferences are stored in your browser’s local storage.
Quick access
Section titled “Quick access”In the content editor toolbar, click the palette icon to open the writing environment popover. From there you can:
- Switch between built-in presets (accessibility and aesthetic)
- Apply any custom presets you’ve created
- Reset to default (follows your current app theme)
- Open advanced settings for full customisation
Built-in presets
Section titled “Built-in presets”MythTapestry includes 9 built-in presets grouped into two categories:
Accessibility presets
Section titled “Accessibility presets”| Preset | Description | Key features |
|---|---|---|
| High Contrast (Light) | Maximum contrast on a white background | 18px Arial, high letter spacing |
| High Contrast (Dark) | Maximum contrast on a black background | 18px Arial, high letter spacing |
| Dyslexia Friendly | OpenDyslexic font with optimal spacing | 17px, extra word/letter spacing, off-white background |
| Low Vision | Large text with generous spacing | 22px Arial, double line height, wide spacing |
Aesthetic presets
Section titled “Aesthetic presets”| Preset | Description | Key features |
|---|---|---|
| Parchment | Warm sepia tones for fantasy writing | Georgia serif, warm tan background |
| Modern Minimal | Clean sans-serif for contemporary settings | Inter/system font, white background |
| Gothic | Dark, atmospheric for horror or dark fantasy | Georgia serif, dark background with light text |
| Cyberpunk | Neon on dark for sci-fi settings | Courier New/Fira Code monospace, cyan on navy |
Theme Default
Section titled “Theme Default”The Theme Default preset follows your current app theme colours (Cosmic Weaver dark or Light Weaver light) and uses standard 16px font sizing.
What you can customise
Section titled “What you can customise”The writing environment controls these settings:
Typography
Section titled “Typography”| Setting | Range | Description |
|---|---|---|
| Font family | Any system or web font | The typeface used in the editor |
| Font size | 12–28 px | Text size |
| Line height | 1.2–2.2 | Spacing between lines |
| Letter spacing | 0–0.15 em | Space between characters |
| Word spacing | 0–0.3 em | Space between words |
| Font weight | 100–900 or named values | Text boldness |
| Text transform | none, uppercase, lowercase, capitalise | Automatic casing |
| Text alignment | left, centre, right, justify | Paragraph alignment |
| Paragraph spacing | Variable (em) | Space between paragraphs |
Colours
Section titled “Colours”| Setting | Description |
|---|---|
| Background colour | The editor’s background |
| Text colour | The main text colour |
Accessibility
Section titled “Accessibility”| Setting | Description |
|---|---|
| Dyslexia-friendly font | Switches to OpenDyslexic regardless of the selected font family |
Custom presets
Section titled “Custom presets”You can create your own presets to save combinations of settings you use frequently.
Creating a custom preset
Section titled “Creating a custom preset”- Adjust settings to your liking (via the advanced settings page or by modifying a built-in preset)
- Click Save as Preset
- Give it a name and optional description
Custom presets appear in a dedicated section of the writing environment popover.
Managing presets
Section titled “Managing presets”From the preset manager you can:
- Edit — update the name, description, or settings of a custom preset
- Delete — remove a custom preset
- Export — download all your custom presets as a JSON file (useful for backup or sharing)
- Import — load presets from a JSON file, with validation that skips duplicates and invalid entries
Advanced customisation
Section titled “Advanced customisation”For fine-grained control, open the full settings page via the gear icon in the popover header, or navigate to World Settings > Writing Environment. The advanced editor provides sliders and inputs for every setting, with live preview as you adjust values.