暗色毛玻璃主题分享(5.11更新v1.3)

VIWZ 2021-5-2 2871



分享暗色毛玻璃主题

有什么修改建议欢迎提出,拓展思路

有bug在这里说一下

----------2021年5月4日更新了v1.2------------

主要内容是把设置面板,菜单毛玻璃化,以及一些细节修改

有什么需求可以提,主要是我个人审美有可能有不到位的地方,有更好的方案欢迎探讨

—————2021年5月11日更新v1.3————

1.3改动不大的,就是细节优化以及之前反馈的bug的修复

做了个小尝试,把背景暗色毛玻璃化,然后突出以卡片为基础的笔记方式,也一并更新了

上传的附件:
快速回复
最新回复 (20)
  • Innis 2021-5-3
    0 2

    来报个bug  O(∩_∩)O

    ① 多选块之后,多选部分和背景颜色太近似,几乎看不出来了。(如图所示)

    ② 加粗后的字体,好像不是明显。

  • VIWZ 2021-5-3
    0 3
    Innis 来报个bug  O(∩_∩)O① 多选块之后,多选部分和背景颜色太近似,几乎看不出来了。(如图所示)② 加粗后的字体,好像不是明显。
    ok,加入下面的代码就可以了,第一个是选中的背景颜色和字体颜色修改,可以按需修改;第二个加粗的字体不明显是因为忘了把这部分字体变成纯白色,感谢反馈
    body#jShape.theme-night #roam-wrap .multi-selected {
        background: #b9b9b93b;
        color: white;
    }
    body#jShape.theme-night #detail-wrap .nmarkdown b {
        color: white;
    }
  • Innis 2021-5-3
    0 4
    VIWZ ok,加入下面的代码就可以了,第一个是选中的背景颜色和字体颜色修改,可以按需修改;第二个加粗的字体不明显是因为忘了把这部分字体变成纯白色,感谢反馈 body#jShape.theme-night # ...

    可以啦,现在就非常明显了!感谢!

  • Innis 2021-5-3
    0 5

    又来啦。

    BUG:悬浮窗内,双括号括起来的内容,显示为暗灰色,而正常页面则显示为橙色


  • VIWZ 2021-5-4
    0 6
    Innis 又来啦。BUG:悬浮窗内,双括号括起来的内容,显示为暗灰色,而正常页面则显示为橙色
    我没开悬浮插件没注意,不过这个应该加入
    #detail-wrap .nmarkdown span[linkto] {
        color: #ff9800;
    }
    就可以了
    另外更新了一下1.2,可以试试
  • Innis 2021-5-5
    0 7
    VIWZ 我没开悬浮插件没注意,不过这个应该加入 #detail-wrap .nmarkdown span[linkto] { color: #ff9800; } 就可以了 另外更新了一下1. ...


    我又来了! 1.2超棒!!!

    几乎所有的框体都优化了,大爱!

    不过导出这里,有点违和,是否可以优化下 (●'◡'●) (小问题,其实已经很完美了,哈哈)


  • VIWZ 2021-5-5
    0 8
    Innis 我又来了! 1.2超棒!!!几乎所有的框体都优化了,大爱!不过导出这里,有点违和,是否可以优化下 (●'◡'●) (小问题,其实已经很完美了,哈哈)
    这个我倒是没注意,加入这个
    textarea {
        resize: vertical;
        background-color: #00000059;
        color: white;
        border-color: #ffffff3b;
    }
  • Innis 2021-5-6
    0 9


    1.2的工具条变得很长很长,直接超过屏幕了 /(ㄒoㄒ)/~~


  • VIWZ 2021-5-6
    0 10
    噢对了这个忘了改,本来是想修改设置面板的宽度的,没想到影响到这个,把代码中
    body#jShape.theme-night .jdialog > .alert.alert-normal
    这一部分的
    min-width: 800px;删掉就可以了
  • Innis 2021-5-8
    0 11

    我又又又来了


    卡片视图下,如果标题内有自动探测的内容,字号就是小的,不一致。

    ---------------------

    在每日中,每日的内容模块和链接模块,没有对齐,提及部分往左偏移了一点~


    ~( ̄▽ ̄)~*

  • VIWZ 2021-5-8
    0 12
    Innis 我又又又来了卡片视图下,如果标题内有自动探测的内容,字号就是小的,不一致。---------------------在每日中,每日的内容模块和链接模块,没有对齐,提及部分往左偏移了一点~~( ̄▽ ̄)~ ...
    感谢反馈哈~这个好细节啊,加入
    #detail-wrap .node:not(.node-top):not(.node-topic)[layout=panel] > .node-head > .node-text * {
        font-size: 18px !important;
    }
    body:not(.mobile-mode-open) #roam-main-wrap .outline-wrap > .node-top.can-resize > * {
        margin-left: 13px;
    }
    即可
  • Hardy 2021-5-9
    1 13
    狂赞
  • Innis 2021-5-11
    0 14

    暗色毛玻璃(全背景暗色)这个非常棒(๑•̀ㅂ•́)و✧,因为我用的是:卡片法+一元化,现在的布局看起来好像桌子上平铺了一列卡片,沉浸感很强,感谢制作!!(要不单独开个帖子,持续更新下,我觉得这种专注导向,又美又强的会有很多人喜欢(❤ ω ❤),哈哈)


  • VIWZ 2021-5-11
    1 15
    Innis 暗色毛玻璃(全背景暗色)这个非常棒(๑•̀ㅂ•́)و✧,因为我用的是:卡片法+一元化,现在的布局看起来好像桌子上平铺了一列卡片,沉浸感很强,感谢制作!!(要不单独开个帖子,持续更新下,我觉得这种专注导 ...
    ok,过段时间优化下再发
  • perzero 2021-5-12
    0 16

    大佬,暗色主题挖空后的内容会自己显示出来

  • VIWZ 2021-5-12
    0 17
    perzero 大佬,暗色主题挖空后的内容会自己显示出来
    试试看加入这个
    body#jShape.theme-night #detail-wrap .nmarkdown b:hover {
        color: #ff9800;
    }
    body#jShape.theme-night #detail-wrap .nmarkdown b {
        color: #ffffff00 !important;
    }
  • VIWZ 2021-5-13
    0 18

    白色毛玻璃做这个模式会出现相互嵌套问题,所以就暂时做了这个,试试看

    上传的附件:
  • 儞罷罷 2021-5-24
    0 19
    添加这个CSS后,每个操作的跳转都有明显的延迟。尤其是右上角点击偏好,要等1-2秒才显示偏好界面。
    是否有优化的可能?
  • VIWZ 2021-5-24
    0 20
    儞罷罷 添加这个CSS后,每个操作的跳转都有明显的延迟。尤其是右上角点击偏好,要等1-2秒才显示偏好界面。 是否有优化的可能?
    偏好的那个是因为css方面的内容太多,我自己笔记本和台式电脑的使用体验来看,延迟这个问题得看计算机运算性能,暂时没有解决办法(不过我个人没有跳转操作延迟问题,有偏好设置打开延迟问题)
  • roamnotesystem 2021-6-4
    0 21
    超赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞
返回