How to configure a cute little shark theme for typera?

Little shark theme

explain

• It all works typora Make notes , Writing is more convenient , This is really the case after half a year , Than word Documentation is indeed a lot more convenient in some ways , Then if you have a beautiful theme , It can really promote our enthusiasm for learning ;

• Then I love the expression of this little shark , Then some cases on the Internet will be slightly modified , Got the theme of little shark , It feels good to use by yourself , Write this article to share the theme for everyone to use ;

• At the end of the day , I didn't systematically learn the front-end knowledge when making this little shark theme , So there may be some bug, Finally, I would like to thank the online bosses for their excellent templates for me to modify ;

Themes use fonts ：

 Siyuan Songti 
 Ses blackbody 
Fira Code

Example

Details visible example.md
example：

shayu

shayu-card

Usage method

1. stay GitHub Download this topic .
2. open Typora Theme folder , And will download shayu.css and shayu-card.css Two files and shayu Copy in the folder , The picture of the little shark in the lower right corner can be found in shayu Replace itself in the folder , We offer three options , Of course, if you have a better picture, it can also be replaced , A long winded sentence , The best picture is vector .
3. restart Typora Change the topic to shayu or shayu-card that will do .

Tips

1. There are two styles of themes ：
   • Tiled （ Case diagram 1）：shayu
   • Card style （ Case diagram 2）：shayu-card
2. The shark picture in the lower right corner , Can be found in shayu Replace itself in the folder .
3. Can be found in Standardized color substitution table .txt Lieutenant general 5 Four standardized colors are copied to .css The corresponding position at the beginning of the file is overwritten , You can change the theme color , Pictures can also be replaced by themselves , It just needs to be in css The correct one is written in the document background The relative path of the file , meanwhile .css The file name can also be modified .
4. Of course, if you want more colors , You need to convert your favorite colors into hexadecimal HEX value , Then replace it at the beginning

Download mode ：

1, Click on my homepage , Download from the resources I uploaded ;
2, To github download ,https://github.com/whtt-xsw/typora