怎么改变PDF的背景为米色或者羊皮纸色,就像Zotero或者WPS一样

,

在使用Obsidian打开pdf时,默认是白底黑字,调整主题也为暗色也没有影响,我想寻求一种方法可以改变pdf的背景颜色为米色或者其他护眼色,请问要怎么做?

改CSS:

.pdf-container {
    --pdf-background: 你想要的颜色 !important;
}

感谢你的回答,这样是可以改变周围的填充颜色,可能是我的描述不太准确,我希望改变pdf整体的颜色,而不仅仅是周围的填充。

现在的效果如下:

你的pdf是扫描版吗,我这里是修改的背景颜色:

1 个赞

不是的,我的是可编辑的pdf,不是扫描版,在加载pdf的一瞬间,可以看到绿色背景图填满了整个屏幕,之后白色的pdf文件覆盖在绿色背景上,但是并没有改变颜色为绿色

可能有其他CSS干扰吧

这个css 对扫描版pdf 有效果么?

确实是,我之前安装的theme插件覆盖了自己添加的css代码,已经解决了

1 个赞

扫描的不行,扫描版相当于图片了,没办法用css改变颜色

您好,我这没有安装任何插件,为啥也是遇到了和你一样的情况呀?还望不吝赐教~

1 个赞

麻烦发一下这个颜色的css代码,很好看

颜色是 #EADAB4

我也一样,没有安装任何插件,也只能是填充颜色改变,而pdf整体颜色还是白底黑字

我找到问题在哪里了,是css变量名不对。应该改成–pdf-page-background,我用开发者工具查了一下以–pdf开头的css变量,问了AI,他们的功能如下:
这些变量控制 PDF 阅读器各部分的背景颜色。

变量名 功能说明
--pdf-background 整个PDF阅读器视图区域的背景色(即PDF页面周围画布的颜色)。
--pdf-page-background PDF页面本身的背景色。您之前成功修改的就是它。
--pdf-sidebar-background PDF阅读器侧边栏(如缩略图导航栏)的背景色。
这些变量为页面和控件添加阴影效果,以增强立体感和层次区分。
变量名 功能说明
--pdf-shadow 应用于单个PDF页面的阴影效果。
--pdf-spread-shadow 对开页模式下,应用于整个对开页组(两页并排)的阴影。
--pdf-thumbnail-shadow 应用于页面缩略图的阴影效果。
所以我的最终方案是
/* 
* PDF 多配色护眼方案
* 您可以通过取消注释/注释来切换不同的配色方案。
*/

.pdf-container {

 /* ========== 方案一:暖调纸张 (经典米黄) ========== */
 /* 核心阅读区 - 浅米黄 */
 /* --pdf-page-background: #FAF4E1 !important; */
 /* 周围画布 - 暖灰 */
 /* --pdf-background: #F0E9D5 !important; */
 /* 侧边栏 - 浅陶土 */
 /* --pdf-sidebar-background: #E8DFC8 !important; */

 /* ========== 方案二:清爽绿意 (淡绿护眼) ========== */
 /* 核心阅读区 - 极浅绿 */
 --pdf-page-background: #F0F8EC !important;
 /* 周围画布 - 淡绿 */
 --pdf-background: #E6F2E6 !important;
 /* 侧边栏 - 浅灰绿 */
 --pdf-sidebar-background: #DDEADD !important;

}

注:我只安装了PDF++这一个插件,需要把适应主题(adapt to theme)选项打开

效果图: