Git Product home page Git Product logo

siyuan-themes-tsundoku's Introduction

🌞Tsundoku: A Theme for SiYuan Note

stars open-issues closed-issues GitHub last commit

English | 中文

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 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

Light

Green

Green

Dark

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

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 states

v1.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 function

v1.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:
    @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 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 for the difference between different local links and network links. 20220131165215_2022-01-31

  • 🧊 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

    Recommend using a template to add emojis and adjust the title font size and boldness. Here is an example.

    > **💡  标题**{: style="font-size: 24px;"}
    >
    > 内容
    {: id="20231019114031-5bqqmpr" style="background-color: var(--b3-card-error-background); color: var(--b3-card-error-color);"}

😺 Referenced features

🐭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

☎️ 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.

siyuan-themes-tsundoku's People

Contributors

achuan-2 avatar tcmtom avatar zuoqiu-yingyi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

siyuan-themes-tsundoku's Issues

三级标题下的间距优化

问题描述:
目前三级标题与其下第一行的间距有点小,具体看如下截图:

image

期望优化:
能否调整下三级标题与第一行的间距,至少保持和其他行的间距宽度一致。

行内代码块有Bug

行内代码块部分 删除不彻底。在表格中,会导致该单元格无法编辑
默认主题,不会有此问题
具体看图:
bug

另外两个主题(Tsundoku-dark和Tsundoku-Texture)也有这样的问题

考虑更多个性化属性吗

非常感谢提供这么棒的主题, 无论是配色还是整体搭配, 焕然一新, 很现代.
尤其使用了挖空, 隐藏(ctrl-e), table属性, 没想到还能这么用, 很神奇. 所以属性功能应该会有更多玩法. 考虑丰富一下不?

当然只是个提议, 现在已经够好了

ctrl+f问题

在使用Tsundoku Green主题的时候发现了一些小问题:当思源的窗口特别小时(想分屏做笔记),使用ctrl+f,会出现异常,搜索框没有了。具体参见视频。(以前savor也有这个问题,进过修复现在没有了)

“标记”的文字为什么会被隐去呀?

思源的“标记”大概是对应着Obsidian的“高亮”,如果高亮的内容被隐藏了,无法一目了然,需要鼠标移动到上面去才显示,我个人使用时感觉是挺困难的(虽然系统版的标记也并不显眼就是了)。不知道是不是我对这个功能的理解不到位,希望作者大大帮忙解惑。

Green主题导出图片与导出pdf冲突

之前由于导出pdf背景只能是白色,所以设置了Green主题导出样式(比如代码块、表格)都改为白色
发现发现图片背景会是绿色,这样就成了绿色背景,白色样式,很突兀

解决方式

  • 目前只想到用@media print包裹导出样式,这样导出图片可以是思源里的样式,导出pdf依然是白色样式,但存在一个问题,导出pdf的预览样式依然是绿色,导出是白色,导出与预览不一致。但目前只能这样了

待办列表样式

最近我发现待办列表未完成的状态是一个圈,这个圈相对来说有点大,不是很好看,原先的框也挺好的,或者圈小一些会好点。

src文件夹内的self文件夹问题

您好,我是那个「添加网址图标」的Quicker动作作者,发现最新版里自带了self文件夹(感谢A大使用了我的动作,不然就没有self文件夹了),而这个self文件夹的有无是我判断是否同步的凭证,self文件夹本身也是我打包迁移的对象。
自带self文件夹的话,同步图标和恢复图标的执行过程中就会判定这个主题是已经存在自己的图标的,所以就跳过了,导致同步和恢复图标失败。
所以恳请A大在发布时可不可以把self里的图标转移到src下,theme.css也对应改一下路径,确保新下载的主题src里没有self文件夹存在。

主题建议

大佬为啥你这个主题里面的icon图标都是自己挨个在src文件夹里面添加的。
我上次为了加一个leetcode的图标。特定去改了那个icon的css文件,感觉挨个去加有点麻烦。

能不能统一从 https://xxx/favicon.ico里面获取图标。
大部分网站的图标都是这个地址

钉住页签添加图标

/* 钉住添加图标 */
.item.item--pin::before {
    content: "📌";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 13px;
    font-size: 0.7em;
    opacity: 0.7;
}

代码块行号显示问题

image

  • 如图, 当代码行数达到三位数的时候, 行号的显示出现了问题.
    • 例如 100, 被显示成了10\n0

任务栏失焦时会显示为默认主题

版本:

Siyuan 2.4.3
Tsundoku-light: v1.4.2

问题描述

任务栏指的是:
image

  1. 使用Tsundoku-light主题, 当窗口失焦时, 任务栏会变成黑色.

正常任务栏颜色
image

失焦后任务栏颜色
image

  1. 切换回默认主题后没有此问题, 怀疑是失焦后, 任务栏变为了默认主题配色.
    image

优化标题样式

我很难区分加粗和第六级标题的区别 或者是相邻级别的标题的区别.希望能优化标题样式加以区分

更新v2.2.0版本后,Ctrl+E标记文字隐藏失效

首先非常感谢大大制作的主题~在集市里试用对比了很多主题还是最喜欢这个!既简洁又美观,主题特有的功能都非常有用!给我备考期间做笔记提供了非常大的帮助,非常感谢~~

今天更新版本后发现Ctrl+E隐藏文本的功能失效了,来GitHub里寻找答案读到这条 #31 ,所以不知道这是版本更新所导致的失效还是大大准备取消这个功能了啊QAQ

从个人使用体验来说,我觉得这个功能还是非常好用的,我经常使用的场景就是在记录例题、刷题的时候把答案隐藏掉,已经利用这个功能做了一个电子刷题本了。
至于高亮功能的颜色其实和第二个背景色非常相近,而且不需要的用户完全可以右上角关闭这个功能。
在失效之后我也试着在集市里寻找有这个功能的主题,但是非常少,而且远不如Tsundoku简洁美观(全网无代餐了属于是QAQ)所以我私心来说还是挺希望能保留这个功能的。

[特性建议] 能否取消 mark 样式的挖空效果

原先用ctrl+e高亮了很多文档中的关键信息,但是最新主题更新后,把关键信息变成了挖空效果,导致本来想突显的信息反而被隐藏了,造成了很大的反向效果,期望能恢复到原先的高亮样式。

PDF引用与普通引用不容易区分

如题,普通的块引用PDF引用样式过于接近,容易混淆。请问大佬是否有更改的计划呢?
像默认主题的样式
截屏2022-10-25 21 51 11
或者notion主题的样式
截屏2022-10-25 21 51 43
都还挺不错的,比较有区分度

背景颜色太白

新版本背景颜色比旧版提亮太多,感觉已经是纯白了,希望改回旧版颜色
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.