Code Monkey home page Code Monkey logo

typora-haru-theme's Introduction

layout title category homepage download built-in author thumbnail typora-root-url typora-copy-images-to
theme
Haru
theme
false
锦恢
haru.png
../../
../../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 and 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:

> # 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
  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 ☕

Last but not least

  • Actually, many ideas in haru.css are copied from my own website 汇尘轩 directly, which contains an online markdown render.
  • The open source html2pdf tools almost drive me mad 💢 , 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 😄
  • Some ideas are inspired by typora themes listed below:

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 or github homepage. If you has some feedback, you can create Issues or email me [email protected]

typora-haru-theme's People

Contributors

lstm-kirigaya avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.