BlockNote
DocsDocsExamplesExamplesAboutAbout
GH
  • Introduction
  • Quickstart
  • Editor Basics
    • Editor Setup
    • Document Structure
    • Default Schema
  • Editor API
    • Manipulating Blocks
    • Manipulating Inline Content
    • Cursor & Selections
    • Markdown & HTML
  • Styling & Theming
    • Themes
    • Overriding CSS
    • Adding DOM Attributes
  • UI Components
    • Block Side Menu
    • Formatting Toolbar
    • Suggestion Menus
  • Custom Schemas
    • Custom Blocks
    • Custom Inline Content
    • Custom Styles
    • Next.js and BlockNote
    • Real-time Collaborative rich text editor
    • Usage Without React (Vanilla JS)
  • glossary
  • Community ↗ (opens in a new tab)
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub
Docs
Styling & Theming

Styling & Theming

You can completely change the look and feel of the BlockNote editor. Change basic styling quickly with theme CSS variables, or apply more complex styles with additional CSS rules.

If you want to change, remove, or entirely replace the React components for menus & toolbars, see UI Components.

Markdown & HTMLThemes

MIT 2024 © Nextra.