登录 注册

[提议] 增加公共主题 css 文件, 无论使用哪个主题, 该 css 都会生效

本贴最后更新于 654 天前，其中的信息可能已经沧海桑田

目前修改 css 只能针对特定主题,

但是有些 css 希望能在所有主题中都生效,

因此建议增加一个公共的 theme.css 文件,比如位于

SiYuan\conf\appearance\themes\theme.css

同时建议增加一个选项,用来控制全局 css 是否生效,用于在体验主题时防止外部 css 干扰,等到对主题满意之后,可以再启用生效,对所有主题进行统一魔改

是否支持?

单选 • 不公开 • 已于 2022-10-17 12:37:00 结束 29 票
yes
93% • 27 票
no
6% • 2 票
随意
0% • 0 票

  • 思源笔记

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

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

    19811 引用 • 75861 回帖
1 操作
iamqiz 在 2022-09-18 15:35:06 更新了该帖
上海 位置
1 收藏
1 赞同
1 操作
4 回帖
2
566 173 66 130 11 9 173

相关帖子

4 回帖
[提议] 增加公共主题 css 文件, 无论使用哪个主题, 该 css 都会生效

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • iamqiz • • 1 • 1 赞同 • 4 评论
    作者

    官方支持最好了,不需要每个主题作者特意去支持了,

    dark+ 的这个 css 文件我知道,当时还纳闷为啥放 data/widgets 里,现在懂了是为了同步,但放 widget 里容易让人迷惑.

    放在 data 外面也有好处,就是不同平台可以有不同的 css,比如电脑端和手机端,因为不参与同步,所以互不影响

    所以一个兼顾的方案可以这样:

    data 外面和 data 里面各有一个公共 css 文件,名为 theme.css 或 custom.css ,

    data 里面用于多平台同步,data 外面用于各平台定制,但不能同步

    同时 data 里面增加各个平台定制的 css 文件,命名为 theme-< 平台名称 >.css ,

    加载顺序 为

    • data 内 theme.css
    • data 内 theme-< 平台名称 >.css ,根据平台选择性加载
    • data 外 theme.css
    1 操作
    iamqiz 在 2022-09-18 15:10:55 更新了该回帖
    其实不用为各个平台定制样式, 因为通过 #editor 选择器就可以区分移动端界面与桌面端(Web 端)界面了
    shuoying •
    @shuoying 萌佬厉害呀,来个 demo😃 思源系统自带 css 是按 app/desktop/mobile 三个目录区分的,所以我就想到按文件名进行区分了,能通过选择器区分很 nice
    iamqiz •
    @iamqiz 可以使用桌面浏览器访问 http://localhost:6806/stage/build/mobile 调试移动端的样式
    shuoying •
    @shuoying 懂了,多了个 id=editor,拴 Q🤗
    iamqiz •
  • 其他回帖
  • Ultramarine •
    订阅者 支持者 勇士

    支持 css 和 js 主题代码片段，可以不依赖主题就启用

  • iamqiz • • 1 评论
    作者

    @Vanessa

    @88250

    顺便支持下公共 js 文件? 光有 css 没 js ,可定制性也不够高 😳

    Issue #5066 · siyuan-note/siyuan 这个搁置了，等反链面板改完就写
    Vanessa • • 1 赞同
  • Zhangwuji •

    很好的建议，不过部分主题作者之前已经达成了一致，比如 dark+ 主题，OneNote 主题，主题文件夹里边都有一个名称为 custom.css 的文件，把这个文件放在 SiYuan\data\widgets 路径下，所有的修改都可以生效，并且主题更新也不会覆盖这些自定义修改，另外还可以多端同步。如果你正在使用的主题其主题文件夹里边没有 custom.css 文件，说明该主题作者没有在自己的主题中引入这个文件，这样修改不会在这个主题中生效。

    1 回复
iamqiz
链滴 666666 号成员 上海
回帖
186
 帖子
94
 积分
15214

近期热议

