All Projects โ†’ etigerstudio โ†’ Typora Misty Theme

etigerstudio / Typora Misty Theme

Licence: mit
Yet another elegant Typora theme designed with aesthetics in mind.

Projects that are alternatives of or similar to Typora Misty Theme

vim-humanoid-colorscheme
Light and dark theme for vim with bright colors
Stars: โœญ 67 (-62.57%)
Mutual labels:  light, color-scheme, dark
Redis Ui
๐Ÿ“ก P3X Redis UI is a very functional handy database GUI and works in your pocket on the responsive web or as a desktop app
Stars: โœญ 334 (+86.59%)
Mutual labels:  dark, light
Nofrils
An extremely minimalist colorscheme, even opting out of the second L in frills
Stars: โœญ 292 (+63.13%)
Mutual labels:  color-scheme, light
Bootstrap Dark
The Definitive Guide to Dark Mode and Bootstrap 4 - A proof of concept
Stars: โœญ 54 (-69.83%)
Mutual labels:  dark, color-scheme
stellarized
โœฆ paint vim with the stars โœฆ
Stars: โœญ 70 (-60.89%)
Mutual labels:  light, dark
InplaceEditBoxLib
WPF/MVVM control to implement a textbox on top of other elements like TreeViewItem or ListViewItem (use case: perform in place edit on top of a displayed text item)
Stars: โœญ 28 (-84.36%)
Mutual labels:  light, dark
Darkage
๐ŸŽฎ Darkage mod for Minetest
Stars: โœญ 6 (-96.65%)
Mutual labels:  dark, color-scheme
ocean-space
๐ŸŒŠ Deep oceanic blue Visual Studio Code theme
Stars: โœญ 35 (-80.45%)
Mutual labels:  color-scheme, dark
Discord Plus
A sleek, customizable Discord theme.
Stars: โœญ 65 (-63.69%)
Mutual labels:  dark, light
Eziam Theme Emacs
A mostly grayscale theme for Emacs, inspired by Tao and Leuven.
Stars: โœญ 74 (-58.66%)
Mutual labels:  dark, light
Yui
Minimal vim color scheme
Stars: โœญ 93 (-48.04%)
Mutual labels:  color-scheme, light
minimal-theme
Minimal theme for Emacs 24
Stars: โœญ 75 (-58.1%)
Mutual labels:  light, dark
Iceberg.vim
๐Ÿ‡ฆ๐Ÿ‡ถ Bluish color scheme for Vim and Neovim
Stars: โœญ 1,636 (+813.97%)
Mutual labels:  dark, color-scheme
github-theme-for-jetbrains
GitHub Theme for Jetbrains is heavily inspired by GitHub 3 Color Scheme and github-vscode-theme.The focus of the development of this theme plugin is to restore the official GitHub theme as much as possible, keeping the colors easy to distinguish, proper contrast, and pleasant.
Stars: โœญ 20 (-88.83%)
Mutual labels:  light, dark
hexagonTab
Hexagon bookmarks accented with a chosen colour. Customise the layout, style, background and bookmarks with hexagonTab.
Stars: โœญ 65 (-63.69%)
Mutual labels:  light, dark
Nighttab
A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.
Stars: โœญ 598 (+234.08%)
Mutual labels:  dark, light
vscode-theme-gruvbox-minor
Gruvbox theme for Visual Studio Code
Stars: โœญ 17 (-90.5%)
Mutual labels:  light, dark
icls-vs-code-dark-plus
Visual Studio Code Dark Plus-like color scheme for PhpStorm and other JetBrains IDEs
Stars: โœญ 24 (-86.59%)
Mutual labels:  color-scheme, dark
Github Vscode Theme
GitHub's VS Code theme
Stars: โœญ 1,089 (+508.38%)
Mutual labels:  dark, light
Photon.vim
An elegant pair of Vim colour schemes with minimal syntax highlighting that care about the little details.
Stars: โœญ 98 (-45.25%)
Mutual labels:  dark, light

Hero

Release   Download

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:

misty-light-demo

Dark mode:

misty-dark-demo

๐Ÿ”ญ  Full Preview

Show light preview:

light-preview

Show dark preview:

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].