{"id":20128741,"url":"https://github.com/nriver/vnote-solarized-theme","last_synced_at":"2025-09-21T04:32:13.913Z","repository":{"id":78130408,"uuid":"435431159","full_name":"Nriver/vnote-solarized-theme","owner":"Nriver","description":"vnote solarized theme","archived":false,"fork":false,"pushed_at":"2021-12-22T08:24:40.000Z","size":632,"stargazers_count":4,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-11-13T20:38:15.095Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Nriver.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-12-06T09:17:34.000Z","updated_at":"2024-11-03T11:21:13.000Z","dependencies_parsed_at":"2023-02-24T02:00:44.372Z","dependency_job_id":null,"html_url":"https://github.com/Nriver/vnote-solarized-theme","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nriver%2Fvnote-solarized-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nriver%2Fvnote-solarized-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nriver%2Fvnote-solarized-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nriver%2Fvnote-solarized-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nriver","download_url":"https://codeload.github.com/Nriver/vnote-solarized-theme/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233712436,"owners_count":18718214,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-13T20:29:19.094Z","updated_at":"2025-09-21T04:32:08.511Z","avatar_url":"https://github.com/Nriver.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vnote-solarized-theme\n适用于 VNote 3 的 solarized 主题\n\n# 截图\nSolarized-dark\n![Solarized-dark](./solarized-dark/cover.png)\n\nSolarized-light\n![Solarized-light](./solarized-light/cover.png)\n\n# 安装方法\n把文件夹放到vnote的主题文件夹里, 比如linux是 `~/.local/share/VNote/VNote/themes/`.\n如果不清楚路径，可以在VNote设置内找到`外观-主题`, 选中任意主题，点击`打开路径`就会打开相关的文件夹了.\n\n# 自定义主题\n改下颜色\n这个网站有[渐变色](https://atool.vip/color/)生成\n\n修改 `~/.local/share/VNote/VNote/themes/solarized-dark/palette.json`\n\n# 注意几个主要的颜色\nbg1_5 是主界面的底色 （bg1_1到bg1_5渐变 bg1_51到fg1_10渐变）  \nbg10_5 左侧文件树的背景色 搜索结果的背景色 选项的背景色 选中按钮的背景色  \nbg2_5 是鼠标悬停在左侧笔记树的弹窗背景色 (bg2_2到bg2_9渐变)  \n\nweb.css  \nbody的background-color 是查看模式下笔记的背景色  \n::-webkit-scrollbar的background-color 是查看模式下滚动条背景  \n还有 ::-webkit-scrollbar-corner的background-color 和 ::-webkit-scrollbar-button 的 background-color 也是一样的  \n::-webkit-scrollbar-track的background-color 是查看模式下右侧滚动条的背景  \n\"editor-styles\" 的 \"IndicatorsBorder\" 是编辑器行号的背景色  \n最好取编辑器背的背景色kit-scrollbar-button的background-color 是查看模式下滚动条上下按钮的颜色，注意普通状态，鼠标悬浮，鼠标点击等状态的颜色也要修改  \n::-webkit-scrollbar-thumb的background-color 是查看模式下鼠标和滚动条交互的颜色  \ntable tr的background-color 是查看模式下表格的颜色，注意hover状态的颜色也要修改  \n\ntext-editor.theme  \n\"editor-styles\" 的 \"background-color\"  \n\"markdown-editor-styles\" 的 \"background-color\"  \n这两个是编辑器的背景色  \n\n\"editor-styles\" 的 \"IndicatorsBorder\" 是编辑器行号的背景色  \n最好取编辑器背的背景色和左侧文件树的背景色中间的颜色  \n\n\"editor-styles\" 的 \"CursorLine\" 是编辑模式下当前行的背景\n\n## 其它颜色和对应界面\n\n### bg1_51\n悬浮框title的背景颜色，可以稍微做的有辨识度一点，让边界分明\n\n### bg1_8\n开启，关闭原地预览按钮的背景\n\n### bg2_5\n查找框，关键字高亮背景  \n悬浮框文字背景\n\n### fg1_5\n左上菜单，设置文字，设置选项的文字颜色\n\n### fg1_8\n左侧文件树，下方搜索结果，上方当前选中的笔记标题文字颜色  \n设置菜单内文件树和部分设置的文字颜色\n\n### fg1_9\n左侧菜单鼠标悬浮框文字颜色  \n菜单按钮鼠标悬浮上去后的文字颜色\n\n## solarized-dark 转 light\n073642 替换成 FDF6E3  \n需要注意的是dark主题渐变色由深到浅  \nlight应该是由浅到深  \n\n文字主要颜色  \nccd1d8 改成 657B83  \n文字选中背景  \n0c7bff 改成 EEE8D5  \n\n其它的对应修改就行\n\n# 文字颜色\n大体界面UI的颜色调好之后，可以修改一下文字的颜色了\n以下基于vnote月夜主题的文字颜色修改\n由于颜色用的地方很多，这里不一一列出来了，只记录颜色替换结果\n\n## 深色主题\n\n### 查看模式的颜色 text-editor.theme\n标题 红色 `#e06c75` 改成黄色 `#CA4A17`  \n链接 蓝色 `#61afef` 改绿色 `#2AA198`  \n代码颜色 绿色 `#98c379` 改成黄色 `#D7BA7D`  \n\n### 编辑模式的颜色 web.css\n标题 红色 `#e06c75` 改成黄色 `#CA4A17`  \n链接 蓝色 `#61afef` 改绿色 `#2AA198`  \n代码颜色 绿色 `#98c379` 改成黄色 `#D7BA7D`  \n\n\n## 浅色主题\n\n### 查看模式的颜色 text-editor.theme\n标题 红色 `#e06c75` 改成黄色 `#CA4A17`  \n链接 蓝色 `#61afef` 改绿色 `#2AA198`  \n代码颜色 绿色 `#98c379` 改成黄色 `#D7BA7D`  \n\n### 编辑模式的颜色 web.css\n标题 红色 `#e06c75` 改成土黄色 `#CA8465`  \n链接 蓝色 `#61afef` 改绿色 `#2AA198`  \n代码颜色 绿色 `#98c379` 改成黄色 `#D7BA7D`  \n\n浅色主题需要额外修改  \n表格分隔符`|`的背景色 `#444b58` 改成 和主背景相近的颜色 `#E4DECC`  \n选中文字的背景色 \"selected-background-color\" 注意有2个 都换成 `#b0bec5`  \n\n# 代码高亮\n\n## 编辑模式代码高亮\n修改palette.json  \n代码高亮主题 \"editor-highlight-theme\" 和 \"markdown-editor-highlight-theme\" 改成 Light 或 dark 主题  \n\n## 查看模式代码高亮\n修改highlight.css  \n可以直接去 https://prismjs.com/download.html 生成  \n\n里面有现成的 solarized-light 主题的高亮，也可以用到 solarized-dark主题上，注意修改这个背景色  \n```\n:not(pre) \u003e code[class*=\"language-\"],\npre[class*=\"language-\"] {\n    background-color: #073642; /* base3 */\n}\n```\n\n# 声明\n本主题由VNote3的内置主题`月夜`修改而来.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnriver%2Fvnote-solarized-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnriver%2Fvnote-solarized-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnriver%2Fvnote-solarized-theme/lists"}