Skip to content

Skrive v0.2.1 — Inset Design Stabilization

Choose a tag to compare

View all tags
@github-actions github-actions released this 11 May 21:17
· 204 commits to main since this release
v0.2.1
101232b

A visual overhaul. The editor now floats as a rounded card inside a soft shell frame, with the sidebar as its own floating card alongside. After A/B-testing several layout forks during v0.2.0, this release locks the winning combination and commits to it.

What you'll notice

A new page-on-desk look

  • Full 4-side inset — the editor card has shell margin on all sides, with rounded corners and a subtle shadow.
  • Sidebar is now a floating card too, separated from the editor by a deliberate gap rather than a 1px divider line.
  • Shell tone is configurable — Light, Same, or Dark. Default is "light shell, darker page" (paper-on-inked-desk). Switch from Settings → General → Appearance.

Topbar streamlined

  • Just three controls on the right: a panels popover (Frontmatter / Backlinks / History as checkboxes) and the Raw / Split / Preview mode toggle.
  • The sidebar toggle button got a Notion-style refresh — larger icon, clear breathing room from the traffic lights, aligned with the tab strip.
  • The project name dropdown (Open project / Close project) moved from the topbar to the sidebar's section header. The "FILES" label is replaced with your current project name + caret.

Settings is now a modal

  • Press ⌘, and Settings opens as a centered Dialog over the editor instead of replacing the workspace. The editor stays visible behind it — useful when you're previewing appearance changes against an actual document.

New behaviors

  • Drag-to-collapse the sidebar — pull the resize handle below ~100px and the sidebar snaps fully closed. ⌘[ reopens it at its previous width.
  • Side panel push behavior (Settings → Appearance) — when on, opening a panel narrows the editor card to make room. Switch to "Float" if you'd rather have it overlay.

Under the hood

  • Settings rewritten as a Radix Dialog modal to eliminate the layout-shift issues the workspace-view approach kept producing.
  • Workspace + sidebar wrapped in contain: paint for paint isolation — CodeMirror scroll no longer re-rasterizes the card's rounded mask + box-shadow on every line virtualization frame.
  • Animation curve token `--skrive-easing-out` added; entrance animations use the snappier ease-out curve. Baseline durations tightened (quick 120→110ms, standard 160→150ms, slow 180→160ms).
  • Card shadow lightened in the "Same tone" palette — the old 0 8px 24px blur was costly on inner scroll.

Removed

The following experimental layouts and components no longer exist: Classic topbar (full FM/BL/HI cluster), Collapsed-bottom rail, Top+bottom inset, Embedded sidebar, Tabs-on-card, DocumentToolRail / CollapsedBottomRail / SettingsView. If you had any of these selected in v0.2.0, you'll be migrated to the locked behavior on next launch.

Note: v0.2.1 ships dark-mode only. v0.2.2 immediately follows with light mode and theme switching — see that release for details.

Assets 10
Loading