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

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

目前修改 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 票

  • 思源笔记

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

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

    23019 引用 • 92594 回帖
1 操作
iamqiz 在 2022-09-18 15:35:06 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • Zhangwuji

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

    1 回复
  • 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
  • 支持 css 和 js 主题代码片段,可以不依赖主题就启用

  • iamqiz 1 评论

    @Vanessa

    @88250

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

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

推荐标签 标签

  • abitmean

    有点意思就行了

    27 关注
  • 宕机

    宕机,多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态,也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态,也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 60 关注
  • Eclipse

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

    75 引用 • 258 回帖 • 624 关注
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 75 关注
  • 996
    13 引用 • 200 回帖 • 11 关注
  • Git

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

    209 引用 • 358 回帖
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 5 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    8 引用 • 30 回帖 • 410 关注
  • Electron

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

    15 引用 • 136 回帖 • 1 关注
  • Bug

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

    76 引用 • 1737 回帖 • 1 关注
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 483 关注
  • HHKB

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

    5 引用 • 74 回帖 • 478 关注
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    77 引用 • 430 回帖
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    334 引用 • 323 回帖 • 4 关注
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    53 引用 • 40 回帖 • 1 关注
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 400 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    34 引用 • 467 回帖 • 747 关注
  • GraphQL

    GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 8 关注
  • 旅游

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

    93 引用 • 899 回帖 • 1 关注
  • 尊园地产

    昆明尊园房地产经纪有限公司,即:Kunming Zunyuan Property Agency Company Limited(简称“尊园地产”)于 2007 年 6 月开始筹备,2007 年 8 月 18 日正式成立,注册资本 200 万元,公司性质为股份经纪有限公司,主营业务为:代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 772 关注
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 604 关注
  • 微软

    微软是一家美国跨国科技公司,也是世界 PC 软件开发的先导,由比尔·盖茨与保罗·艾伦创办于 1975 年,公司总部设立在华盛顿州的雷德蒙德(Redmond,邻近西雅图)。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖
  • 自由行
    4 关注
  • 分享

    有什么新发现就分享给大家吧!

    248 引用 • 1795 回帖 • 1 关注
  • CentOS

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

    238 引用 • 224 回帖
  • Vim

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

    29 引用 • 66 回帖 • 2 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    6 引用 • 63 回帖 • 4 关注