New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

chore: Styling the Markdown Editor #6

Open

achyuthcodes30 opened this issue Jul 10, 2024 · 0 comments

Labels

enhancement good first issue

Contributor

achyuthcodes30 commented Jul 10, 2024

Overview

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

Requirements

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.
Experiment with and pick a good font style (MonoSpace/ JetBrains Mono, Iosevka etc.)
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

achyuthcodes30 added good first issue enhancement labels

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