homebrew-ec-foss / Chronicle

A blazing fast real-time collaborative Markdown editor
Apache License 2.0
1 stars 4 forks source link

chore: Styling the Markdown Editor #6

Open achyuthcodes30 opened 2 months ago

achyuthcodes30 commented 2 months ago

Overview

The Tiptap editor set up in #4 needs to be styled for a good look and feel.

Requirements

1) Dark Theme like the editor Notion(https://www.notion.so/cdn-cgi/image/format=auto,width=3840,quality=100/https://images.ctfassets.net/spoqsaf9291f/4LRi9m28hmiaFroHJoRhNh/cbed8d07bc84177e97f5193f6658a2cd/Appearance_settings_-_hero_v2.png) but not with too much contrast. 2) Experiment with and pick a good font style (MonoSpace/ JetBrains Mono, Iosevka etc.) 3) Rulesets for important HTML5 tags https://tiptap.dev/docs/examples/basics/markdown-shortcuts https://github.com/ueberdosis/tiptap/blob/main/demos/src/Examples/MarkdownShortcuts/React/styles.scss