登录 注册

小白求教，dark+ 主题自定义背景图片的代码片段为什么不起作用？

本贴最后更新于 625 天前，其中的信息可能已经时异事殊

作者在“readme”里给出了代码片段

:root[data-theme-mode=light][data-light-theme="Dark+"] {

/* 浅色主题默认背景图片 | default background image for light color theme */

--custom-background-image: url("/widgets/background-light.png");

/* 浅色主题默认对话框背景图片 | default dialog background image for light color theme */

--custom-background-image-dialog: url("/widgets/background-light-dialog.png");

}

我就直接复制的，widgets 文件夹也创建了相应名字的图片，可是无效。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    22019 引用 • 87804 回帖 • 2 关注
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    7935 引用 • 36298 回帖 • 168 关注
30 悬赏
1 收藏
1 回帖
153 62 22 12 2 4 51

相关帖子

被采纳的回答
  • FlyerBit •
    订阅者 捐赠者 恶龙

    看了下仓库里的最新代码，应该这样写

    参考：siyuan-theme-dark-plus/config.css at main · Zuoqiu-Yingyi/siyuan-theme-dark-plus (github.com)

    /*
* @file <工作空间>/data/widgets/custom.css
*/

/* Light */
:root[data-theme-mode="light"] {
  /* 背景图片 */
  --custom-background-image-landscape: url(/appearance/themes/Dark+/image/light/background-main.jpg);
  --custom-background-image-portrait: url(/appearance/themes/Dark+/image/light/background-main-portrait.jpg);
  /* 对话框背景图片 */
  --custom-background-image-dialog: url(/appearance/themes/Dark+/image/light/background-dialog.jpg);
}

/* Dark */
:root[data-theme-mode="dark"] {
  /* 背景图片 */
  --custom-background-image-landscape: url(/appearance/themes/Dark+/image/dark/background-main.jpg);
  --custom-background-image-portrait: url(/appearance/themes/Dark+/image/dark/background-main-portrait.jpg);
  /* 对话框背景图片 */
  --custom-background-image-dialog: url(/appearance/themes/Dark+/image/dark/background-dialog.jpg);
}
1 回帖
小白求教，dark+ 主题自定义背景图片的代码片段为什么不起作用？

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • FlyerBit • • 3 评论
    订阅者 捐赠者 恶龙

    看了下仓库里的最新代码，应该这样写

    参考：siyuan-theme-dark-plus/config.css at main · Zuoqiu-Yingyi/siyuan-theme-dark-plus (github.com)

    /*
* @file <工作空间>/data/widgets/custom.css
*/

/* Light */
:root[data-theme-mode="light"] {
  /* 背景图片 */
  --custom-background-image-landscape: url(/appearance/themes/Dark+/image/light/background-main.jpg);
  --custom-background-image-portrait: url(/appearance/themes/Dark+/image/light/background-main-portrait.jpg);
  /* 对话框背景图片 */
  --custom-background-image-dialog: url(/appearance/themes/Dark+/image/light/background-dialog.jpg);
}

/* Dark */
:root[data-theme-mode="dark"] {
  /* 背景图片 */
  --custom-background-image-landscape: url(/appearance/themes/Dark+/image/dark/background-main.jpg);
  --custom-background-image-portrait: url(/appearance/themes/Dark+/image/dark/background-main-portrait.jpg);
  /* 对话框背景图片 */
  --custom-background-image-dialog: url(/appearance/themes/Dark+/image/dark/background-dialog.jpg);
}
    谢谢你！搞定了——不过，路径还要加引号才行。真搞不懂，明明原配置文件里也没加引号啊
    suiji •
    @suiji 在 CSS 中，url() 函数的引号是可选的，但如果路径中包含空格或特殊字符，则需要用引号括起来
    FlyerBit •
    @FlyerBit 确有空格，谢谢！
    suiji •
suiji
回帖
112
 帖子
39
 积分
15204

近期热议

推荐标签 标签

  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。

    1 引用 • 7 回帖 • 586 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发，最早发布于 2014 年 9 月。

    58 引用 • 22 回帖 • 4 关注
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 348 关注
  • BAE

    百度应用引擎（Baidu App Engine）提供了 PHP、Java、Python 的执行环境，以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用，并且提供动态扩容和负载均衡的运行环境，让开发者不用考虑高成本的运维工作，只需专注于业务逻辑，大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 632 关注
  • 单点登录

    单点登录（Single Sign On）是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖
  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖
  • Sym

    Sym 是一款用 Java 实现的现代化社区（论坛/BBS/社交网络/博客）系统平台。

    下一代的社区系统，为未来而构建

    524 引用 • 4600 回帖 • 701 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端，也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架，使用 Node.js 编写。

    21 引用 • 140 回帖 • 5 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    338 引用 • 705 回帖
  • CSS

    CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    197 引用 • 547 回帖
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    22017 引用 • 87798 回帖 • 2 关注
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台，其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 47 关注
  • sts
    2 引用 • 2 回帖 • 193 关注
  • 生活

    生活是指人类生存过程中的各项活动的总和，范畴较广，一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖 • 1 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations，简称 DJI)，成立于 2006 年，是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商，客户遍布全球 100 多个国家。通过持续的创新，大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖 • 1 关注
  • WebComponents

    Web Components 是 W3C 定义的标准，它给了前端开发者扩展浏览器标签的能力，可以方便地定制可复用组件，更好的进行模块化开发，解放了前端开发者的生产力。

    1 引用 • 1 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug（漏洞）。

    75 引用 • 1737 回帖
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    90 引用 • 899 回帖
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    565 引用 • 3532 回帖
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统，它问世于 1985 年，起初仅仅是 Microsoft-DOS 模拟环境，后续的系统版本由于微软不断的更新升级，不但易用，也慢慢的成为家家户户人们最喜爱的操作系统。

    221 引用 • 473 回帖
  • Electron

    Electron 基于 Chromium 和 Node.js，让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目，兼容 Mac、Windows 和 Linux，它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖
  • 职场

    找到自己的位置，萌新烦恼少。

    127 引用 • 1705 回帖
  • SVN

    SVN 是 Subversion 的简称，是一个开放源代码的版本控制系统，相较于 RCS、CVS，它采用了分支管理系统，它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 684 关注
  • HHKB

    HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘（Capacitive Keyboard）。

    5 引用 • 74 回帖 • 465 关注
  • 安全

    安全永远都不是一个小问题。

    199 引用 • 816 回帖
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年，是中国的 IT 社区和服务平台，为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务，满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖

最新标签