Obsidian-Typora-Vue is a theme for Obsidian, which is inspired by typora-vue-theme, obsidian_orange and Blue Topaz.
This project is based on Blue Topaz and some code of my project is from obsidian_orange. Thank them very much.
The font color, font size and all style is choosed elaborately to be as similar with typora-vue-theme as possible so that you can use these two kinds of software simultaneously and switch in a low-cost way.
The icons on folder and file title in navigation are from obsidian_orange . You can optionally use it by downloading and moving it to your local
\.obsidian\snippets\. I will use it in the following rest of the document.
| Multi Lines | Single Line |
|---|---|
| Default | Download the css snippet nav-single-line.css to your local\.obsidian\snippets\additionally |
| Green border in the right | Green border in the left |
 |
 |
4. Orange Inline Code Style, Gray CodeBlock Style and Green Blockquote Style Like typora-vue-theme in Both Editor and Preview View
5. Green and Bold Weight Link Style Like typora-vue-theme in Both Editor and Preview View
External Link
Internal Link
6. Table Style Modified from Blue Topaz Like typora-vue-theme in Preview View
7. Supporting Other Feature From Blue Topaz
Color Tag
Line or Border of Unordered/Ordered List in Both Editor View and Preview View
| Border in Preview View |
|---|
| Default |
 |
| Line in Preview View |
|---|
Download the css snippet vertical lines of list-1.css to your local\.obsidian\snippets\additionally |
| (The snippet is modified from Blue Topaz #snippets ) |
 |
 |
Manually download the obsidian.cssto your local \.obsidian\themes\ and rename it to Obsidian-Typora-Vue.css.
Issues and PRs are welcome.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent