关于主题和两个插件（Image Converter & Codeblock Customizer）的冲突

[zn331644]

我在尝试打开超过三个以上子目录的文件夹时，会非常卡段。并且，在目录拖动文件到另外一个文件夹的速度也非常缓慢，几乎到了不能用的地步。在md文件中，如果开启实时渲染模式，在两万个字符以上的文件也会出现滚轮滑动时肉眼可见的卡顿。

以上问题在我关闭了Image Converter & Codeblock Customizer两个插件后解决了。想请问作者有没有在不关闭插件的情况下流畅的使用主题。Obsidian和主题的版本都是最新的当前版本。

[zn331644]

Screen Recording 2025-02-03 160127.zip

[FloongyEX]

同样的问题。同时使用Border主题和codeblock类插件时，在文件浏览器中拖动文件会发生严重的滞后。
Same issue. Dragging files in the file browser lags when using both the Border theme and codeblock-like plugins.

[FloongyEX]

简单测试了下，obsidian文件浏览器性能问题似乎普遍存在，尤其是在性能较弱的机器上运行插件较多的 ob 时。而同时使用 border 主题和特定插件会使性能显著下降。
就我的情况而言，注释掉部分 CSS 代码可以很大程度缓解此问题，不知道对遇到类似问题的人有无帮助。
It seems that obsidian file browser performance issues are quite common, especially when running obisidian with many plugins on less powerful machines. And using the border theme and specific plugins at the same time can cause a significant performance drop.
In my case, commenting out certain parts of the CSS code has significantly alleviated this issue. I'm not sure if this will be helpful for others encountering similar problems.

obsidian-border/theme.css

Lines 4320 to 4332 in 774ba47

	body:not(.is-mobile):has(>.app-container) {
	background: var(--background-underlying);
	}
	body.theme-light:not(.is-mobile):has(>.app-container).background-underlying-CSS-light {
	background: var(--background-underlying-CSS-light, --background-underlying) !important;
	background-blend-mode: var(--background-underlying-CSS-blend-mode-light) !important;
	}
	body.theme-dark:not(.is-mobile):has(>.app-container).background-underlying-CSS-dark {
	background: var(--background-underlying-CSS-dark, --background-underlying) !important;
	background-blend-mode: var(--background-underlying-CSS-blend-mode-dark) !important;
	}

obsidian-border/theme.css

Lines 5234 to 5240 in 774ba47

	body:not(.is-mobile):has(.mod-top>.workspace-tab-header-container:hover, .titlebar-button-container:hover, .status-bar:hover) .workspace::before {
	transition: width var(--anim-out), height var(--anim-in);
	}
	body:not(.is-mobile):has(.workspace-ribbon.side-dock-ribbon:hover) .workspace::before {
	transition: width var(--anim-in), height var(--anim-out);
	}