Skip to content

Commit 0538ed6

Browse files
authored
Merge pull request #433 from aerandirsf/gh-pages
Add Konayuki — Clean, modern Typora theme
2 parents 650c7cc + 128d715 commit 0538ed6

File tree

13 files changed

+73
-0
lines changed

13 files changed

+73
-0
lines changed
Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
---
2+
layout: theme
3+
title: Konayuki
4+
category: theme
5+
homepage: https://github.com/aerandirsf/Konayuki
6+
download: https://github.com/aerandirsf/Konayuki/releases
7+
built-in: false
8+
author: Aerandir
9+
thumbnail: Konayuki.png
10+
typora-root-url: ../../
11+
typora-copy-images-to: ../../media/theme/konayuki
12+
---
13+
14+
15+
<div align="center">
16+
<img src="../../media/theme/konayuki/Overview.png" alt="Konayuki theme overview" width="900" />
17+
</div>
18+
19+
# Konayuki
20+
21+
Konayuki is a Typora theme with a clean, modern look and carefully tuned colors for readability, inspired by snowy Hokkaido scenery.
22+
23+
## Preview
24+
25+
### Light
26+
27+
<div align="center">
28+
<img src="../../media/theme/konayuki/light1.png" alt="Light preview 1" width="900" style="margin: 6px 0;" />
29+
<br />
30+
<img src="../../media/theme/konayuki/light2.png" alt="Light preview 2" width="900" style="margin: 6px 0;" />
31+
<br />
32+
<img src="../../media/theme/konayuki/light3.png" alt="Light preview 3" width="900" style="margin: 6px 0;" />
33+
<br />
34+
<img src="../../media/theme/konayuki/light4.png" alt="Light preview 4" width="900" style="margin: 6px 0;" />
35+
<br />
36+
<img src="../../media/theme/konayuki/light5.png" alt="Light preview 5" width="900" style="margin: 6px 0;" />
37+
</div>
38+
39+
### Dark
40+
41+
<div align="center">
42+
<img src="../../media/theme/konayuki/dark1.png" alt="Dark preview 1" width="900" style="margin: 6px 0;" />
43+
<br />
44+
<img src="../../media/theme/konayuki/dark2.png" alt="Dark preview 2" width="900" style="margin: 6px 0;" />
45+
<br />
46+
<img src="../../media/theme/konayuki/dark3.png" alt="Dark preview 3" width="900" style="margin: 6px 0;" />
47+
<br />
48+
<img src="../../media/theme/konayuki/dark4.png" alt="Dark preview 4" width="900" style="margin: 6px 0;" />
49+
<br />
50+
<img src="../../media/theme/konayuki/dark5.png" alt="Dark preview 5" width="900" style="margin: 6px 0;" />
51+
</div>
52+
53+
## Usage
54+
55+
1. In Typora: `Preferences``Appearance``Open Theme Folder`
56+
2. Copy `konayuki-light.css` and `konayuki-dark.css` into the theme folder
57+
3. Quit Typora and reopen
58+
4. Select the theme from `Themes` menu:
59+
- `Konayuki Light`
60+
- `Konayuki Dark`
61+
62+
## Customize
63+
64+
- Fonts: edit `--font-ui` / `--font-mono` near the top of `konayuki-light.css` and `konayuki-dark.css`
65+
- Platform note: `--font-ui` uses a system font stack, so the actual UI font may vary by OS (especially on Windows).
66+
- Code font: the default monospace font is based on [Maple Font](https://github.com/subframe7536/maple-font) (`Maple Mono NF CN`). Install it for the best experience, or Typora will fall back to the next fonts in `--font-mono`.
67+
68+
## Credit
69+
70+
- [Mdmdt Theme](https://theme.typora.io/theme/Mdmdt/): Reference for Callouts styles
71+
- [Tokyo City Theme](https://github.com/huytd/vscode-tokyo-city): Inspiration for dark mode color palette
72+
73+
---

media/theme/konayuki/Overview.png

2.26 MB
Loading

media/theme/konayuki/dark1.png

1.45 MB
Loading

media/theme/konayuki/dark2.png

1.36 MB
Loading

media/theme/konayuki/dark3.png

1.31 MB
Loading

media/theme/konayuki/dark4.png

1.28 MB
Loading

media/theme/konayuki/dark5.png

1.31 MB
Loading

media/theme/konayuki/light1.png

1.36 MB
Loading

media/theme/konayuki/light2.png

1.39 MB
Loading

media/theme/konayuki/light3.png

1.3 MB
Loading

0 commit comments

Comments
 (0)