Blue Topaz 主题 style setting 配置

Blue Topaz 主题 style setting 配置

概述

Blue Topaz 主题提供了丰富的设置项,需要配合 obsidian-style-settings 插件进行设置,包括主题的常见设置以及代码块的配色设置。

设置项

1.整体性设置

1.1 颜色设置

整体配色选择 (由 Topaz 社区贡献)

魔方配色 当整体配色为【魔方】时生效

  • 主题色    主题色主要作用于标题,字体,列表等主色调,建议用对比度强,不易疲劳的色系。如果想单独调整个别类目请在 2.1 中继续细调。

浅色

深色

1.2 背景设置

1.2.1 工作页面背景

  • 开启背景
  • 模糊程度    调整背景壁纸模糊程度
  • 图片亮度    调整背景壁纸亮度
  • 图片饱和度    调整背景壁纸饱和度    需在上方选项种选择 Custom,以自定义背景。使用    需在上方选项种选择 Custom,以自定义背景。使用
  • 随机背景    图片在 Obsidian 打开时刷新;需要联网
  • 使用 SlidingPanes 插件时,透明化部分页面

1.2.2 笔记背景

  • 移除笔记背景
  • 选择背景
  • 随机背景    图片在 Obsidian 打开时刷新;需要联网    特定颜色的随机背景

1.2.3 命令面板背景

  • 移除命令面板背景
  • 与工作页面背景保持一致
  • 自定义图片
  • CustomThemelight(url)    需在上方选项种选择 Custom,以自定义背景。使用
  • CustomThemeDark(url)    需在上方选项种选择 Custom,以自定义背景。使用
  • 模糊程度
  • 调整背景壁纸模糊程度
  • 图片亮度    调整背景壁纸亮度
  • 图片饱和度    调整背景壁纸饱和度
  • 透明度

1.3 界面布局样式

固定右侧边栏

隐藏左侧边栏

界面布局样式选择

隐藏 Obsidian 标题栏中的文字

隐藏侧边栏中的库名称

使用半宽状态栏

2.细节设置

2.1 颜色设置

  • Main text color

2.1.1 背景颜色设置

  • Background Primary
  • Background Primary(alt)
  • Background Secondary
  • Background Secondary(alt)
  • Background ModifierBorder

2.1.2 强调色设置

  • 主题色
  • 主题色 2

2.1.3 标题颜色

2.1.4 标签颜色

2.1.5 高亮背景颜色

2.1.6 其他颜色

  • 行内代码颜色
  • 无序列表点颜色
  • 有序列表数字颜色
  • 加粗颜色
  • 斜体颜色
  • 数学表达式颜色 (行内 )
  • 数学表达式颜色 ($$x=0$$)
  • 页面大小调整条颜色

2.2 排版

2.2.1 字体设置

  • 使用 Obsidian 默认字体
  • 主体字体    除代码框外字体
  • 文件栏字体
  • 代码框字体
  • 行内代码字体
  • 标签字体
  • 加粗文字字体
  • 斜体文字字体
  • 库名字体

2.2.2 字体大小

  • 库名称大小
  • 文件抬头标题 (非 SlidingPaneplugin)
  • 文件抬头标题 (SlidingPaneplugin)
  • 左侧边栏文件字体大小
  • 代码框字体大小
  • 标题 1
  • 标题 2
  • 标题 3
  • 标题 4
  • 标题 5
  • 标题 6
  • 数学公式字体大小

2.2.3 文内标题(H1-H6)

   - 编辑状态使用 H1H2 替代「#」(显示标题级别)

  • 2.2.3.1Header1    - 切换 h1 下划线       H1 位置
  • 2.2.3.2Header2    - 切换 H2 下划线       H2 位置
  • 2.2.3.3Header3    - 切换 H3 下划线       H3 位置
  • 2.2.3.4Header4    - 切换 H4 下划线       H4 位置
  • 2.2.3.5Header5    - 切换 H5 下划线       H5 位置
  • 2.2.3.6Header6    - 切换 H6 下划线       H6 位置

2.2.4 其他设置

  • 行宽(缩减栏宽模式下)
  • 行间距
  • 字间距
  • 代码字间距
  • 段落首行缩进(预览模式)
  • 缩减笔记下方预留空白大小
  • 调整笔记下方预留空白大小

2.3 其他样式设置

  • 圆形勾选框
  • 取消所在行高亮
  • 取消点击图片放大效果
  • 取消激活文件标题的彩色背景
  • 取消预览状态链接下划线
  • 加载页面的动画
  • 还原默认图标
  • 还原折叠图标

2.3.1 分割线(hr,---)

   - 装饰性分割线(hr,---)

  • 2.3.1.1 有图标的 hr    - 分割线中间图标       保留引号    - 图标旋转角度
  • 2.3.1.1 没有图标的 hr

2.3.2 列表

   - 列表行间距    - 列表项间距    - 列表样式    - 编辑模式列表样式

  • 2.3.2.1 彩虹大纲线设置    - 开启彩虹列表序号    - 开启彩虹任务选择框
  • 2.3.2.2 彩虹线颜色设置
  • 2.3.2.3 默认大纲线颜色设置

2.3.3 文件夹

   - 文件名自动滚动效果    - 当前文件背景变浅    - 未激活文件夹不再黯淡    - 统一激活/未激活文件夹亮度    - 移除文件前图标    - 移除 md 文件前图标    - 激活文件夹图标    - 文件前图标颜色

  • 2.3.3.1 多彩文件夹    - 彩色化       文件夹需以数字“0-9”或英文字母“A-Z”开头       - 文件夹样式

2.3.4 引用框

  • 引用框样式

2.3.5 导出 PDF 样式

  • 使用分隔符(---)分页
  • 显示地址超链接
  • 粗体颜色
  • 斜体颜色

2.3.6 嵌入样式

  • 固定嵌入页面高度
  • 嵌入页面高度
  • 嵌入背景透明
  • 隐藏嵌入文档标题
  • 隐藏嵌入文档中的 H1H2H3 标题
  • 嵌入笔记浮动效果

2.3.7 个性化弹窗

  • 弹窗标题自定义
  • 保留引号

2.3.8 表格

  • 表格不换行
  • 显示表格框线
  • 表格样式

2.3.9 代码框

  • 代码换行

3.插件样式

3.1Admonition Style

Admonition 和 Callout 背景色

是否开启 Admonition 特别样式支持

3.2Calendar

Calendar

3.3ChecklistPlugin

彩虹色条目

3.4Kanban

Static

Dynamic

3.5Buttons

是否开启 Buttons 特别样式支持

目前内置 class:🔸circle_btn 圆形按钮🔸blank 透明按钮🔸grad_button 渐变按钮🟣g_purple 紫色🔵g_blue 蓝色🟢g_green 绿色💚g_lightgreen 浅绿🟡g_yellow 黄色

3.6Dataview

3.6.1DataviewList

  • 样式    Pac-manNormal

3.6.1DataviewTable

  • Dataview 表格单行显示
  • Dataview 表格自动添加序号

3.7Dialogue&&Chatview

聊天框样式

4.内置样式介绍

伪看板 kanban

代码行自动换行 code-wrap

行内列表 inline-list

图片自适应横排显示 img-grid

表格四象图分布 matrix

讨论

若阁下有独到的见解或新颖的想法,诚邀您在文章下方留言,与大家共同探讨。



反馈交流

其他渠道

版权声明