https://github.com/etigerstudio/typora-misty-theme

Yet another elegant Typora theme designed with aesthetics in mind.
https://github.com/etigerstudio/typora-misty-theme

aesthetics color-scheme dark light macos misty-theme theme typora

Last synced: about 2 months ago
JSON representation

Yet another elegant Typora theme designed with aesthetics in mind.

• Host: GitHub
• URL: https://github.com/etigerstudio/typora-misty-theme
• Owner: etigerstudio
• License: mit
• Created: 2019-01-11T06:02:11.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-06-15T13:07:31.000Z (over 4 years ago)
• Last Synced: 2024-06-18T13:52:20.839Z (3 months ago)
• Topics: aesthetics, color-scheme, dark, light, macos, misty-theme, theme, typora
• Language: CSS
• Homepage: https://theme.typora.io/theme/Misty/
• Size: 2.73 MB
• Stars: 241
• Watchers: 6
• Forks: 41
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![Hero](https://github.com/etigerstudio/typora-misty-theme/raw/master/assets/hero.png)



    

  



Yet another `subtle`,`elegant` & `unobstructive` theme aimed at the philosophy of `simplicity`, `aesthetic` and `readability`, for the awesome [Typora](https://typora.io/) markdown editor and reader.

Tweaked for both English🇺🇸 & 中文🇨🇳. Works on both macOS & Windows.

Ships with **Light** 🌞 & **Dark** 🌑 color schemes. [Download](https://github.com/etigerstudio/typora-misty-theme/releases/latest)

## 🙉  Quick Glance

Light mode:



  



Dark mode:



  



## 🔭  Full Preview 

Show light preview:



  



Show dark preview:



  



## 🔌  Installation

[Download theme stylesheets](https://github.com/etigerstudio/typora-misty-theme/releases/latest) of the platform you work on and color schemes you like. Copy it into the themes folder of Typora. Select theme name (eg. `Misty Light Macos`) form the theme list to apply it. You may restart Typora once to help it discover the theme file.

For detailed reference, please see [Install Theme](https://theme.typora.io/doc/Install-Theme/).

## 🔨  How to Build

Misty is now written in SASS and the `dist\` folder has been dropped from this repo. You may directly download distributed builds from [release portal](https://github.com/etigerstudio/typora-misty-theme/releases/latest).

If you need to manually build the theme, with `npm` installed, you could easily compile source SCSS to CSS Typora could read by running:

```

npm i --only=dev

npx gulp build

```

Compiled & optimized CSS files can then be found in `dist\`:

```

[16:06:41] Using gulpfile ~/typora-misty-theme/gulpfile.js

[16:06:41] Starting 'build'...

[16:06:41] Finished 'build' after 227 ms

```

## 🖥  Compatibility

Misty is both test on `macOS 10.13.6` to `10.15.3` and `Windows 10 version 1909`. However, it has not been tested on `Linux` thoroughly yet and will be tested in future. 

Any test on Windows or Linux and any issue feedback will be welcome.

Font fallback list is tweaked for both English and Chinese, on both macOS and Windows. Font weight values have been slightly adjusted on Windows to match Windows-specific rendering characteristic.

## 🧟  Known Issues

- ~~Borders of buttons on all platforms and context menu on *Windows* are too bright in *Dark* mode.~~

- Text color & Background of Preference Panel on *Windows* is too bright in *Dark* mode.

- Colors and layouts of math block on all platforms need to be inspected and tuned.

- Font fallback list and rendering effect has not been tested on *Linux*.

- Text thickness & font family rendered may not be consistent on Windows of different builds or in different languages.

- ~~Colors of tooltips need to adjusted in dark mode.~~

> Brought to you with ❤️ by E-Tiger Studio, 2017-2020.