A nice theme designed for Typora in Windows 11.

  • By Fentaniao
  • Last update: Nov 28, 2022
  • Comments: 4
layout title category homepage download built-in author thumbnail typora-root-url typora-copy-images-to
theme
Liquid
theme
false
Fentaniao
liquid.png
../../
../../media/theme/Liquid

Liquid

release downloads stars forks

maintenance issues issues closed

English Readme中文自述文件

A nice theme for Typora, inspired by Microsoft Fluent Design and Purple Theme. This theme provides outstanding visual effects for Windows 11.

Features

  • Colorful Indication
  • Gradient
  • Mica Material
  • Rounded Rectangle
  • Multi-Mode

Support List

  • System: Windows 11 and Windows 10.
  • Mode: Light Mode, Dark Mode, Ink Mode and Ink Dark Mode.
  • Language: English and Chinese.

Screenshots

Liquid Theme aims to provide an excellent visual effect with Typora in Windows 11. I use the elements of modern UI such as Gradient, Mica, and Rounded Rectangle. This theme support both English and Chinese, providing Light Mode, Dark Mode, Ink Mode and Ink Dark Mode.

preview

Light Mode

light-preview1

light-preview2

light-preview3

Dark Mode

dark-preview1

dark-preview2

dark-preview3

Ink Mode & Ink Dark Mode

Many people use the 2-in-1 PC such as Microsoft Surface, to study and write, or they are just in favor of handwritten fonts, then Ink Mode provides them with a chance to write and read in handwritten fonts in Typora.

ink-preview1

ink-preview2

ink-preview3

How to install

  1. Download the Liquid.zip from the Releases in Liquid repository.
  2. Open Typora setting, in Preferences, click on Appearance, then on Open Theme Folder.
  3. Unzip Liquid.zip into the Theme Folder.
  4. Restart Typora.
  5. Select the Liquid themes from the Themes menu in Typora.
  6. Open Demo.md to see local render effect.

Attention

You need to install "liquid/FZSJ-SGLDXMHJW.TTF" font into your PC for rendering Chinese characters in Ink Mode.

Secondary Development Guidance

Turn to Document to find how to make your custom configuration for Liquid Theme.

Contact

Author: Fentaniao

Email: [email protected]

License

GPL-3.0 License © Fentaniao

Github

https://github.com/Fentaniao/Liquid

Comments(4)

  • 1

    Some pages error display in dark mode & a suggestion

    Overall, of course, the theme is stunning!

    I love it so much, and I found some mistake in dark mode.

    Here're my suggestions and the mistake I found below

    setting page

    There are some errors in the display of the window title and the history file list.

    Here's screenshot below

    image

    PS. The display in menu button on the right is also wrong, forgot to mark it on the shot

    typing page

    error display in code block

    image

    some Tips

    image

    As what shows in the screenshot above, I noticed that the official themes use @font-face and url in CSS to define font family instead of install the suggested font globally into our PC, I think it might work in a more friendly way.

  • 2

    something wrong in directory name

    There exits a wrong with directory name in file where is in https://github.com/typora/typora-theme-gallery/blob/gh-pages/_posts/fork/2021-11-28-Liquid.md. URL of pictures should be "/media/theme/liquid/preview1.png", while not "/media/theme/Liquid/preview1.png".

  • 3

    Export to PDF

    A picture says 1k words

    bug

    Bug

    this theme's headers can't be viewed from Sumatra PDF when you export to PDF, the ink font is okay, but it's the headers

    control group

    markdown file:

    # H1
    
    ## h2
    
    ### h3
    
    #### h4
    
    ##### h5
    
    ###### h6
    
    regular text
    
    +
    

    Tests

    I tried to output this theme to PNG output, the image outputs correctly. I tried to output the document with default theme, pdf opens as intended. I tried to output the document with another 3rd party theme "Purple", pdf opens as intended.

    observations

    the pdf has issues with Sumatra PDF, but can be viewed with Chrome.

    Workaround

    manually choose another theme explicitly for pdf output Preferences > Export > PDF as you can see in the screen shot above.

    Conclusion

    Pandoc is working, but I don't know if this is a bug with Sumatra PDF or this theme, because 2 themes I tested out functions normally. I am making the assumption all the other non-dark themes do work and this is a bug with Liquid and not Typora or Pandoc.

  • 4

    (Liquid-dark) some errors while display

    1. 在Liquid-dark主题中导出 html 后,另存为 pdf 时显示错误

    |第二页起|image| |---|---| |页末|image|

    (仅作参考) 可能是因为“背景图像”渲染的问题,但是不选这个“背景图形”会导致背景色丢失

    1. 导出时pop提醒显示错误

    |原生|image| |---|---| |使用主题|image|