Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/achuan-2/siyuan-themes-tsundoku
a simple and beautiful theme for siyuan-note
https://github.com/achuan-2/siyuan-themes-tsundoku
siyuan-note siyuan-theme
Last synced: 18 days ago
JSON representation
a simple and beautiful theme for siyuan-note
- Host: GitHub
- URL: https://github.com/achuan-2/siyuan-themes-tsundoku
- Owner: Achuan-2
- License: gpl-3.0
- Created: 2021-03-02T14:08:52.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-10T15:12:25.000Z (7 months ago)
- Last Synced: 2024-04-10T17:11:35.578Z (7 months ago)
- Topics: siyuan-note, siyuan-theme
- Language: CSS
- Homepage:
- Size: 55.3 MB
- Stars: 81
- Watchers: 3
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
๐Tsundoku: A Theme for SiYuan Note
English | [ไธญๆ](./README_zh_CN.md)
![](preview.png)
>If you like this topic, welcome to [AFDIAN](https://afdian.net/a/achuan-2 )to sponsor me, it will motivate me to update and improve this theme
**Introduction**: [Siyuan](https://github.com/Siyuan-Note/Siyuan) is a privacy-first personal knowledge management system, support fine-grained block-level reference and Markdown WYSIWYG. This theme is a personal original theme, specially designed for Siyuan notes.
![Light](https://cdn.jsdelivr.net/gh/Achuan-2/PicBed@pic/assets/1704370183771Clip_2024-01-04_20-09-39.png)
Light![Green](https://cdn.jsdelivr.net/gh/Achuan-2/PicBed@pic/assets/1704370137769Clip_2024-01-04_20-07-57.png)
Green![Dark](https://cdn.jsdelivr.net/gh/Achuan-2/PicBed@pic/assets/1704370028776Clip_2024-01-04_20-07-02.png)
Dark## ๐ CHANGLOGS
v2.0.0 / 2024.03.08
- ๐ Tables are now default to center, cannot be aligned to the left according to the block menu's layout setting
v1.9.9 / 2024.02.25
- ๐ docs: center the h1 theme by default, how to align it to the left
- ๐ ui(database): Set the background color of the custom attribute window to match the editor background
- ๐ fix(export): Split export image tags into individual words [#101](https://github.com/Achuan-2/siyuan-themes-tsundoku/issues/101)v1.9.8 / 2024.02.16
- ๐ fix (adapting to theme switching): Fixed the issue of incorrect switching between light and dark themes.
v1.9.7 / 2024.02.03
- โจ feat(JS): Adapted theme switching without refreshing
- ๐ docs(README): Add some introduction to theme settings
- ๐ ui(database): Optimze Green Theme style
- ๐ ui(database): checkbox column distinguish between checked and unchecked statesv1.9.6 / 2024.01.24
- ๐ UI (Light Theme): Custom font style optimization: Adjust the four font colors of red, green, blue, and orange
- ๐ UI (Green Theme): Set Style Beautification
- ๐ฅ Considering that the calendar plugin has been improved, remove the theme calendar functionv1.9.4 / 2024.01.16
- ๐ fix (appearance): change of the list vertical line, there are issues with the list conversion diagram style.
v1.9.3 / 2023.01.16
- ๐ fix (font customization): Fixed the issue where the Green and Dark themes did not support font customization in code snippets. Now, the themes can support global font settings by placing the font in the plugins folder and using the following code snippet, allowing the font to be used on mobile devices as well:
```css
@font-face {
font-family: "HanYiKongShanKai";
font-style: normal;
src: url("plugins/custom-fonts/HanYiKongShanKai.ttf");
}:root {
--b3-font-family: "HanYiKongShanKai", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
}
```
- ๐ fix (database): Fixed the issue where the selected cell in the database did not display the background color.
- ๐ fix (Dark theme): Fixed the issue where specific link icons and code block styles were not loaded.
- ๐ ui (appearance): Modified the color of `b3-theme-primary-lightest`.v1.9.2 / 2023.01.14
* ๐ Adjusted the color of the vertical lines in the list to adapt for PDF export.
* ๐จ Placed export styles in print.css
* ๐ Optimized blockquote style
* ๐ Starting from this version, the English README and CHANGELOG.md will be updated.
* ๐ฅCancel th adjustment of table width.Please see [CHANGELOG](./CHANGELOG.md) for the full update log.
## ๐ Origin
๐ The theme was first born on February 22, 2021.
Tsundoku โ็ฉ ใ ่ชญโ is a word in Japanese. Wikipedia explains it like this: "tsundoku is acquiring reading materials but letting them pile up in one's home without reading them. It is also used to refer to books ready. For reading later when they are on a bookshelf. "Simply put, it is the behavior of buying books but not reading.
> Any PKM approach that doesn't tie into execution tools is destined to languish on the back burner forever.
The biggest obstacle to using a tool is "unclear requirements". If you don't know what your recording requirements are, the more functions there are, the greater the possible obstacles, and it is easy for people to get caught up in various research on functions. After using a pile of notebook software, you will understand that the most important thing to improve is not the tools you use, but yourself.
I use this name to wake myself up, hoping to make good use of Siyuan notes, help me form the habit of daily recording and reviewing the answers regularly, better master knowledge and skills, strive to do meaningful projects and become a better person, instead of taking notes for the sake of taking notes, so that the note-taking software can become a dust box to relieve knowledge anxiety and satisfy abnormal digital hoarding.
## ๐ฏ Features
- โจ **The theme is three-in-one, which supports both bright mode and dark mode.**๏ผTsundoku LightใTsundoku GreenใTsundoku Dark๏ผ
- Siyuan note bright mode only supports the selection of light and green, while dark mode only supports the selection of dark theme.
- **If both bright mode and dark mode are set to use Tsundoku theme**๏ผSwitch from dark mode to bright mode, and automatically change to green theme /light theme according to the previous bright mode selection; Switch from bright mode to dark mode and automatically change to dark theme.
- ๐**Added icon to hyperlink.**๏ผSee [Introduction to Hyperlink Icons](https://www.yuque.com/Achuan-2/siyuan/gar358) for the difference between different local links and network links.
![20220131165215_2022-01-31](https://cdn.jsdelivr.net/gh/Achuan-2/PicBed@pic/assets/README/20220131165215_2022-01-31.png)
- ๐ง **Introduction of finch cue block**๏ผAdd a block background color to the reference block blockquote, and the style will be automatically applied.
![1704370779797Clip_2024-01-04_20-15-14.png](https://cdn.jsdelivr.net/gh/Achuan-2/PicBed@pic/assets/1704370779797Clip_2024-01-04_20-15-14.png)Recommend using a template to add emojis and adjust the title font size and boldness. Here is an example.
```markdown
> **๐ก ๆ ้ข**{: style="font-size: 24px;"}
>
> ๅ ๅฎน
{: id="20231019114031-5bqqmpr" style="background-color: var(--b3-card-error-background); color: var(--b3-card-error-color);"}
```## ๐บ Referenced features
- [HBuilderX-Light Theme](https://github.com/UFDXD/HBuilderX-Light)
- Convert a list to mind map, table
- Table settings including the display of table headers
- [Savor Theme](https://github.com/royc01/notion-theme)
- Theme switch button## ๐ญCustom attributes
- Usage: Click on the block tag to open the attribute list, or Shift + Click to open it. Click "Add", enter the attribute name "f" or "function", and enter the corresponding attribute value (hide or hollow).
- Custom block attribute list| Attribute Key | Attribute Value | Function | Remarks |
| ------------- | --------------- | ---------------------------------------------------- | ----------------- |
| f | hide / ๆ็ฉบ | Hollow block | |
| code | output | Code block specifically used to place output results | |
| f | kb | Convert list to kanban board | Ref: Notion theme |
| f | dt | Convert list to mind map | Ref: Notion theme |
| f | dg | Convert list to table | Ref: Notion theme |
| f | biaotou | Remove bold formatting from table headers | Ref: Notion theme |- Custom document attributes
| Attribute Key | Attribute Value | Function |
| ------------- | --------------- | ----------------------------------------------- |
| img | center | Center all images in the document |
| linkicon | no | Remove icon from hyperlinks |
| title-num | true | Automatically number the titles in the document |## โค Acknowledge
- https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus
- https://github.com/UFDXD/HBuilderX-Light
- https://github.com/royc01/notion-theme
- https://github.com/HowcanoeWang/calendar## โ๏ธ Contact
If the theme has style problems, please mention the issue in Github or contact me by email ([email protected]). Before raising issue, it is suggested to switch to the default theme, and make sure it is a unique problem of this theme.