markedit-theme-softview

An eye-friendly theme for MarkEdit. Warm tones, low saturation, designed for long reading sessions.

中文文档

Design Principles

• No pure black, no pure white — warm cream backgrounds, soft brown text
• Low saturation syntax colors — olive, sienna, taupe, muted teal
• Consistent warm color temperature — all colors share the same warmth
• Comfortable contrast — readable but not harsh

Color Palette

Light Mode

Element	Color	Description
Background	#f7f4ee	Warm cream
Text	#4a4540	Warm dark brown
Heading	#6b7a4a	Olive green
Link	#5a7a7a	Muted teal
Keyword	#8a6a4a	Warm sienna
String	#6b7a4a	Olive

Dark Mode

Element	Color	Description
Background	#2a2826	Warm charcoal
Text	#d0c8ba	Warm off-white
Heading	#9aaa6a	Soft lime-green
Link	#7aaa9a	Soft teal
Keyword	#c4a882	Warm sand
String	#9aaa6a	Soft lime-green

Installation

Prerequisites

• Node.js 18+
• Yarn Berry (v4+)
• MarkEdit

Steps

# 1. Clone the repository
git clone git@github.com:hyper0x/markedit-theme-softview.git
cd markedit-theme-softview

# 2. Install dependencies
yarn install

# 3. Build
yarn build

The built file is at dist/markedit-theme-softview.js. Copy it to MarkEdit's scripts directory:

cp dist/markedit-theme-softview.js ~/Library/Containers/app.cyan.markedit/Data/Documents/scripts/

# 4. Restart MarkEdit to apply the theme
yarn reload

Configuration

Add the following to MarkEdit's settings.json:

"extension.markeditThemeSoftview": {
  "enabledMode": "both"
}

enabledMode values:

Value	Effect
"both"	Works in both light and dark modes
"dark"	Dark mode only
"light"	Light mode only
"none"	Disabled

If you have multiple themes installed, set other themes' enabledMode to "none" to switch.

Uninstall

npm run uninstall

Customization

Edit lightColors and darkColors in main.ts, then run yarn build && yarn reload.

License

MIT