一款令人如沐春风的 Typora 灵动主题
A refreshing and graceful Typora theme, like a gentle spring breeze.
Dynamic Interaction / Custom Configuration
动态交互 / 自定义配置

English · 简体中文

Catalog

• Preview
• Feature
• Custom Configuration
• Installation
• Todo List
• Credits
• License

Preview

Feature

1. Spring-themed color palette

2. Flexible interaction with different effects

• h1

  

• h2

  

• h3 h4 h5 h6

  

• Paragraph Hover Responsiveness

  

• Inline styles

  

• Unordered list

  

• Ordered List

  

• Image

  

• Table

  

• Code block

  

• blockquote

  

• Alert

  

3. Typora interface with unified style

Custom Configuration

Interaction Effect Configuration

You can customize the interactive effects of any element to be turned on or off as needed. The specific operations are as follows:

1. Open the spring.css file and find the interactive effect configuration options according to the comments at the beginning of the file;

2. Modify the variable value of the corresponding interactive animation as required, 0 means off, 1 means on;

3. Restart Typora to apply the changes.

Important

1. To enable interactive effects, first set --use-dynamic-effect to 1, and then configure it for specific types.

2. To turn off all interactive effects, simply set –use-dynamic-effect to 0. (–use-dynamic-effect cannot disable some interactive effects of ordered lists. If you want to turn off all interactive effects of ordered lists, set --list-ol-text-style to italic)

Type	Variable Name	Values	Function	Default
Global Configuration	--use-dynamic-effect	0 / 1	Turn off all interactive effect/ Use interactive effect	1
H1	--h1-hover-effect	0 / 1	Close / Open	1
H2	--h2-after-effect	0 / 1	Close / Open	1
H3 H4 H5 H6	--h3-6-hover-effect	0 / 1	Close / Open	1
Paragraph	--p-hover-effect	0 / 1	Close / Open	1
Image	--img-hover-effect	0 / 1	Close / Open	1
Blockquote	--blockquote-hover-effect	0 / 1	Close / Open	1
Alert	--alert-hover-effect	0 / 1	Close / Open	1
Strong	--strong-hover-effect	0 / 1	Close / Open	1
Italic	--em-hover-effect	0 / 1	Close / Open	1
Underline	--u-hover-effect	0 / 1	Close / Open	1
Marked text	--mark-hover-effect	0 / 1	Close / Open	1
Deleted text	--del-hover-effect	0 / 1	Close / Open	1
Inline code	--code-hover-effect	0 / 1	Close / Open	1
Code block	--fence-hover-effect	0 / 1	Close / Open	1
List	--list-marker-effect --list-ol-text-style	0 / 1 italic / normal	Close / Open Close / Open	1 normal
Divider	--hr-hover-effect	0 / 1	Close / Open	1
Table	--table-hover-effect	0 / 1	Close / Open	1

Installation

1. Use the following command in your terminal to clone this repository locally / or you can get the stable version compressed package from Releases and unzip it locally.

   git clone https://github.com/SprInec/typora-spring-theme.git

2. Click ‘Themes’ in the menu of Typora, and click the ‘Open Theme Folder’ button to open it on the ‘Themes’ page.

3. Copy the file spring.css into the opened Typora theme folder.

4. Restart Typora, and then you can choose to use the Spring theme in the ‘Themes’ list.

Todo List

• Light theme SprIng
• Smart Interaction
• Interactive animation configuration
• HTML export configuration
• Document layout configuration
• Dark theme SprIngNight
• Custom color palette
• Custom style
• A variety of interactive effects to choose from
• typora-plugin unified style adaptation

Credits

This project is based on typora-mo-theme for secondary development of visual and interactive design. The template comes from typora-theme-Jinxiu-template.

• MarMomento/typora-mo-theme
• Sophomoresty/typora-theme-Jinxiu

License

This project is based on the MIT open source protocol. You can freely copy, modify and distribute the code of this project, but please keep the original author's LICENSE.