etigerstudio / typora-misty-theme Goto Github PK

Yet another elegant Typora theme designed with aesthetics in mind.

Home Page: https://theme.typora.io/theme/Misty/

License: MIT License

CSS 97.77% JavaScript 2.23%

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

typora-misty-theme's Introduction

Yet another subtle,elegant & unobstructive theme aimed at the philosophy of simplicity, aesthetic and readability, for the awesome Typora markdown editor and reader.

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

Ships with Light 🌞 & Dark 🌑 color schemes. Download

🙉 Quick Glance

Light mode:

Dark mode:

🔭 Full Preview

Show light preview:

Show dark preview:

🔌 Installation

Download theme stylesheets 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.

🔨 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.

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.

typora-misty-theme's People

Contributors

Stargazers

Watchers

typora-misty-theme's Issues

I think the emphasis is not displayed correctly (in Windows).

I think it should be:

strong, b {
    font-weight: 800;
}

Typora themes

通过自己改动，来满足对于Typora主题的个性化需求

Problem in CSS parsing

Hi, first of all, i want to say i really enjoyed your theme, been using it for months, really awesome. Thanks

I usually convert my Markdown to PDF file, and when i have some texts in bold, after converting to PDF using Typora of course, those bold words aren't bold, i think because of small font-weight, can you fix this please?
I also tried to change font-weight of <strong> tag in the CSS file, but it became super thick 😭

I'm using Ubuntu 18.04, latest Typora and Misty Theme Macos

When exporting pdf, the title is displayed incorrectly

I tried many files to export pdf, and this error occurred, and I tried to export html file, but no such error occurred

Use different font for specified language.

First, thanks a lot for the eye-pleasing theme!

There are cases where part of the note is in different language, thus the characters appear differently even though they have the same unicode. Normally this can be achieved by specifying a lang attribute.

It works for like Github theme (like below), but not for this beautiful theme.

Example:

器 is different from 器

Source code:

<span lang="ja-JP">器</span> is different from 器

字体仍显示为默认字体

Windows 10 专业版 1803
将css文件粘贴到主题目录中重启typora并选中该主题后文本的字体不论中英文都未发生改变。

Task Lists render misaligned

will give it a try to fix if i find some time. will do a PR in that case :)

clean looking theme btw. thank you!

[Bug] [Linux] Bold text and emojis are not working

Hello. Nice theme! I just want to report some bugs I've found using the misty-light-macos.css and misty-dark-macos.css on Linux. I'm using Arch Linux, Kernel 5.6.3-arch1-1 on i3-gaps Window Manager.

Bold text doesn't work.
Emoji doesn't work.
Other functions seems to work fine.

Brilliant Typora theme, but the bold function is invalid?

I love this theme so much and have been using it for a long time, but I found out recently that the bold function (ctrl + b for shortcut or **text** in markdown code) on Windows system is not working properly. I tried to reinstall the theme several times but without success.

Maybe it's just my own problem but I hope you could check out whether it's a bug or something.

Again, thank you for providing us with such an elegant Typora theme.

dark mode? (MacOS)

Plan to support dark mode in MacOS?

tks