Last active
January 3, 2021 09:52
-
-
Save iblueer/5f9a1aebd9e57e6efe4fad47020fb023 to your computer and use it in GitHub Desktop.
[solarized light for flomo]在原作者基础上进行了小优化,增加了域名支持,修改了搜索框样式
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ==UserScript== | |
// @name Solarized Light for flomo | |
// @version 1.0.6 | |
// @description 为flomo.app设计的护眼色皮肤。 | |
// @author Sherlock Lau, Maemo Lee | |
// @match *://flomo.app/* | |
// @match *://flomoapp.com/* | |
// @namespace https://greasyfork.org/users/685020 | |
// ==/UserScript== | |
(function() { | |
var style = document.createElement("style"); | |
style.type = "text/css"; | |
var text = document.createTextNode("/* login */ /* 登录按钮及输入框圆角 */ .el-button--primary, .el-input--suffix, .el-input__inner { border-radius: 20px !important; } /* 登录按钮颜色 */ .el-button--primary { background-color: #424e53; border: none; } .el-button--primary:hover { background-color: #545d61; border: none; } /* 输入框颜色 */ .el-input--suffix, .el-input__inner { background: #fffcf7 !important; } /* editor */ /* 全局圆角设置 */ ul li.selected, ul li.selected>div, ul li:hover, ul li>div:hover, div.topbar .el-input.search .el-input__inner, div.content span.tag { border-radius: 20px !important; } /* 侧边导航hover事件 */ ul li>div:hover { background: #f2ebd4 !important; } /* 侧边导航选中样式 */ ul li.selected, ul li.selected>div { background: #5c6d74 !important; } ul li.selected ul li div span { color: #b0a6a6 !important; } /* 全局背景色与字体色 */ html, body, .el-drawer__body { background: rgb(252, 246, 229) !important; color: #3f4e54 !important; } /* 批注背景色 */ .el-drawer__wrapper .el-drawer { background: rgb(252, 246, 229); } /* 侧边栏日历样式 */ .stat .grid { padding: 10px !important; } .stat .grid .day { background: #dfdfdf !important; border-radius: 20px !important; } .stat .grid .day.green { background: #7b939c !important; border-radius: 6px; } .stat .grid .day.dark_green{ background: #3f4e54 !important; border-radius: 6px; } .stat .grid .day.today { border-color: #5c6d74 !important; } .stat .grid .day.light_green{background: #a6bdc6 !important;} /* 侧边栏 TAGS */ #sidebar h3 { color: #5c6d74 !important; font-weight: 800; font-size: 1em; } /* 侧边栏数字统计样式 */ .stat .datas .data .number { color: #424e53 !important; } .stat .datas .data .type { font-size: 8px !important; } /* 顶部搜索框样式 */ div.topbar .el-input.search .el-input__inner { background: #f7eedd !important; } .el-input.is-active .el-input__inner, .el-input__inner:focus { border-color: #5c6d74; } /* memo 卡片样式 */ div.memo div.card, .editor-content, div.editor-menu-bar, div.card { background: #fff9ef !important; } /* memo卡片编辑弹出框样式 */ .el-popper { background: rgb(255 253 246); } /* 底部输入框提交按钮样式 */ div.editor-menu-bar .submit-btn { background: #5c6d74 !important; border: none; border-radius: 20px; } div.editor-menu-bar .submit-btn:hover { background: #424e53 !important; } /* 内容区标签样式 */ div.content span.tag { background-color: #f7eedd !important; color: #a4772d !important; } /* 内容区搜索高亮样式 */ div.content label.highlight { background: #f0c859 !important; color: #424e53 !important; padding: 4px 6px !important; } /* 内容区边距 */ div.content { padding: 10px 0 !important; } /* 顶部及底部输入框宽度调整,避免与卡片样式产生割裂 */ div.topbar { padding: 12px 10px 0 !important; } div.input { padding: 0 16px 10px !important; } /* 图片样式背景 */ .files{ background-color: #fef9f0 !important; padding: 14px 14px !important; } .el-upload--picture-card{ background-color: #fbf6e7; } .el-upload-list--picture-card .el-upload-list__item-actions{ background-color: #fbf6e7; } .el-input {margin-bottom: 10px !important;} .el-button--small {border-radius: 20px;}"); | |
style.appendChild(text); | |
var head = document.getElementsByTagName("head")[0]; | |
head.appendChild(style); | |
})(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment