frosted glass 毛玻璃主题的一些提示

本贴最后更新于 1350 天前,其中的信息可能已经时移世易

首先,我这个毛玻璃主题是一个相对粗浅的毛玻璃主题,后续可能根据反馈进行进一步修改,本帖旨在把一些可能的自定义方式提供一下

修改背景图片

打开主题文件夹,打开 theme.css 文件,找到背景设定这里

image.png

url(),里面可以填写放在主题文件夹里的图片,直接输入图片名即可;又或者将网上可以访问的图片,复制其图片链接,然后就可以更换背景图片了

blur(),把 0 修改成其他数字,就可以实现模糊度。

同理,更改菜单背景图片和设置面板背景图片。

在这里提供一些我觉得不错的图片链接(知乎找的)

https://pic3.zhimg.com/v2-6a906b16a3e943a707855ea325942e72_b.jpg

https://pic1.zhimg.com/v2-a0c20a9e3c3e0aa289c12ea55ee7c878_b.jpg

效果如图

image.png

列表模糊

如果要实现列表模糊,先把上面提到的 body 那里 blur 那一行删了,然后找到这里(emm 注释还是上一个主题的注释懒了没改)

image.png

添加 backdrop-filter: blur(0px); 同理修改数值即可实现:

image.png

同理可以修改标题、代码块等样式的模糊度

修改背景色和字体颜色

我将字体颜色和背景颜色做了统一处理

image.png

需要修改背景颜色的就修改上面那个--b3-theme-background

需要修改文字颜色的就修改下面那个--b3-theme-on-primary

最后

欢迎在评论区提供一些修改建议,如果可以找到更好看的背景图片,欢迎提供图片链接!!感谢

  • 思源笔记

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

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

    22353 引用 • 89447 回帖
2 操作
VIWZ 在 2021-03-13 16:47:23 更新了该帖
VIWZ 在 2021-03-12 19:52:41 更新了该帖

相关帖子

欢迎来到这里!

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

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