项目github地址：有道云笔记暗夜主题设置

youdao-note-theme

有道云笔记的皮肤

版本修订

20210515 目前主要是针对没有暗夜皮肤做的修改

目录说明

local-data-path:一般windows指安装C盘LocalData目录下
C:\Users\Administrator\AppData\Local\youdao\ynote
setup-path:一般windows指安装目录下
X:\xxx\Youdao\YunNote\YoudaoNote\theme\default

使用方法

分别替换对应目录的文件即可，注意备份原版文件。

颜色说明

白色替换： 255,255,255 -> 52,65,51 #344133
黑色替换： 37,57,51 -> 169,183,198 #a9b7c6

TIPS：以上颜色来自于IDEA的暗夜模式

详细设置

用户详情菜单设置

修改安装文件目录下的两个样式
X:\XX\Youdao\YoudaoNote\res\htmls\css\htmldialogbase.css
X:\XXX\Youdao\YoudaoNote\res\htmls\editorList.html

效果图

主背景色和字体色

一些主要的按钮我做了浅色图片替换

skin.xml中的主要模块：

``X:\XXX\Youdao\YoudaoNote\theme\default\skin.xml``

RightPanelToolbar ：右边的分享、插入等菜单
notebooktree ：左边文件夹菜单
nbtreeSelBk:普通模式左边文件夹菜单背景色
nbtreeSelBkSimple：缩小模式左边文件夹菜单背景色
FormBkPopup：弹出框，比如点击头像的弹出框。

参考资料

有道云笔记修改护眼绿背景色-v6.8_沐雨云楼-CSDN博客 https://blog.csdn.net/u011622109/article/details/78273180

效果图

修改编辑框背景图片

这个比较简单，完全按照参考资料找到对应目录替换图片文件。

  这个在当前的用户appdata文件夹下面：如果没有更改过计算机名字那就是 AdministratorC:\Users\Administrator\AppData\Local\youdao\ynote其中有一个很重要的配置文件: profile.ini搜索这个文件中的 NoteBgVersion  看看是什么配置NoteBgVersion=0后面如果为 0  表示的是使用的是 bgImage-0 这个文件夹了因此可以灵活使用这个值的例如  NoteBgVersion=10那么就做一个 bgImage-10 的文件夹。bgImage-XX 文件夹这个文件夹里面就是存放我们得背景图片的里面以  c-开头的图片就是我们普通客户用的以v-开头的图片就是会员使用的因此 自己可以自由发挥了，Windows中比较简单直接 往这个文件夹里面按照命名规则放图片即可

mac系统
mac系统更换方法和windows差不多，只是这个目录不好找
而且mac上没有  windows那么自由更换
从  Finder 里面  按住  shift+command+g  弹出对话框
然后键入
~/Library/Containers/com.youdao.note.YoudaoNoteMac/Data/Library/Application Support/com.youdao.note.YoudaoNoteMac/bgImage

不过这个方法的缺点也很明显，旧笔记的背景需要自己设置。

参考资料

版权声明：本文为CSDN博主「lambda-fk」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/fk002008/article/details/102500881

编辑框背景色及样式修改

主要目录

C:\Users\XXX\AppData\Local\youdao\ynote\6.10.1.0\bulbeditor\

bulb.html 修改引用的css文件为固定值，这样就不会自动更新了

<!DOCTYPE HTML>
<html manifest="../manifest.appcache?909650a93043da5862c7"><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Bulb editor for pc</title><script type="text/javascript">window.DEBUG = false;window.YNE_PLATFORM = 'pc';</script><link href="./bulb.min.css" rel="stylesheet"></head><body style="overflow:hidden;"><script src="./vendor.min.js?909650a93043da5862c7"></script><script src="./bulb.min.js?909650a93043da5862c7"></script></body>
</html>

修改 bulb.min.css

我顺带修改了菜单栏的背景样式

.note-view-frame 的属性就是背景色

效果图

不足之处

不是所有图片都有亮图，没有花时间全弄完
笔记列表不知道在哪里修改背景，还是死白
搜索框、头像框附件还有死白

有道云笔记暗夜主题黑夜模式相关推荐

手把手教你摆脱愚蠢的有道云笔记过上Typora的好日子
前言本文撰写于Typora 一开始学习MarkDown就有的有道云笔记,后来一段时间曾经尝试过印象笔记,但UI太不友好,很难上手就换了.应该说有道云还是不错的,毕竟猪厂产品,界面友好,可以清楚看到渲 ...
有道云笔记Android app离线缓存,有道云笔记Android版升级增加笔记离线阅读与收藏...
近日,有道云笔记Android版升级至2.5版,增加了iPhone版中颇受用户好评的离线阅读功能,同时增加了微信分享笔记,收藏笔记等实用功能. 升级后,用户可以在离线阅读设置页面,选择需要离线阅读的笔 ...
有道云怎么换行_markdown换行语法有道云笔记markdown怎么换行？
有道云笔记markdown怎么换行? 你好,现在的有道云笔记仅在云协作中支持markdown,云笔记即将在后续的版本中支持,现在还不能使用.Markdown具有一系列衍生版本,用于扩展Markdown ...
无需会员将有道云笔记脑图转换xmind
我的烦恼有道云笔记有脑图功能,我平时经常用到,之所以很少用到其他脑图工具,是因为我一直用有道云笔记写笔记.因此编辑脑图和查看脑图比较方便,但是需要将脑图导出的时候目前只支持图片和xmind,但是需要 ...
有道云笔记蒋炜航：敏捷开发的实战经验
网易有道笔记负责人谈敏捷开发的实战经验:什么时候适合使用"敏捷开发"呢?我们的经验是需要两点:一.团队有三名或以上的研发工程师:二.团队内有一名合适的Scrum Master. 作 ...
有道云笔记markdown上传本地图片的方法
有道云笔记markdown上传本地图片的方法有道云笔记markdown模式非会员发现不能直接截屏粘贴图片了.后来网上搜集了下方法,发现了好几种解决办法. 当然,如果你一年,不差那两百块钱,直 ...
印象笔记好还是有道云笔记好_有道云笔记和印象笔记哪个好？
展开全部用户在使用笔记类APP的时候主要有三种e5a48de588b63231313335323631343130323136353331333361306365操作,记录.管理.查看.在分析用户需 ...
最全的有道云笔记实用功能大盘点！PS：遇到优质的文章想收藏下来怎么办？在这里您就可以找到答案！
道阻且长,行则将至.埋头苦干,不鸣则已,一鸣惊人!加油,骚年! 我肝文章了,我体会到了快乐! 文章目录 1 前言 2 参考资料 3 基本信息 3.1 账户相关 3.2 增加存储空间 4 新建文档 4. ...
有道云笔记、石墨笔记、 Effie …采编怎么选？
采编即采集信息及编辑信息的工作,这类工作人员的工作集采访与编辑一体,既要采集稿件.广告等又要进行稿件编辑.修改和规格化.在一般情况下,采编的工作范围广.工作内容多.时间紧任务重.所有的文档编辑与校对工 ...

有道云笔记暗夜主题黑夜模式

youdao-note-theme

版本修订

目录说明

使用方法

颜色说明

详细设置

用户详情菜单设置

主背景色和字体色

skin.xml中的主要模块：

参考资料

效果图

修改编辑框背景图片

参考资料

编辑框背景色及样式修改

bulb.html 修改引用的css文件为固定值，这样就不会自动更新了

修改 bulb.min.css

效果图

不足之处

有道云笔记暗夜主题黑夜模式相关推荐

最新文章

热门文章