https://github.com/lstm-kirigaya/typora-haru-theme
a light & inspirational theme for typora
https://github.com/lstm-kirigaya/typora-haru-theme
css typora-theme
Last synced: over 1 year ago
JSON representation
a light & inspirational theme for typora
- Host: GitHub
- URL: https://github.com/lstm-kirigaya/typora-haru-theme
- Owner: LSTM-Kirigaya
- Created: 2022-04-03T08:13:12.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-06-21T18:26:03.000Z (about 2 years ago)
- Last Synced: 2025-04-14T12:02:12.668Z (over 1 year ago)
- Topics: css, typora-theme
- Language: CSS
- Homepage:
- Size: 5.54 MB
- Stars: 119
- Watchers: 2
- Forks: 14
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
layout: theme
title: Haru
category: theme
homepage: https://github.com/LSTM-Kirigaya/typora-haru-theme
download: https://github.com/LSTM-Kirigaya/typora-haru-theme/releases/download/typora/haru.zip
built-in: false
author: 锦恢
thumbnail: haru.png
typora-root-url: ../../
typora-copy-images-to: ../../media/theme/haru
---
> Designed and tested on Windows11 & Ubuntu18.04. Not fully tested, but should work for MacOS.
Some bugs have been fixed. Thanks for [hongyun-robot](https://github.com/hongyun-robot) and [LILKOTYO](https://github.com/LILKOTYO)!
# Haru
## Introduction
`Haru` is a light style theme for Typora. I hope it can bring you inspiration, elegance and peaceful mind.
Dark Side (HaruDark) is currently supported:
---
## Screenshot
### Basic
### Example
### Typora Menu
### Exit Dialog
---
## Feature
### Round corner design
Almost every element or container in haru is designed as round corner, including `img`, `iframe`, word count labe and even some input widget embedded in Typora.
### Table without border
Table in haru doesn't have border and cell will be highlighted on any hover.
### Title + Blockquote?
I combine title and blockquote to make extra information:
```markdown
> # In Haru, you can use `>` + `#` to create Tips block
> ## `>` + `##` = warning block
> ### `>` + `###` = error block
> #### `>` + `####` = remind block
```
rendered result:
---
## Install
1. Download `haru.zip` from Typora Gallery or my github [release](https://github.com/LSTM-Kirigaya/typora-haru-theme/releases/tag/typora)
2. Typora Menu `->` Themes `->` Open Theme Folder
3. Unzip `haru.zip` into the folder
4. Restart Typora
5. Select the Haru theme from the **Themes menu** in Typora
6. Enjoy a nice day :coffee:
---
## Last but not least
- Actually, many ideas in `haru.css` are copied from my own website [汇尘轩](https://xn--lbun88i.studio/) directly, which contains an online markdown render.
- The open source html2pdf tools almost drive me mad :anger: , so I decide to go back to Typora and transfer the style I designed for my website to Typora, in order to enjoy the peace and inspiration which I have designed for myself :smile:
- Some ideas are inspired by typora themes listed below:
- [see-yue](https://github.com/jinghu-moon/typora-see-yue-theme)
- [mint](https://github.com/Y1chenYao/typora-mint-theme)
- [autumnus](https://github.com/Soanguy/typora-theme-autumnus)
> Yeah, `mint` is an excellent theme; `see-yue` is quite inspirational; `autumnus` is peaceful, I quite like the style of its title.
## Contract
If you are interested in my design or something else, welcome to my [website](https://kirigaya.cn/)or [github homepage](https://github.com/LSTM-Kirigaya). If you has some feedback, you can create [Issues](https://github.com/LSTM-Kirigaya/typora-haru-theme/issues) or email me 1193466151@qq.com