【界面美化】V1——J极简CSS主题,扁平沉浸——(11-27更新)(附加自定义样式)

加佳 2021-1-6 7933

沉浸工作学习环境,喜欢的就带走它吧

注意这个是V1版本的,不是V2版本的

大图点击这里

 

                     

大图点击这里

关于CSS:非盈利

 

分享目的:希望RE越来越好,毕竟用起来逻辑上最舒服的一个笔记软件。

 

本CSS所有修改:

基于用RE时的体验,目标:提供一个舒适的环境,让注意力尽量集中在所写内容上

CSS不影响功能性内容,只有视觉方面的优化,你可以随时无损的替换到其他主题,可以放心使用

关于更新:只要继续使用RE,此CSS会一直更新。

更新日志
20231206     CSS:针对夜晚模式进行优化
20231127     CSS:针对夜晚模式进行优化    优化思维导图,让图片也不会成为抬头显示   一些小优化
20230609     CSS:一些小优化,悬浮窗变宽,对思维导图更加友好     放上我装的一些JS,特别好用 
20220310     CSS:子主题折叠效果优化(这个多亏了hardy帮助)悬浮窗抬头显示优化  H1~H6 标题带颜色,方便辨识,大小调整  思维导图文字距离调整     一些小优化
20220225     CSS: 表格上次有些问题     尝试主题链接换个兰绿,和蓝色区分开  外部链接的颜色减淡    样式:增加Bullet 背景颜色   (样式名:大背景)  和官方插件功能一样,但是颜色采用我定义的基础14色    测试:针对链接探测插件显示的优化
20220225     CSS:优化表格   分割线在一些情况下显示不好  
20220130     CSS:版本号显示优化  引用换行模式优化  针对andy模式优化  完成钩子颜色优化  关系图针对黑夜模式优化 表格优化 关闭思维导图节点折叠后还显示block的表现 导图在关系图中的间距优化   样式:更好的横向排列
20200113     CSS:关系图中思维导图表现修改
20200112     CSS:修复BUG:数学公式根号显示过浅         一些其他小调整(不重要)
20220107     CSS:关系图背景颜色,线条关系颜色    andy模式抬头颜色优化 关系图单个节点的显示长度优化
20211217     CSS:针对44版本更新后关系线颜色的bug修复,暂时只能用hardy默认的关系线颜色,等hardy将关系线颜色开放出来再优化关系线颜色
20211217     CSS:侧边栏视觉效果优化,更加简洁   右侧提醒减弱   关系图线进行调整                 样式:瀑布流间隔调整
20210928     CSS:重要 修复主题最后一行被底部遮挡的问题    1 卡片有序排列显示优化 2 思维导图引用时候出框视觉bug优化 3 看板子节点长度限制优化 4 分割线距离优化5markdown的标题大小调整 5 思维导图长句子之间间隔调整     
20210906    紧急更新:修复05版本每日不能滚动bug CSS:表格视觉优化 
20210905     CSS:1搜索结果视觉优化 2主题下反链接调整间距 2悬浮窗标题位置颜色优化 3思维导图单个节点长度调整4思维导图和卡片外框优化
20210718    CSS:1 搜索以及底部反向链接视觉优化 2加入hardy的右侧滚动条css 3 夜晚图片变暗  4优化字距 5部分视觉调整优化 
20210708-2   自定义样式:bug修复 
20210708    CSS:1底部标签中心位置 2 一些视觉和体验优化 3看板试图视觉bug修复             自定义样式:1瀑布流视觉优化 2增加横向排列(在大神sheen的代码基础上调整而来)              
20210701-2    修复手机上bug(但是re本身手机支持不是很完善,应该也不会好用吧) 
20210701    CSS:1黑夜模式优化视觉体     2 思维导图在关系图中移动的bug,28更新后又出现新问题修复 
20210630    CSS:1思维导图在关系图中移动的bug,问题在于思维导图有最小宽度设置,通过css修复 2 关系图视觉优化          自定义样式:1颜色整合,增加到12色,经过专业调试 
20210629    CSS:1思维导图卡片化处理 2优化思维导图中节点背景色区域 3保证收缩节点效果            自定义样式:1颜色整合 
20210628    CSS:1 关系图视觉优化,操作体验优化,2思维导图优化,3自动宽度看板,5悬浮窗格式优化            自定义样式:1重新优化背景色(方便查看) 2修改bug,使自定义样式可以复合使用,如背景色和文字色同时运用                       
20210620    1右键排序优化 2卡片颜色和正常节点一样可以自定义样式  3视觉优化 
20210618   1 优化视觉层次若干   2 优化黑夜模式     3 自定义样式进行分组                   (如果要重新整理自定义样式,需要将re导出然后进行标识符替换) 
20210615-2     修复一些bug 
20210615   1底部标签视觉优化 2卡片优化 ,卡片的标题可以拥有自己的颜色  3其他视觉扁平化优 
20210613   1视觉相关优化 2关系图高度调整(原来的关系图只能全屏使用,对于悬浮窗工作流不友好) 
20210525   1针对1.9进行看板颜色优化,2分享自定义样 20210508   1 思维导图间隔变小 
20210505   1滑动条变细 ,2看板与卡片扁平化调色,3分割线变窄 
20210418   1 思维导图线颜色, 2 相关更加扁平的修改  
20210109   1 针对深色模式优化   2 针对标签优化,变浅,不影响阅读  3 去除了对引用文本的固定颜色设定 
20210108   1 去除会影响功能的部分修改  2优化缩进 20210107   优化圆点,浅
 

