/pink-room

一款思源笔记白天使用的粉色系主题

Primary LanguageCSSGNU General Public License v3.0GPL-3.0

pink-room theme introduction

I found there is not any pink colour theme in SiYuan's bazaar, so I decide to make one for myself.
The interface color of pink-room are mainly lightpink, white and beige.
If you have any questions, you can email me directly or submit issue(Please give me feedback _(ÒωÓ๑ゝ∠)_)

Buy me a coffee:https://afdian.net/a/StarDustSheep
中文说明

Main Style feature

Heading icon

Use easily identifiable icons to distinguish between multiple levels of headings to avoid identification difficulties
image

Styled inline code, keystrokes, hyperlinks, block references

Made keystrokes and inline code more readable. Added end-of-line flags to hyperlinks and block references
The upward arrow represents travel to the outside world, i.e. the Internet/external links。
The reason for not putting icons in front of them is that too many icons tend to draw attention away from the eye and interfere with the reading of large passages of text.

image

Carded quote blocks

image

Superblock Card Style

Top-level SuperBlock border

Add borders to Top-level SuperBlocks for partitioning of different topic content graphics

image
This feature is enabled by default, if you don't want it, please the theme with any text editor to find the theme folder in theme.css, comment out @import url("style/超级块边框.css");

Bottom-level Card Style

Add border and backgournd to the bottom-level SuperBlock to be used for different typographic needs. (Note: experimental feature, ordinary users should not try) image

Scroll-like content page

Change the entire document editing area to a fixed width, with all content appearing to be on top of a vertical infinitely long scroll. Author's own use.
Note: Using this code may cause problems with images not being scaled properly using the drag slider, as well as other potential problems. Please do not use this feature code if you do not only use simple graphic and text layout and notes only for your own viewing use is enough image image

This feature is not turned on by default, if you want to turn it on, please download the theme and use any text editor to put @import url("style/卷轴页面.css"); uncomment it and turn on adaptive width in Siwon Notes with any text editor in the theme folder themes.css.

Font Style Menu

The font style menu has been changed and numbers have been added to make it easier for people to find the style they need
I did not make off-tone custom font and background color changes to Siyuan's default This is to prevent the user notes from looking too far away from the default theme to be usable. However, another standard custom word color and base color may be added in the future.

image

Four color system font color

Author's own font style
image This feature is not turned on by default, if you want to turn it on, please use any text editor to uncomment the @import url("style/4类主要自定义字色.css"); in theme.css in the theme folder after downloading the theme.
A four-color text background color has been added to this style.

Two other color schemes interface

If you need to open, please download the theme and use the button to switch directly in the upper right corner.(Thank to Zuoqiu-Yingyi

Theme color switch display

Picture-border

image
Sometimes when you insert a white background image in a bright theme, you always feel that the color is vaguely different, but you can't see where the exact border is. At this time, click the block label of the block where the image is located to open the block properties panel and add the property. The property name is tpbk (the picture border key), the value is set to 1, you can make the picture have a border line.

Update log

Sorry, update log is only in Chinese for now, and the changelog after version 0.5.1 is available in realeases