Make links visually distinguishable by default

[rubzie]

When creating a link in BlockNote, the linked text looks identical to regular text. Users must manually apply styling to make links recognizable.

Current Behavior

• Create a link with the link tool or Cmd+K
• Link has no visual distinction (no color change, no underline, no hover state)
• Must manually style each link

Expected Behavior

(tested on Blocknote site example and default implementation)
Links should be visually distinguishable by default, like in Notion and Slite (both use color by default).

Proposed Solution

Add default link styling that can be overridden:

const editor = useCreateBlockNote({
  linkStyling: {
    enabled: true, // default
    color: '#0066cc', // customizable
  }
});

Or include in the default theme:

.bn-container .bn-inline-content a {
  color: #0066cc;
}

Rationale

• UX standard: Notion, Slite, Google Docs all style links by default
• Accessibility: Links need visual distinction beyond hover state
• User friction: Manual styling for every link is tedious

Current Workaround

Custom CSS override (requires users to know about CSS customization and makes default behavior bad UX for a reader)