<div>
<h1 align="center">
  Fugu
  </h1>
</div>
<div align="center">
  <a href="./README.md">简体中文</a> | English
  <br>
  <br>
  <p>
    <strong>Fugu</strong> is a <strong>Typora</strong> theme based on <a href="https://github.com/YiNNx/typora-theme-lapis">YiNNx/typora-theme-lapis</a>.
  </p>
<img src="./README.assets/总览.png" alt="总览" style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
</div>

## Introduction

The complete demo PDF is available [here](./演示.pdf)。

Currently only the light theme is implemented.

Based on [YiNNx/typora-theme-lapis](https://github.com/YiNNx/typora-theme-lapis) modified, also modified from [Theigrams/My-Typora-Themes](https://github.com/Theigrams /My-Typora-Themes), [billchen2k/typora-theme-next](https://github.com/BillChen2K/typora-theme-next) and other themes have been inspired. Thank you for these excellent themes!

- Font:

  - [GlowSansSC](https://github.com/welai/glow-sans): Future black, the font selected for the `next` theme.
  - [MonaspaceArgon](https://github.com/githubnext/monaspace): A monospaced font that I personally particularly like, launched by Github.

- Code highlighting: Ported from [akamud/vscode-theme-onelight](https://github.com/akamud/vscode-theme-onelight/tree/master).

## Usage

After downloading, place the `fugu.css` and `fugu` folders in the theme directory to enable them.

> fugu.css is the theme, and the fugu folder mainly contains fonts.

## Preview

### Title

<div align="center">
<img src="./README.assets/标题.png" alt="标题" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);"  />
</div>

### Horizontal Rules

<div align="center">
<img src="./README.assets/分割线.png" alt="分割线" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);"  />
</div>

### Emphasis

<div align="center">
<img src="./README.assets/强调.png" alt="强调" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);"  />
</div>

### Blockquotes

<div align="center">
<img src="./README.assets/引用块.png" alt="引用块" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);"  />
</div>

### Lists

<div align="center">
<img src="./README.assets/列表.png" alt="列表" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);"  />
</div>

### Code

<div align="center">
<img src="./README.assets/代码.png" alt="代码" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);"  />
</div>

### Table

<div align="center">
<img src="./README.assets/表格.png" alt="表格"  style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
</div>

### Links

<div align="center">
<img src="./README.assets/链接.png" alt="链接"  style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
</div>

### Plugins

<div align="center">
<img src="./README.assets/插件.png" alt="插件" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
</div>
