Skip to content

style: add Notion-style pastel inline code#18

Merged
j4rviscmd merged 2 commits intomainfrom
feat/notion-inline-code
Mar 22, 2026
Merged

style: add Notion-style pastel inline code#18
j4rviscmd merged 2 commits intomainfrom
feat/notion-inline-code

Conversation

@j4rviscmd
Copy link
Copy Markdown
Owner

Summary

  • Add Notion-inspired pastel styling to inline <code> elements in the BlockNote editor
  • Light mode: soft peach background (oklch(0.964 0.021 56))
  • Dark mode: warm orange-tinted background with bright text (oklch(0.752 0.17 54 / 12%), oklch(0.828 0.111 54))
  • All colors use oklch() format to match the project convention

Test plan

  • Open the editor and type inline code (backtick-wrapped text)
  • Verify light mode shows peach background
  • Switch to dark mode and verify orange-tinted background + bright text
  • Confirm padding, border-radius, and monospace font are applied

🤖 Generated with Claude Code

j4rviscmd and others added 2 commits March 23, 2026 01:34
Apply Notion-inspired pastel styling to inline code elements in the
BlockNote editor. Light mode uses a soft peach background; dark mode
adds a warm orange tint with bright text. All colors use oklch format
to match the project convention.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@j4rviscmd j4rviscmd merged commit 6089144 into main Mar 22, 2026
@j4rviscmd j4rviscmd deleted the feat/notion-inline-code branch March 22, 2026 16:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant