Frontend Resources
NextUI is our chosen component library. It provides a large variety of UI components, including Button, Modal, Input, Dropdown, Avatar, etc.
Light and dark mode are implemented using NextUI's useTheme() hook and <NextThemesProvider> from the next-themes package.
- Heroicons - used for icons throughout the app (excluding the note toolbar)
- Material Design icons - used for the note toolbar
Material Design icons are utilised to supplement the markdown icons (bold, italic, underline, etc.) that are missing from Heroicons.
The code block node was designed with two themes to match dark and light mode respectively:
- One Dark theme (dark mode)
- Tomorrow theme (light mode)