顺便分享下最喜欢的re工作流程,悬浮窗工作法,其实就是用这个功能将所有信息拆分成大大小小不同的悬浮窗,层级明确的整理自己的知识
悬浮窗工作流_链接


顺便附上了常用的JS代码,有很多方便的设置,可以直接使用


另外有什么优化想法也可以回复

对你有帮助可以点个赞,也让我知道有人在用哈

上传的附件:
快速回复
最新回复 (59)
  • 26443153 2021-1-8
    0 2
    感觉很赞,谢谢。
  • 波普 2021-1-9
    1 3
    浅色模式太刺眼,有没有深色模式呢?
  • 波普 2021-1-10
    0 4
    好的,我试试,非常感谢!
  • 波普 2021-1-10
    0 5
    第37行有个小错误,font-size: 10px;/大小/ 少了两个*号
  • 波普 2021-1-10
    0 6
    浅色模式太刺眼了。
  • Biomaker 2021-1-15
    0 7
    赞!!
  • alanelminster 2021-2-28
    0 8
    好看!
  • shyrz_ 2021-4-9
    0 9
    不错,催更催更
  • Lydia 2021-4-11
    0 10
    感谢~!
  • Oce 2021-5-7
    0 11
    样式不错!
  • 加佳 2021-6-28
    0 12
    6-28更新J极简CSS
  • yashino 2021-6-28
    0 13

    这个文件,J_样式—2021-0628.txt
    也是放在自定义CSS么?好像没啥变化呀

  • E 2021-6-29
    0 14
    yashino 这个文件,J_样式—2021-0628.txt也是放在自定义CSS么?好像没啥变化呀
    放到自定义节点样式里,如果没有,找下插件,开启下
  • 加佳 2021-6-29
    0 15
    yashino 这个文件,J_样式—2021-0628.txt也是放在自定义CSS么?好像没啥变化呀
    J样式是放在自定义样式里的,不是CSS
    放入后,在节点点击右键可以选择自定义样式
  • yashino 2021-6-29
    0 16
    能不能像默认的CSS那样,bullet下面还有节点的时候,默认有一个圆圈提示呢?一旦bullet很多了,也有空的bullet的时候这样容易区分而不需要去每个bullet都点击一下看看是否有下拉内容。
  • yashino 2021-6-29
    0 17

    原版:


    J极简CSS:


    能不能做成也有提示呢?

  • 加佳 2021-6-29
    0 18
    yashino 原版:J极简CSS:能不能做成也有提示呢?

    已经优化,可以下在最新的J极简CSS_0629
    还有你点赞没0、0

  • yashino 2021-6-29
    0 19
    加佳 yashino 原版:J极简CSS:能不能做成也有提示呢? 已经优化,可以下在最新的J极简CSS_0629还有你点赞没0、0
    完美,必须点赞
  • 得劲滋润爽 2021-6-30
    0 20
    你好,感谢
  • 得劲滋润爽 2021-6-30
    0 21
    这个填进去界面就变了还是得怎么操作?
  • 加佳 2021-6-30
    0 22
    得劲滋润爽 这个填进去界面就变了还是得怎么操作?
    填入css和自定义样式,点确定,就可以了
  • 522581099 2021-7-4
    0 23
    小米手机端 点击左侧菜单后 ,上部的菜单栏消失了。刷新页面才重新显示出来
  • 加佳 2021-7-4
    1 24
    522581099 小米手机端 点击左侧菜单后 ,上部的菜单栏消失了。刷新页面才重新显示出来

    因为RE的多端一直不稳定,所以没咋用手机来登录

    找到问题所在了,就不发大的包了,有相关需求的先下载  J界面优化包-0701.2版本的吧


  • 522581099 2021-7-5
    0 25
    大拇指  赞赞赞
  • 522581099 2021-7-5
    0 26
    还有一个小问题,手机端“自定义样式” 、”更多”菜单等菜单的下级菜单 显示到左侧了被挡住了,操作不了。
  • 加佳 2021-7-5
    1 27
    522581099 还有一个小问题,手机端“自定义样式” 、”更多”菜单等菜单的下级菜单 显示到左侧了被挡住了,操作不了。

    测试了,这个应该不是css问题,原版在手机上就有这个问题。

    其实真不建议现在用手机端来体验,感觉RE都没怎么适配手机。

    真想用,可以将手机横过来用。

  • 522581099 2021-7-5
    0 28
    机智如你,其实手机端也就临时记一下待办事项 ,或零碎的想法。都是一下简单的运用,这样也不怕同步有问题。 
  • 加佳 2021-7-18
    0 29
    J极简CSS  7-18更新
  • 19965393630 2021-8-10
    0 30
    小圆点颜色太淡了吧
  • 加佳 2021-8-11
    0 31
    19965393630 小圆点颜色太淡了吧
    http://club.roamedit.com/club/?thread-1030.htm 可以按照我写的这个再自己进行定制
    其实圆点本身没有什么信息,只有在想用的时候才有用,一堆圆点看着很不清爽。
    可以先试试,说不定你会喜欢这个淡淡的圆点,不打扰你看其他信息
    出发点就是做一个更加清爽的css,信息层级更加方便阅读
  • 19965393630 2021-8-20
    0 32
    谢谢
  • 加佳 2021-9-5
    0 33
    J极简CSS  9-5更新
    这次更新修改很少,随着基本完善,暂时都是小的修修补补。
    嫌麻烦就可以先不更新,更新价值不是很高。
    只是太久没更新,还是先放出来吧。
  • 加佳 2021-9-6
    0 34
    J极简CSS  9-6更新
    紧急更新:修复05版本每日不能滚动bug    CSS:表格视觉优化
  • Biomaker 2021-9-26
    0 35
    为什么将JS放入自定义样式中会显示代码错误呢
  • 加佳 2021-9-27
    0 36
    Biomaker 为什么将JS放入自定义样式中会显示代码错误呢

    应该是贴错地方了,自查一下哈

  • 加佳 2021-9-28
    0 37
    J极简CSS  9-28更新
  • 裤衩也是裤 2021-12-11
    0 38
    这个好看 谢谢~
  • 加佳 2021-12-17
    0 39
    J极简CSS  12-17更新
  • 加佳 2021-12-18
    0 40
    J极简CSS  12-18更新,紧急修复关系线颜色bug
  • 加佳 2022-1-7
    0 41
    J极简CSS  01-07更新
  • 加佳 2022-1-12
    0 42
    J极简CSS  01-12更新
  • 加佳 2022-1-13
    0 43
    J极简CSS  01-13更新  CSS:关系图中思维导图表现修改
  • 加佳 2022-1-30
    0 44
    J极简CSS  01-30更新
  • zdq_1230 2022-2-1
    0 45

  • 加佳 2022-2-2
    0 46
    zdq_1230

    有没有更详细的信息?比如:什么浏览器,以及这个是什么情况下发生的,通过什么方式安装的
    因为我在谷歌浏览器和edge上都无法复现你这个情况

  • 13046653183 2022-2-24
    0 47

    大佬大佬,求救,更新了您的样式,思维导图部分文字不在框里,求问这个是怎么解决的,拜托了

  • 加佳 2022-2-25
    0 48
    13046653183 大佬大佬,求救,更新了您的样式,思维导图部分文字不在框里,求问这个是怎么解决的,拜托了

    今天早上修改了一下,并不是很理想,暂时只能删除边框了

    还有建议可以用悬浮窗来进行re操作,比较自由和方便

    我上传一个新版本的css吧

  • 13046653183 2022-2-25
    0 49
    加佳 13046653183 大佬大佬,求救,更新了您的样式,思维导图部分文字不在框里,求问这个是怎么解决的,拜托了 今天早上修改了一下,并不是很理想,暂时只能删除边框了 还有建议可以用悬浮窗来进 ...

    是的,大佬,我用的是谷歌浏览器,现在就是把思维导图的卡片化那块加了宽度,从auto改成指定宽度,才囊括了,现在就是不能居中了,我只能先缩小页面把竖杆向外拉,才能用鼠标保持居中

  • 加佳 2022-2-25
    0 50
    13046653183 是的,大佬,我用的是谷歌浏览器,现在就是把思维导图的卡片化那块加了宽度,从auto改成指定宽度,才囊括了,现在就是不能居中了,我只能先缩小页面把竖杆向外拉,才能用鼠标保持居中
    我上传了新版本的,你安装新版本试试
  • 13046653183 2022-2-25
    0 51
    加佳 我上传了新版本的,你安装新版本试试

    谢谢大佬啊,抱歉现在才看到,我去试试,还想请教您,这个多级表格的宽度该用什么来调整呢,您上面设置的表格参数我一个一个去调整都没办法让他门减小宽度

  • 加佳 2022-2-26
    0 52
    13046653183 谢谢大佬啊,抱歉现在才看到,我去试试,还想请教您,这个多级表格的宽度该用什么来调整呢,您上面设置的表格参数我一个一个去调整都没办法让他门减小宽度
    表格宽度鼠标拉动竖线,这个和css无关,是RE控制的奥
  • 13046653183 2022-2-26
    0 53
    加佳 我上传了新版本的,你安装新版本试试
    大佬,我试了您最新上传的,看到效果是把思维导图的卡片化的边框去除了是吗,突然变成那样还有点不适应呢,感谢大佬
  • 加佳 2022-4-26
    0 54
    J极简CSS主题,扁平沉浸——(04-26更新)
  • 13046653183 2022-7-15
    0 55

    大佬,请问在用了您的这个CSS之后,这条拖动调整的线找不到了,我缩放页面了也没出现欸,这样本来平移就能出现的东西,都被压缩了,很难受

  • 加佳 2022-7-15
    0 56
    13046653183 大佬,请问在用了您的这个CSS之后,这条拖动调整的线找不到了,我缩放页面了也没出现欸,这样本来平移就能出现的东西,都被压缩了,很难受
    不知道怎么再现,有没有录屏什么的,更加详细的说明,帮助我优化
  • 加佳 2023-3-10
    0 57
    J极简CSS  03-10更新
  • 加佳 2023-6-9
    1 58
    J极简CSS  0609更新,主要放上一些常用的JS
  • 加佳 10月前
    0 59
    J极简CSS  更新,最近用夜晚模式,进行了优化
  • 加佳 10月前
    0 60
    J极简CSS  1206 更新,夜晚模式优化
返回