README.md

December 2, 2024 · View on GitHub

一款令人如沐春风的 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

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:

Open the spring.css file and find the interactive effect configuration options according to the comments at the beginning of the file;
Modify the variable value of the corresponding interactive animation as required, 0 means off, 1 means on;
Restart Typora to apply the changes.

Important

To enable interactive effects, first set --use-dynamic-effect to 1, and then configure it for specific types.
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

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
```
Click ‘Themes’ in the menu of Typora, and click the ‘Open Theme Folder’ button to open it on the ‘Themes’ page.
Copy the file spring.css into the opened Typora theme folder.
Restart Typora, and then you can choose to use the Spring theme in the ‘Themes’ list.

Todo List

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.

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.