|
| 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 | +--- |
0 commit comments