推荐标签 标签

  • 程序员

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

    541 引用 • 3529 回帖
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖 • 64 关注
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本，加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较（vimdiff）、语法高亮、全面的帮助系统、本地脚本（Vimscript）和便于选择的可视化模式。

    28 引用 • 66 回帖
  • WiFiDog

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

    1 引用 • 7 回帖 • 553 关注
  • Google

    Google（Google Inc.，NASDAQ：GOOG）是一家美国上市公司（公有股份公司），于 1998 年 9 月 7 日以私有股份公司的形式创立，设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”，它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎，它提供了简单易用的免费服务。不作恶（Don't be evil）是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖 • 1 关注
  • 人工智能

    人工智能（Artificial Intelligence）是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    74 引用 • 157 回帖 • 1 关注
  • SMTP

    SMTP（Simple Mail Transfer Protocol）即简单邮件传输协议，它是一组用于由源地址到目的地址传送邮件的规则，由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇，它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 604 关注
  • 学习

    “梦想从学习开始，事业从实践起步” —— 习近平

    163 引用 • 473 回帖
  • 外包

    有空闲时间是接外包好呢还是学习好呢？

    26 引用 • 232 回帖
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统（CMS）来使用。WordPress 是一个免费的开源项目，在 GNU 通用公共许可证（GPLv2）下授权发布。

    45 引用 • 113 回帖 • 285 关注
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台，它支持多种框架、语言、运行时环境、云平台及应用服务，使开发人员能够在几秒钟内进行应用程序的部署和扩展，无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 155 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似，也就是用各类命令预先放入到一个文件中，方便一次性执行的一个程序文件，主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大，比用其他编程程序编辑的程序效率更高，因为它使用了 Linux/Unix 下的命令。

    122 引用 • 73 回帖 • 1 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件，让构建、部署、自动化集成项目变得简单易用。

    51 引用 • 37 回帖 • 3 关注
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具，是一个全面整合的专业游戏引擎。

    25 引用 • 7 回帖 • 233 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 634 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器，详细介绍请看 将 Java Swing 应用变成 Web 应用 。

    1 引用 • 15 回帖 • 632 关注
  • 导航

    各种网址链接、内容导航。

    37 引用 • 168 回帖
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展，它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 2 关注
  • IBM

    IBM（国际商业机器公司）或万国商业机器公司，简称 IBM（International Business Machines Corporation），总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国，是全球最大的信息技术和业务解决方案公司，拥有全球雇员 30 多万人，业务遍及 160 多个国家和地区。

    16 引用 • 53 回帖 • 124 关注
  • CSS

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

    184 引用 • 461 回帖
  • 强迫症

    强迫症（OCD）属于焦虑障碍的一种类型，是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病，其特点为有意识的强迫和反强迫并存，一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    207 引用 • 358 回帖
  • Sillot

    Insights（注意当前设置 master 为默认分支）

    汐洛彖夲肜矩阵（Sillot T☳Converbenk Matrix），致力于服务智慧新彖乄，具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架（Sillot-Gibbet）基于自思源笔记（siyuan-note），前身是思源笔记汐洛版（更早是思源笔记汐洛分支），是智慧新录乄终端（多端融合，移动端优先）。

    主仓库地址：Hi-Windom/Sillot

    安卓端仓库：Hi-Windom/Sillot-android

    注意事项：

    1. ⚠️ 汐洛仍在早期开发阶段，尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计，使用前请了解风险
    28 引用 • 25 回帖 • 56 关注
  • CentOS

    CentOS（Community Enterprise Operating System）是 Linux 发行版之一，它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码，因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言，应用广泛。C++ 支持多种编程范式，面向对象编程、泛型编程和过程化编程。

    106 引用 • 152 回帖 • 1 关注
  • Q&A

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

    6888 引用 • 31055 回帖 • 230 关注
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态；标准是由主流手机厂商组成的快应用联盟联合制定；快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台；以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖 • 4 关注

最新标签