Joplin-插件推荐

备份

Backup

多标签

Note Tabs

TOC

Outline

增强

Enhancement

Rich Markdown

Whitespacer

Search & Replace

统计

Note Statistics

WakaTime

代码块

Better Code Blocks

装了Enhancement就不要装Better Code Blocks

Copy Code Blocks

冲突解决

Conflict Resolution

表格

MultiMarkdown Table Tools

Markdown Table: Colorize

主题

修改userchrome.css文件

1
vi ~/.config/joplin-desktop/userchrome.css
无背景色
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
.cm-tabcolor-row {
	color: var(--joplin-color) !important;
}
.cm-tabcolor-header {
	font-weight: bolder;
	color: var(--joplin-color) !important;
}
/* 颜色 1: 蓝色 (#007bff) */
.cm-tabcolor-col1, .cm-tabcolor-col7, .cm-tabcolor-col13, .cm-tabcolor-col19, .cm-tabcolor-col25, .cm-tabcolor-col31, .cm-tabcolor-col37, .cm-tabcolor-col43, .cm-tabcolor-col49, .cm-tabcolor-col55 {
    background-color: transparent !important;
    color: #007bff !important;
}

/* 颜色 2: 灰色 (#6c757d) */
.cm-tabcolor-col2, .cm-tabcolor-col8, .cm-tabcolor-col14, .cm-tabcolor-col20, .cm-tabcolor-col26, .cm-tabcolor-col32, .cm-tabcolor-col38, .cm-tabcolor-col44, .cm-tabcolor-col50, .cm-tabcolor-col56 {
    background-color: transparent !important;
    color: #6c757d !important;
}

/* 颜色 3: 绿色 (#28a745) */
.cm-tabcolor-col3, .cm-tabcolor-col9, .cm-tabcolor-col15, .cm-tabcolor-col21, .cm-tabcolor-col27, .cm-tabcolor-col33, .cm-tabcolor-col39, .cm-tabcolor-col45, .cm-tabcolor-col51, .cm-tabcolor-col57 {
    background-color: transparent !important;
    color: #28a745 !important;
}

/* 颜色 4: 红色 (#dc3545) */
.cm-tabcolor-col4, .cm-tabcolor-col10, .cm-tabcolor-col16, .cm-tabcolor-col22, .cm-tabcolor-col28, .cm-tabcolor-col34, .cm-tabcolor-col40, .cm-tabcolor-col46, .cm-tabcolor-col52, .cm-tabcolor-col58 {
    background-color: transparent !important;
    color: #dc3545 !important;
}

/* 颜色 5: 黄色 (#ffc107) */
.cm-tabcolor-col5, .cm-tabcolor-col11, .cm-tabcolor-col17, .cm-tabcolor-col23, .cm-tabcolor-col29, .cm-tabcolor-col35, .cm-tabcolor-col41, .cm-tabcolor-col47, .cm-tabcolor-col53, .cm-tabcolor-col59 {
    background-color: transparent !important;
    color: #ffc107 !important;
}

/* 颜色 6: 青色 (#17a2b8) */
.cm-tabcolor-col6, .cm-tabcolor-col12, .cm-tabcolor-col18, .cm-tabcolor-col24, .cm-tabcolor-col30, .cm-tabcolor-col36, .cm-tabcolor-col42, .cm-tabcolor-col48, .cm-tabcolor-col54, .cm-tabcolor-col60 {
    background-color: transparent !important;
    color: #17a2b8 !important;
}

无背景色样例

着色
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
.cm-tabcolor-row {
    color: var(--joplin-color) !important;
}
.cm-tabcolor-header {
    font-weight: bolder;
    color: var(--joplin-color) !important;

}
.cm-tabcolor-header.cm-tabcolor-pipe {
    font-weight: normal !important;
}
.cm-tabcolor-col1, .cm-tabcolor-col7 {
    background-color: #F07178 !important;
    color: white !important;
}
.cm-tabcolor-col2, .cm-tabcolor-col8 {
    background-color: #C2E98C !important;
    color: #212529 !important;
}
.cm-tabcolor-col3, .cm-tabcolor-col9 {
    background-color: #82AAFF !important;
    color: white !important;
}
.cm-tabcolor-col4, .cm-tabcolor-col10 {
    background-color: #FFCB6C !important;
    color: #212529 !important;
}
.cm-tabcolor-col5, .cm-tabcolor-col11 {
    background-color: #C792E9 !important;
    color: white !important;
}
.cm-tabcolor-col6, .cm-tabcolor-col12 {
    background-color: #8ADDFF !important;
    color: #212529 !important;
}
.cm-tabcolor-firstch::before {
    content: "⇢";
    color: var(--joplin-color) !important;
    background-color: var(--joplin-background-color) !important;
    border-radius: 0% 50% 50% 0%;
}

.cm-tabcolor-lastch {
    border-radius: 0% 50% 50% 0%;
}
预览
Col1 Col2 Col3 Col4 Col5 Col6 Col7 Col8 Col9 Col10 Col11 Col12 Col13 Col14 Col15
a b c d e f g h i j k l m n o

画图

Draw.io

Freehand Drawing

IT > 常用软件 > Joplin
#joplin
Joplin-插件推荐
https://itxiaopang.github.io/p/b9f0cd8fed8049dfacc7151dab75080c/
作者
挨踢小胖
发布于
2025年9月4日
许可协议