Skip to content

Latest commit

 

History

History
130 lines (75 loc) · 2.33 KB

File metadata and controls

130 lines (75 loc) · 2.33 KB

Introducing Liquid Theme

Feature

Color

Colorful Indication

This theme use color to indicate interactivity. It's a good idea to choose one color to indicate elements of your application that are interactive. For example, many web pages use blue text to denote a hyperlink.

Gradient

Gradient is to draw a component by using two or more different colors, forming a harmonious transition between the colors. This is a hue that didn't exist before. It looks unique, modern and refreshing.

This website inspires me to use Gradient.

Mica Material

Mica is an opaque material. I apply Mica to this theme to delight users and create visual hierarchy, aiding productivity, by increasing clarity about which window is in focus.

Rounded Rectangle

Industrial Angle, rounded/chamfered for easier assembly. Instead of sharp edges that make people feel cold, rounded corners make people feel more warm.

Multi-Support

  • Both English and Chinese.

  • Both provide light and dark mode, and also ink mode.

Effect

Context

[TOC]

Code

Code Block

<!DOCTYPE html>
<html>
    <head>
        <title>Hello, World!</title>
    </head>
    <body>
        <p>This is an example of a simple HTML page with one paragraph.</p>
    </body>
</html>

Inline Code

print("This is inline code.")

Text Format

Highlight

==This is a context in highlight.==

==这是一段高亮的文字。==

Bold

This is a context in Bold.

这是一段加粗的文字。

Italics

This is a context in italics.

这是一段倾斜的文字。

Underline

This is a context in Underline.

这是一段加有下划线的文字。

Strikethrough

This is a context in Underline.

这是一段加有删除线的文字。

Hyperlink

Homepage

Download

Table

Matrix 1 2 3
1 11 12 13
2 21 22 23
3 31 32 33

Math

Formula Block

$$ a x^2 + b x + c = 0 $$

Inline Formula

Line: $y=ax+b$.

CO2 is a kind of gas in the air.

Quote

This is a Quote.

This is a Quote, too.

List

  • Undo
  • Done
  1. First
  2. Second