为flomo.app设计的深色皮肤。
// ==UserScript==
// @name Solarized Dark for flomo
// @version 1.0.2
// @description 为flomo.app设计的深色皮肤。
// @author Sherlock Lau
// @match https://flomo.app/*
// @namespace https://greasyfork.org/users/685020
// ==/UserScript==
(function() {
var style = document.createElement("style");
style.type = "text/css";
var text = document.createTextNode("/* login */ /* 标题 */ .form h1{ color:#fff; } /* 登录按钮及输入框圆角 */ .el-button--primary, .el-input--suffix, .el-input__inner { border-radius: 20px !important; } /* 登录按钮颜色 */ .el-button--primary { background-color: #102b35; border: none; } .el-button--primary:hover { background-color: #0b1f26; border: none; } /* 输入框颜色 */ .el-input--suffix, .el-input__inner { background: #0f2b35 !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: #102b356b !important; } /* 侧边导航选中样式 */ ul li.selected, ul li.selected>div { background: #102b35 !important; } ul li.selected ul li div span { color: #b0a6a6 !important; } /* 全局背景色与字体色 */ html, body, .el-drawer__body { background: #193641 !important; } /* 批注背景色 .el-drawer__wrapper .el-drawer { background: rgb(252, 246, 229); } */ /* 侧边栏日历样式 */ .stat .grid { padding: 10px !important; } .stat .grid .day { background: #35494f !important; border-radius: 20px !important; } .stat .grid .day.light_green { background: #519f98 !important; border-radius: 6px; } .stat .grid .day.green { background: #16a9df !important; border-radius: 6px; } .stat .grid .day.dark_green{ background: #a563d9 !important; border-radius: 6px; } .stat .grid .day.today { border-color: #fff !important; } /* 侧边栏 TAGS */ #sidebar h3 { color: #abb3b2 !important; font-weight: 800; font-size: 1em; } /* 侧边栏数字统计样式 */ .stat .datas .data .number { color: #abb3b2 !important; } .stat .datas .data .type { font-size: 8px !important; } /* 顶部搜索框样式 */ div.topbar .el-input.search .el-input__inner { background: #0f2b35 !important; border:2px solid #344248 !important; } div.topbar .el-input.search .el-input__inner:focus { background: #0a1d24 !important; border:2px solid #3d4c53 !important; } .el-input__inner{ border-color: #0f2b35 !important; } /* memo 卡片样式 */ div.memo div.card, .editor-content, div.editor-menu-bar, div.card { color: #9da6a4 !important; background: #102b35 !important; } div.memo div.card:hover{ box-shadow: 0px 2px 16px #0e262f !important; } /* memo卡片编辑弹出框样式 */ .el-popper { background: #172a34; border: none !important; border:2px solid #344248 !important; } .el-popper[x-placement^=bottom] .popper__arrow,.el-popper[x-placement^=bottom] .popper__arrow::after{ border-bottom-color:#344248 !important; } .el-button.tools-button{ color: #799daa !important; } .el-button.tools-button:hover{ color: #88adbb !important; } /* 底部输入框提交按钮样式 */ div.editor-menu-bar .submit-btn { background: #78a8b7 !important; border: none; border-radius: 20px; } div.editor-menu-bar .submit-btn:hover { background: #608895 !important; } /* 内容区标签样式 */ div.content span.tag { background-color: #017db7 !important; color: #fff !important; } /* 内容区搜索高亮样式 */ div.content label.highlight { background: #aeb5b3 !important; color: #424e53 !important; padding: 4px 6px !important; } /* 内容区 */ div.content { padding: 10px 0 !important; color: #78a8b7 !important; } /* 顶部及底部输入框宽度调整，避免与卡片样式产生割裂 */ div.topbar { padding: 12px 10px 0 !important; } div.input { padding: 0 16px 10px !important; border: none !important; } .user .nickname{ color: #adb5b4 !important; } div.memo div.date{ color: #6b8089 !important; } div.memo div.date:after{ background:rgba(107, 128, 137, .5) !important; } /* 图片样式背景 */ .files{ background-color: #121e2b !important; padding: 14px 14px !important; } .input-box{ border:2px solid #344248 !important; border-radius: 11px !important; } .el-upload--picture-card{ background-color: #121e2b; } .el-upload-list--picture-card .el-upload-list__item-actions{ background-color: #121e2b; } /* 侧边抽屉 */ .content span.tag{ padding:2px 5px !important; } /* 编辑状态 */ .cancel-btn{ background:#172a34 !important; color: #fff; border:rgba(255,255,255,.2) 1px solid; } .editor-content{ color:#78a8b7 !important; } /* 微信扫码 */ div.memo.welcome p{ color: #9da6a4 !important; font-size:14px !important; } div.input div.wechat_bind{ background: #0f2b35 !important; color: #b7bcc4 !important; padding: 0 30px !important; border-radius: 30px !important; }");
style.appendChild(text);
var head = document.getElementsByTagName("head")[0];
head.appendChild(style);
})();