这是一份基于 Border 主题,并融合了 Phycat 深度视觉逻辑的“极致定制版”Obsidian 主题。它通过对底层 CSS 的重构,解决了传统美化主题在编辑模式(Live Preview)下的诸多顽疾。
Note
主要目标:在不牺牲任何编辑器(CM6)稳定性的前提下,提供最顶级的“苹果风格”和“高度几何化”的笔记体验。
每一级标题(H1-H6)都经过了单独的几何建模,旨在通过呼吸感和辅助图形区分层级。
- H1 (居中模式):底部带渐变动画的宽幅下划线,悬停时自动展开。
- H2 (双子塔):左侧双垂直棒修饰,极致对齐文字中轴线。
- H3-H6 (几何序列):依次采用 垂直棒、实心圆、空心圆、短横线 进行前缀修饰,右侧则配有同色同步的 Mac 层级圆点(大型 Mask 矢量图标)。
- 跨模式一致性:无论是“实时预览”还是“阅读视图”,均展现出完美的 Mac 窗口顶栏(红黄绿三色圆点)。
- 坐标零漂移:彻底修复了传统美化导致的光标选区偏移(Selection Bug),通过
padding-top: 34px安全避让方案,确保编辑时 100% 灵敏。 - 语言标识胶囊:程序语言(如 Java, Python)标识进行了右偏好避让,视觉极度清爽。
普通文本中的 inline code 加入了轻量的浮空发光动效。当鼠标悬停时,代码块会自动变色并产生微弱的阴影,提升交互的成就感。
表格加入了磨砂玻璃背板背景,并对表头、表项以及鼠标悬停行进行了深度的对比度调整。
- 备份:请先备份你当前的
theme.css(位于.obsidian/themes/Border/路径下)。 - 替换:将本项目中的
theme.css覆盖到上述路径。 - 刷新:在 Obsidian 设置中重新应用主题,即可即时可见所有特效。
Tip
推荐在你的仓库根目录下创建 Test_Effects.md 并填入测试文本,以实时预览所有 Hn 级标题以及代码块的渲染效果。
- 针对侧边栏 (Sidebar) 的玻璃质感优化。
- 优化 Callout 语录块的 Phycat 风格重绘。
- 移动端 (Mobile) 适配优化。
如果你在使用过程中发现光标在某些特殊字体下有轻微颤动,或者有更好的视觉点子,欢迎开 Issue 或 PR。
Created with ❤️ by Antigravity AI Painter in Obsidian Theme Studio.