登录 注册

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

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

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

  • 思源笔记

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

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

    24767 引用 • 101849 回帖
1 操作
cyanc 在 2022-09-18 15:35:06 更新了该帖
上海 位置
1 收藏
1 赞同
1 操作
4 回帖
2
673 177 66 198 13 13 201

相关帖子

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • cyanc • • 1 评论
    付费者 捐赠者 作者

    @Vanessa

    @88250

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

    Issue #5066 · siyuan-note/siyuan 这个搁置了，等反链面板改完就写
    Vanessa • • 1 赞同
  • 其他回帖
  • cyanc • • 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 操作
    cyanc 在 2022-09-18 15:10:55 更新了该回帖
    其实不用为各个平台定制样式, 因为通过 #editor 选择器就可以区分移动端界面与桌面端(Web 端)界面了
    shuoying •
    @shuoying 萌佬厉害呀,来个 demo😃 思源系统自带 css 是按 app/desktop/mobile 三个目录区分的,所以我就想到按文件名进行区分了,能通过选择器区分很 nice
    cyanc •
    @iamqiz 可以使用桌面浏览器访问 http://localhost:6806/stage/build/mobile 调试移动端的样式
    shuoying •
    @shuoying 懂了,多了个 id=editor,拴 Q🤗
    cyanc •
  • Zhangwuji •

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

    1 回复
  • Ultramarine •
    订阅者 支持者 勇士

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

cyanc
链滴 666666 号成员 上海
回帖
187
 帖子
98
 积分
15640

近期热议

推荐标签 标签

  • Swagger

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

    26 引用 • 35 回帖 • 3 关注
  • IBM

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

    17 引用 • 53 回帖 • 146 关注
  • BAE

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

    19 引用 • 75 回帖 • 664 关注
  • App

    App（应用程序，Application 的缩写）一般指手机软件。

    91 引用 • 384 回帖
  • C

    C 语言是一门通用计算机编程语言，应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    85 引用 • 165 回帖
  • 负能量

    上帝为你关上了一扇门，然后就去睡觉了....努力不一定能成功，但不努力一定很轻松 (° ー °〃)

    88 引用 • 1235 回帖 • 412 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”，乌云众测平台认证的“安全云”，为移动时代的创业者提供新一代的 CDN 加速服务。

    20 引用 • 37 回帖 • 570 关注
  • 数据库

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

    345 引用 • 739 回帖 • 1 关注
  • 国际化

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

    8 引用 • 26 回帖 • 1 关注
  • C++

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

    107 引用 • 153 回帖
  • 前端

    前端技术一般分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括 HTML、CSS 以及 JavaScript 等。

    245 引用 • 1338 回帖
  • B3log

    B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Vditor 和 思源笔记。

    1063 引用 • 3455 回帖 • 165 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖 • 1 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议，它实现了浏览器与服务器之间的全双工通信（full-duplex）。

    48 引用 • 206 回帖 • 297 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发，并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例： https://wide.b3log.org

    30 引用 • 218 回帖 • 642 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖
  • Swift

    Swift 是苹果于 2014 年 WWDC（苹果开发者大会）发布的开发语言，可与 Objective-C 共同运行于 Mac OS 和 iOS 平台，用于搭建基于苹果平台的应用程序。

    36 引用 • 37 回帖 • 545 关注
  • 服务器

    服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 585 回帖
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机，如：iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    167 引用 • 595 回帖 • 1 关注
  • OnlyOffice
    4 引用 • 23 关注
  • Oracle

    Oracle（甲骨文）公司，全称甲骨文股份有限公司（甲骨文软件系统有限公司），是全球最大的企业级软件公司，总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年，甲骨文已超越 IBM，成为继 Microsoft 后全球第二大软件公司。

    107 引用 • 127 回帖 • 356 关注
  • AWS
    11 引用 • 28 回帖 • 10 关注
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架，基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 399 关注
  • gRpc
    11 引用 • 9 回帖 • 90 关注
  • 星云链

    星云链是一个开源公链，业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎，一个公链的所有功能，它基本都有，比如你可以用它来开发部署你的去中心化的 APP，你可以在上面编写智能合约，发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • Firefox

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

    7 引用 • 30 回帖 • 394 关注
  • CodeMirror
    1 引用 • 2 回帖 • 154 关注

最新标签