search

Zuoqiu-Yingyi / siyuan-theme-dark-plus

思源笔记的一款多功能双模式主题 | A multifunctional dual-mode theme of SiYuan Note.
GNU Affero General Public License v3.0
139 stars 14 forks source link

插入图片的样式 #67

Closed moon4869 closed 2 years ago

moon4869 commented 2 years ago

你好，目前默认主题样式下，插入图片的话会对图片产生四周阴影的效果，想问下这个效果可以取消吗？在自定义的config.css文件里没有找到符合的设置。目前的想法是取消阴影，但是保留图片的四周边框。如何设置该样式呢？默认其实也很好，但是能自定义就更好啦 image

Zuoqiu-Yingyi commented 2 years ago

@moon4869 请参考 /style/module/span-img.css 文件, 图片四周阴影可以使用 --custom-box-shadow-spread css 变量设置其宽度为一个较小的值即可

https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/blob/474ded0eeb0116267d03dfa23d716d436d6139f4/style/module/span-img.css#L18-L25

moon4869 commented 2 years ago

我尝试修改了config.css下的 --custom-box-shadow-spread: 8px; 变量值，发现似乎没有生效，是只能在/style/module/span-img.css里修改该变量才行吗？这样后续主题版本更新会不会有影响？比如把该变量值又覆盖成默认值了

Zuoqiu-Yingyi commented 2 years ago

我尝试修改了config.css下的 --custom-box-shadow-spread: 8px; 变量值，发现似乎没有生效，是只能在/style/module/span-img.css里修改该变量才行吗？这样后续主题版本更新会不会有影响？比如把该变量值又覆盖成默认值了

  1. 可能有缓存，建议用右上角的重新加载窗口刷新
  2. 请参考 readme，在 widgets/custom.css 文件中设置自定义配置，这样就不会在更新主题时被覆盖
moon4869 commented 2 years ago

我尝试修改了config.css下的 --custom-box-shadow-spread: 8px; 变量值，发现似乎没有生效，是只能在/style/module/span-img.css里修改该变量才行吗？这样后续主题版本更新会不会有影响？比如把该变量值又覆盖成默认值了

  1. 可能有缓存，建议用右上角的重新加载窗口刷新
  2. 请参考 readme，在 widgets/custom.css 文件中设置自定义配置，这样就不会在更新主题时被覆盖

在widgets/custom.css中自定义设置了，刷新已经生效了，完美解决，非常感谢