flomo dark mode by codingezio

/* ==UserStyle==
@name         flomo dark mode
@version      20220318.07.27
@namespace    userstyles.world/user/codingezio
@description  Tweaks for flomoapp.com
@author       codingezio
@license      No License
==/UserStyle== */

@-moz-document domain("flomoapp.com") {
	/* 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;
}
}