【支持自定义颜色、背景切换】统一的毛玻璃主题分享(可以自主切换白天黑夜)

VIWZ 2021-5-12 3155

分享主题,顺便请各位帮我测bug哈~

5.20更新了v1.2

5.24更新v1.3

1、波浪效果

2、任务复选框效果

3、bug修改

5.28更新v1.4

1、可以按F12,来自定义字体颜色和主题背景


在对应的url填入链接即可测试图片背景是否适合,适合即可再文件对应地方修改

这样就可以自定义

紫色、蓝色、黄色、红色、青色等一系列颜色

觉得背景色影响实际体验的,可以考虑背景色渐变或纯色

渐变就是把background-image: 这里改    background-image: linear-gradient(90deg, black, transparent);,参数分别是角度、颜色1、颜色2(颜色可以多个添加,英文逗号分隔即可)(颜色最好不要设置透明度)

纯色就是让颜色1、颜色2一致即可


上传的附件:
快速回复
最新回复 (32)
  • Neo 2021-5-12
    1 2
    不管是白天还是黑暗模式,我星标栏的圆点都显现不出来。想问问大家有没有类似的问题。
  • VIWZ 2021-5-13
    1 3
    metro 不管是白天还是黑暗模式,我星标栏的圆点都显现不出来。想问问大家有没有类似的问题。
    这个是设计就这样的,我不太喜欢星标那里有圆点,找到文档里#leftsidebar .node-top .node-btn改成
    #leftsidebar .node-top .node-btn {
        left: -4px;
        opacity: 1;
        top: -1px;
    }
    opacity为0是隐藏
  • Neo 2021-5-13
    1 4
    VIWZ 这个是设计就这样的,我不太喜欢星标那里有圆点,找到文档里#leftsidebar .node-top .node-btn改成 #leftsidebar .node-top .node-btn { ...
    好的,谢谢了
  • Neo 2021-5-13
    0 5


    左栏是否可以自己调透明一点,像这样


    背景本身不会挡住字体的显示,所以我想不如索性调透明一点,还可以看图;


  • VIWZ 2021-5-13
    1 6

    可以,找到body#jShape.theme-night .sidebar .menu .list和.sidebar .menu .list
    对应的backdrop-filterblur:(11px);改成backdrop-filterblur:(0px);
    对应的background-color:xxxxxxx;改成background-color:#ffffff00;

    如果要去除阴影的话,找到body#jShape.theme-night .sidebar和 .sidebar

    把box-shadow这里改成box-shadow: none;

  • Neo 2021-5-13
    0 7
    VIWZ 可以,找到body#jShape.theme-night .sidebar .menu .list和.sidebar .menu .list 对应的backdrop-filterblur(11px) ...
    万分感谢
  • Neo 2021-5-13
    0 8
    VIWZ 可以,找到body#jShape.theme-night .sidebar .menu .list和.sidebar .menu ...

    不是backdrop-filterblur(11px);
    而是backdrop-filter: blur(11px);
    新来的伙伴用替换就好了。

  • VIWZ 2021-5-13
    0 9
    metro VIWZ 可以,找到body#jShape.theme-night .sidebar .menu&am ...
    我改一下哈
  • xushaolin 2021-5-19
    0 10
    打标签时,所有序号为奇数的标签在选中时background不会变化
  • VIWZ 2021-5-19
    0 11
    xushaolin 打标签时,所有序号为奇数的标签在选中时background不会变化
    这个我复现不了
  • xushaolin 2021-5-19
    0 12
    VIWZ 这个我复现不了
    我找到了:
    .suggest p:nth-child(odd) {
        background-color: rgba(125, 238, 198, .27);

    把这个注释掉就好了

    谢谢
  • Neo 2021-5-22
    0 13

    V1.2:

    会隐藏住星标

  • Neo 2021-5-22
    0 14

    v1.2:
    我用的是客户端:把上边全隐藏了,但是弹出不好触发,只有在刷新的时候才能短暂地显现上边的工具栏(只能显示一半)

  • VIWZ 2021-5-22
    0 15
    metro v1.2:我用的是客户端:把上边全隐藏了,但是弹出不好触发,只有在刷新的时候才能短暂地显现上边的工具栏(只能显示一半)
    感觉这个隐藏效果在不同电脑显示效果不同,所以我在附件里加了个不隐藏版本的
  • VIWZ 2021-5-22
    0 16
    metro V1.2:会隐藏住星标
    这个我找不到解决办法,因为改了标题的样式,要实现那样的效果只能折中一下,这个毕竟一般情况下影响不大(可以当做固定bug了...)
  • Neo 2021-5-22
    0 17
    VIWZ 这个我找不到解决办法,因为改了标题的样式,要实现那样的效果只能折中一下,这个毕竟一般情况下影响不大(可以当做固定bug了...)
    好的,收到
  • 伊莱 2021-5-28
    0 18
    看到交流群里面都玩出花了,我才整了个壁纸 。万分感谢!!
  • Elliott 2021-5-29
    0 19
    天哪,太帅了。用了css后
  • Elliott 2021-5-29
    0 20



    有个问题...我怎么打开设置?Ctrl+Esc Windows是用不了的啊

  • VIWZ 2021-5-29
    0 21
    Elliott 有个问题...我怎么打开设置?Ctrl+Esc Windows是用不了的啊
    鼠标移动过去不行吗?
  • Elliott 2021-5-29
    0 22



    问题是没有按钮呀

  • VIWZ 2021-5-29
    0 23
    Elliott 问题是没有按钮呀
    我不会js,这个暂时只能纯css实现这个效果,如果不适应的话,就用附件里v1.2不隐藏版本
  • 猫老大 2021-5-31
    0 24

    表格有一部分会缺失


  • VIWZ 2021-5-31
    0 25
    猫老大 表格有一部分会缺失
    #detail-wrap .node[layout=tablemap] > .node-scroll > .node-child {
        border-top: 1px solid #000000b5 !important;
    }
    改一下这部分的代码
  • 猫老大 2021-5-31
    0 26
    VIWZ #detail-wrap .node[layout=tablemap] > .node-scroll > .node-child { border-top: 1px solid ...
    哦哦哦,好嘞,多谢啦
  • kaaningyuss 2021-6-20
    0 27
    使用之后,shift打开侧边页面显示不了内容,这是为什么?
  • VIWZ 2021-6-20
    0 28
    kaaningyuss 使用之后,shift打开侧边页面显示不了内容,这是为什么?
    我的挺正常的,复现不了,或许你尝试下alt打开那个?
  • vv_goodenough 2021-6-20
    1 29
    大佬,已完成任务渲染有点问题,完成任务和未完成任务显示一样?
  • VIWZ 2021-6-20
    0 30
    vv_goodenough 大佬,已完成任务渲染有点问题,完成任务和未完成任务显示一样?
    你应该是指删除线和颜色没有变是吧?我不喜欢那个(多了碍眼)就取消掉了,具体修改方式是
    找到.plugin-outline-wrap .node-finished > .node-head > .node-text和body#jShape.theme-night .plugin-outline-wrap .node-finished > .node-head > .node-text修改为:
    .plugin-outline-wrap .node-finished > .node-head > .node-text {
        text-decoration: line-through;
        color: #2d2d2d80;
        transition: 0.5s all ease-in-out;
    }
    body#jShape.theme-night .plugin-outline-wrap .node-finished > .node-head > .node-text{
     text-decoration: line-through;
        color: #2d2d2d80;
        transition: 0.5s all ease-in-out;
    }

  • vv_goodenough 2021-6-21
    0 31
    感谢论坛大佬,给RE增色不少
  • Hardy 2021-6-21
    0 32

    🦋 不错不错,赞

  • YiLau 2022-5-4
    1 33
    好舒服啊,感谢大佬,不知道RE还能活多久
返回