Closed git-zxx closed 2 years ago
啊, 自定义文件是 custom-light.css
与 custom-dark.css
呀
啊,那个light.css
的意思是Dark+/style/color/light.css
当时没写全,我的自定义配置文件名应该也是没错的
然后我看了Dark+/style/color/light.css
的代码发现好像缺少了@import url(/widgets/custom-light.css);
这句话,我加上之后就回到正常了
啊,那个
light.css
的意思是Dark+/style/color/light.css
当时没写全,我的自定义配置文件名应该也是没错的 然后我看了Dark+/style/color/light.css
的代码发现好像缺少了@import url(/widgets/custom-light.css);
这句话,我加上之后就回到正常了
/widgets/custom-light.css
与 /widgets/custom-light.css
两个文件是通过 theme.js
文件动态加载的, 这是因为 @import
只能在 CSS 文件开头引用, 但是用户自定义文件 custom-light.css
与 custom-dark.css
的优先级理应比 light.css
与 dark.css
更高, 因此不应使用 @import
引用
https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/blob/88719c19e6abf04ce5fbbcdb1b04920e6406dfc8/theme.js#L148-L176
刚刚更新了主题,重启之后发现有些自定义样式失效了
设置了 custom-light.css
与 custom-dark.css
应该不会出现更新后自定义样式失效的问题呀
那应该是我这里的问题吧,每次更新总是有两个变量覆盖失败,只有到light.css文件中删除下面这两句,custom-light.css 文件里这两个变量的自定义代码才生效 / 编辑区背景颜色 | The background color of the edit area / --custom-editor-background-color: var(--custom-transparent); / 弹出窗口背景颜色 | The background color of the popover / --custom-popover-background-color: var(--custom-transparent-deeper);
/* 编辑区背景颜色 | The background color of the edit area / --custom-editor-background-color: var(--custom-transparent); / 弹出窗口背景颜色 | The background color of the popover */ --custom-popover-background-color: var(--custom-transparent-deeper);
请检查这里注释是否正确
这次更新没有再失效,我看了下文档,好像注释也没问题,不知为什么上次复制过来的就是少了 * 号的,下面这个是没修改过的custom.css文件的内容,但之前几次确实更新之后就失效,这次好了,感谢!!!
刚刚更新了主题,重启之后发现有些自定义样式失效了,貌似light.css和dark.css的@import语句都不在了,我加上之后就好了,但是可能有别人也会出现这种情况,大佬看是不是要把导入语句加回去呢 :D