obsidian-plugin/forever-utf8_obsidian-act-like-vscode
1
0
Fork 0
mirror of https://github.com/forever-utf8/obsidian-act-like-vscode.git synced 2026-07-22 06:55:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
No description
30 commits 1 branch 5 tags 2.6 MiB
TypeScript 41%
JavaScript 36.6%
CSS 22.1%
Shell 0.3%
Find a file
forever-utf8 7b1da8aecb fix: release 1.2.2
2026-06-19 23:38:17 +08:00
icons fix: update simple icon to improve visual consistency 2026-04-29 22:39:39 +08:00
snippets feat: add Notion-style CSS snippet for enhanced styling and layout 2026-04-29 11:27:48 +08:00
.gitignore init 2026-04-22 10:35:25 +08:00
deploy.sh fix: release 1.2.1 2026-06-19 15:19:14 +08:00
esbuild.config.mjs init 2026-04-22 10:35:25 +08:00
LICENSE init 2026-04-22 10:35:25 +08:00
main.js fix: release 1.2.2 2026-06-19 23:38:17 +08:00
main.ts fix: release 1.2.2 2026-06-19 23:38:17 +08:00
manifest.json fix: release 1.2.2 2026-06-19 23:38:17 +08:00
package-lock.json fix: release 1.2.2 2026-06-19 23:38:17 +08:00
package.json fix: release 1.2.2 2026-06-19 23:38:17 +08:00
README.en.md docs: update README for clarity and consistency in feature descriptions 2026-04-29 16:32:48 +08:00
README.md fix: release 1.2.1 2026-06-19 15:19:14 +08:00
styles.css fix: implement confirmation for tag deletion with visual feedback 2026-05-05 23:55:22 +08:00
tsconfig.json init 2026-04-22 10:35:25 +08:00
versions.json fix: release 1.2.2 2026-06-19 23:38:17 +08:00

README.en.md

Act Like VSCode

中文 | English

Make Obsidian work like VS Code. Preview

Features

VS Code-style tabs

Single-click to preview, double-click to pin.

File explorer coloring

Files are highlighted based on archive status.

  • Unarchived files appear in green, archived files in gray.
  • Folders with unarchived notes appear in green; folders where all notes are archived appear in gray.

Tag badges

Tags inside notes are displayed as badges in the file explorer.

Navigation icons

Minimal icons for files and folders — simple yet necessary, no overwhelming choices, reducing cognitive load.

Settings

Open Settings → Act Like VSCode to configure:

  • Navigation icons — toggle file and folder icons on or off.
  • Tags — includes the "archive" tag by default. Each tag gets a color applied to both the file name and its badge. Snippet preview

CSS Snippet

A personal-style snippet, not tested for compatibility with other themes.

Installation: copy the file to .obsidian/snippets/ and enable it in Settings → Appearance → CSS snippets.

Snippet preview

Requirements

Obsidian desktop 1.8.9 or newer.

Development

npm install   # install dependencies
npm run build # type-check + production bundle