Panda Sneak Peek: A Work-in-Progress Markdown Editor and Library 🐼

Is there perhaps an ETA for Panda coming out? I’ll be ditching Obsidian right away once it’s released. I love Bear of course, but I do much prefer having .md files stored in folders (i.e the Obsidian workflow) - so I’m extremely excited for this release!

2 Likes

ETA is probably a couple of years. :wink:

Wow! This looks amazing!!

I’ve been using vscode to do the same for years now, and since discovering Bear have been considering creating some extensions to add Bear-like features (like tags, and the editor) or even a standalone code-OSS based app :confused:

but Panda’s got it covered :slight_smile:

Whose leg do I have to hump to get a hold of this? and… TAKE MY MONEY!!!

Couple questions;

  1. Will there be support for extensions (like vsvode) and extension authoring?
  2. Can I contribute to Panda’s development?
  3. Is there an official feature request process or is this (or another) thread the place to be?

Ta :slight_smile:

I feel like I missed something. Is the earlier-existing macOS alpha of Panda no longer available? I recently had to wipe and restore my MacBook and neglected to save Panda somewhere.

See if this link still works for you: https://sf-applications.s3.amazonaws.com/Panda/Panda.zip

2 Likes

Good afternoon. Is there any kind of update for the iOS version?

1 Like

I notice that the makers of Scrivener have a very similar app coming out soon, possibly early 2025.

1 Like

Do you have a link? I tried to google but without success

2 Likes

Yep, that’s the one. They say end of 2024 in that post, but they’ve since said early 2025.

The new app from Literature & Latte looks pretty nice! Really like the simplicity of it. It does feel it’s very much tailored towards writing - a cleaner, simpler Ulysses rather than something that would compete with Panda, with writing specific features.

Their whole cake text thing is a bit odd; it’s pretty much markdown, with the syntax hidden. As far as I can tell, from the bits of information there are, in order to avoid markdown the doctype will be xml or sth rather than plain text, which puts me off a bit tbh.

To get back on topic, hopefully Panda will be out first, right? :smiley: Would be nice to get an update sometime to see how things are going along…

Would it be possible to give the editing pane a floating material look? An example is attached using Obsidian (and CSS if anyone wants to tinker).

/* Default theme, Light base colour scheme */

/* Rounded top-left corner for the tab header */
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
	border-top-left-radius: 8px;
}

/* Background colour when not focused */
body:not(.is-focused) .mod-root .workspace-tabs.mod-stacked .workspace-tab-container {
	background-color: var(--background-secondary);
}

/* Remove bottom margin for stacked tab headers */
.mod-root .workspace-tabs.mod-stacked .workspace-tab-header {
	margin-bottom: 0;
}

/* Rounded square for normal tab with drop shadow */
.mod-root .workspace-tabs .workspace-tab-header.is-active {
	box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.8);
}

.workspace .mod-root .workspace-tab-header-inner::after {
	right: -1px;
}

/* Rounded corners for the workspace tab container */
.mod-root .workspace-tab-container {
	box-shadow:
		-2px 0 4px rgba(0, 0, 0, 0.05),
		/* Left shadow */
		2px 0 4px rgba(0, 0, 0, 0.175),
		/* Right shadow */
		0 2px 4px rgba(0, 0, 0, 0.4);
	/* Bottom shadow */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	margin: -.2em 1em 1em 1em;
	/* margin for better visibility */
}

.mod-root .workspace-tabs {
	background-color: var(--titlebar-background-focused);
}

/* Adjust UI font size based on 
settings in Appearance > Font > Font Size */
body {
	--font-ui-medium: 14px;
	--font-ui-small: 1.125em;
	/*sidebar*/
	--font-ui-smaller: 11px;
	--icon-xs: 14px;
	--icon-s: 15px;
	--icon-m: 17px;
	--icon-l: 17px;
	--header-height: 38px;
	--ribbon-width: 10px;
	/*40px*/
}

body {
	--divider-color: var(--background-secondary);
	--h1-font: 'Brandon Text', serif;
	--h2-font: 'Brandon Text', serif;
	--h3-font: 'Brandon Text', serif;
	--h4-font: 'Brandon Text', sans-serif;
	--h5-font: 'Brandon Text', sans-serif;
	--h6-font: 'Brandon Text', sans-serif;
	--default-font: 'Brandon Text', sans-serif;
	font-weight: 500;
	--font-text-theme: 'Brandon Text', sans-serif;
	--keyheader-font: 'Brandon Text', sans-serif;
	--h1-size: 1.75em;
	--h2-size: 1.625em;
	--h3-size: 1.325em;
	--h4-size: 1.25rem;
	--h5-size: 1.125rem;
	--h6-size: 1.0625rem;
	--h1-weight: 400;
	--h2-weight: 400;
	--h3-weight: 400;
	--h4-weight: 500;
	--h5-weight: 500;
	--h6-weight: 500;
	--h1-line-height: 2em;
	--h2-line-height: 2em;
	--h3-line-height: 2em;
	--h4-line-height: 1em;
	--h5-line-height: 1em;
}

.theme-light {
	--background-primary: #f9fffc;
	--background-secondary: #e6e2db;
	--background-secondary-alt: #e6e2db;
	--background-accent: #afbfcf;
	--background-accent-alt: var(--background-secondary);
	--background-modifier-border: #ada7a4;
	--background-modifier-cover: var(--background-secondary);
	--background-modifier-form-field: #e6e6e6;
	--interactive-accent-hover: #708ca9 --h1-color: #6e151b;
	--h2-color: #064d83;
	--h3-color: #06837b;
	--h4-color: #31373f;
	--h5-color: #31373f;
	--h6-color: #31373f;
	--text-selection: #e8f1f9;

	.markdown-preview-view .internal-link {
		text-decoration: none;
	}

	/* Make Status bar accommodate two lines */
	.status-bar {
		padding-top: 0.1em;
		padding-bottom: 0.1em;
		line-height: 1em;
		max-height: unset;
	}

	.markdown-preview-view>div ul:not(ul ul) {
		padding-inline-start: var(--list-indent-first);
	}

	/* Remove hyperlink underline Preview Mode */
	.markdown-source-view.mod-cm6 .cm-underline {
		text-decoration: none;
		color: #82080e;
	}

	/* Reading Mode */
	.markdown-rendered .internal-link {
		text-decoration: none;
		font-weight: normal;
		color: #075000;
	}

	/* Editor and Preview View Styles */
	.cm-s-obsidian,
	.markdown-preview-view {
		color: #1f3c4e;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		-webkit-font-smoothing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		padding: .25em 1em;

		/* top bottom sides*/
		@media only screen and (min-width: 414px) and (max-width: 767px) {
			/* iPhone 11 Max */
			padding: 0 0.5em;
		}

		@media only screen and (min-device-width: 744px) and (max-device-width: 1133px) and (-webkit-min-device-pixel-ratio: 2) {
			/* iPad Mini 6th Generation */
			font-size: 28px;
			padding: 0 2em;
		}
	}

	.markdown-source-view :is(.cm-line + .cm-line) {
		padding: 0.5em 0;
		text-indent: 0em;
		line-height: 1.5em;
	}
1 Like