SNIPPET
raawaa

Css Snippets

Obsidian CSS Snippets

This directory contains CSS snippets used to customize the appearance of Obsidian.

  • text-underline-offset.css: This snippet adjusts the text-underline-offset for internal and external links in both editing and reading views, and disables the underline on hover for internal links.
  • mermaid.css: 这个片段将 Mermaid 图表的宽度设置为 100%,高度设置为自动。
  • embeds-search-result-without-scrollbar.css: 这个片段移除了内部查询中搜索结果容器的最大高度限制,从而去除了滚动条。
  • highlight.css: 这个片段通过添加圆角和内边距来美化高亮文本(使用 ==高亮==)。
  • list-indentation-lines.css: 这个片段在编辑模式和预览模式下为列表的缩进级别添加了垂直线。
  • headers.css: 这个片段在编辑模式下为标题添加了背景、内边距和边框,并在标题前添加了章节符号(§)。
  • line-height.css: 这个片段将编辑模式下文本的行高设置为 1.6em。
  • edit-mode-bullet-fix.css: 这个片段调整了编辑模式下列表项目符号的位置。
  • graph-view-color-line.css: 这个片段通过将颜色设置为银色和不透明度设置为 0.2 来样式化图形视图节点或线条(基于类名 color-line)。
  • preview-codeblock-font-fix.css: 这个片段为预览模式下(亮色和暗色主题)的代码块设置了字体系列为 等距更纱黑体 SC 和 monospace。
  • blur.css: 这个片段在预览模式和编辑模式下都应用了轻微的模糊效果(0.3px)。
  • hypermd-table-cjkfont.css: 这个片段将编辑模式下表格行(.HyperMD-table-row)的字体系列设置为 等距更纱黑体 SC 和 monospace。
  • strikethrough-for-checked-tasks.css: 这个片段为预览模式下已勾选的任务列表项应用了删除线并将文本颜色更改为柔和。
  • preview-mode-justify.css: 这个片段在预览模式下对文本进行了两端对齐并启用了连字符.

Related

How to Install

  1. Download the repository ZIP below
  2. Unzip it and find the CSS snippet file
  3. Move the CSS file into your vault's .obsidian/snippets/ folder
  4. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it

Stats

Stars

0

Forks

0

Last updated 11mo ago

Categories