新主题配色看起来很棒,这是我用blue topaz 做的效果
伪看板效果
在yaml 区域,也就是文章开头声明
---
cssclass: kanban
--
就可以得到类似伪看板的效果,也就是无序列表分栏
主题支持全中文设置
主题设置(全中文的 )
需要安装 Style Settings 插件
pink topaz,blue topaz,avocado topaz 一键切换 再也不用为配色烦恼了!
代码块 高亮建议使用codemirror option 插件接管,并在style settings 中自定义高亮主题
主题可以自定义背景图
代码块高亮效果展示
(编辑状态和预览状态代码块高亮效果一致)
主题自带悬浮便签效果
图谱样式
最后惯例首页镇楼
附上style setting 设置:
{
"CodeMirror Options@@cm-active-line-background-color@@light": "#434758",
"CodeMirror Options@@cm-background-color@@light": "#FDF6E3",
"CodeMirror Options@@cm-foreground-color@@light": "#282727",
"CodeMirror Options@@cm-variable-2@@light": "#4D5858",
"CodeMirror Options@@cm-matching-bracket@@light": "#1D1C1C",
"CodeMirror Options@@cm-type@@light": "#6D5F1B",
"CodeMirror Options@@cm-qualifier@@light": "#9B8828",
"CodeMirror Options@@cm-operator@@light": "#3491B7",
"CodeMirror Options@@cm-hr@@light": "#588A1F",
"CodeMirror Options@@cm-builtin@@light": "#BB8E3C",
"CodeMirror Options@@cm-meta@@light": "#AF863B",
"CodeMirror Options@@cm-string@@light": "#6E8C41",
"CodeMirror Options@@cm-attribute@@light": "#8658A5",
"CodeMirror Options@@cm-attribute-in-comment@@light": "#7E5499",
"CodeMirror Options@@cm-callee@@light": "#458BA7",
"CodeMirror Options@@cm-variable@@light": "#C74E55",
"CodeMirror Options@@cm-property@@light": "#9266AF",
"CodeMirror Options@@cm-definition@@light": "#506DAB",
"CodeMirror Options@@cm-def@@light": "#5577BF",
"CodeMirror Options@@cm-number@@light": "#C33A51",
"CodeMirror Options@@cm-atom@@light": "#B3573C",
"CodeMirror Options@@cm-font-monospace": "Jetbrains Mono, SFMono-Regular, Consolas, \"Roboto Mono\", monospace",
"blue-topaz-theme@@background-image-settings-markdown-page-options": "background-image-settings-markdown-page-default",
"ITS@@imgctr": false,
"ITS@@t-c": false,
"sanctum@@no-blur": true,
"sanctum@@no-animation": false,
"sanctum@@no-sanctum-icons": true,
"sanctum@@topside-status-bar": false,
"sanctum@@hr-options": "default",
"sanctum@@kanban-wrap": true,
"sanctum@@line-width": 50,
"sanctum@@cb-dark-bg": true,
"sanctum@@accent-active-line": true,
"blue-topaz-theme@@background-image-settings-switch": true,
"blue-topaz-theme@@translucent-setting-panel": false,
"blue-topaz-theme@@background-image-settings-markdown-page-random-options": "background-image-settings-markdown-page-random-default",
"blue-topaz-theme@@background-image-settings-markdown-page-random": false,
"blue-topaz-theme@@list-style-change-options": "list-vertical-line-two",
"blue-topaz-theme@@unmuted-collapsed-folder": true,
"blue-topaz-theme@@remove-file-icons": true,
"blue-topaz-theme@@folder-style-change-options-coloful": true,
"blue-topaz-theme@@folder-style-change-options-coloful-subfolder": "folder-colorful-one",
"blue-topaz-theme@@blockquote-style-change-options": "blockquote-style-default",
"blue-topaz-theme@@export-pdf-style-options": "export-pdf-style-default-dark-codebox",
"CodeMirror Options@@cm-font-size": "15px",
"CodeMirror Options@@cm-background-color@@dark": "#16171A",
"blue-topaz-theme@@color-scheme-options": "color-scheme-options-avocado-topaz",
"blue-topaz-theme@@font-family-major": "'Segoe UI Emoji',Bookerly, Merriweather, 'LXGW WenKai', var(--default-font)",
"blue-topaz-theme@@light-background-color-files": true,
"blue-topaz-theme@@background-settings-workplace-theme-dark-custom": "url(\"app://local/D:/Documents/Pictures/Unsplash/202110250858606.png\")",
"blue-topaz-theme@@background-settings-workplace-style": "background-settings-workplace-style-blur",
"blue-topaz-theme@@background-settings-workplace-theme-light": "background-settings-workplace-theme-light-blue-mountain",
"blue-topaz-theme@@blur-depth": 0,
"blue-topaz-theme@@font-family-change-to-default": false
}